Graphisches User Graphisches User Interface Design sowie Interface Design sowie

Evaluation für die Virtual Evaluation für die Virtual UniversityUniversity

SE-InformationswirtschaftSE-Informationswirtschaft

WS 1998/99WS 1998/99

AgendaAgenda

• ProblemstellungProblemstellung

• Analyse der VUAnalyse der VU

• Theoretisches zum Thema ‚User Theoretisches zum Thema ‚User Interface‘Interface‘

• Neues DesignNeues Design

• PrototypPrototyp

• EvaluierungEvaluierung

ProblemstellungProblemstellung

Seit ihrer Existenz ist die VU ein natürlich Seit ihrer Existenz ist die VU ein natürlich gewachsenes System. Die gewachsenes System. Die

Benutzeroberfläche ist vorwiegend Benutzeroberfläche ist vorwiegend textbasiert.textbasiert.

Die Gestaltung und Evaluierung einer Die Gestaltung und Evaluierung einer neuen graphischen Benutzeroberfläche neuen graphischen Benutzeroberfläche

war Ziel dieses Projektes.war Ziel dieses Projektes.

Analyse: Die Ziele der VUAnalyse: Die Ziele der VU

• InformationsbereitstellungInformationsbereitstellung

• Sucheffizienz und ZeitersparnisSucheffizienz und Zeitersparnis

• KostenvorteileKostenvorteile

• PräsentationsplattformPräsentationsplattform

• KommunikationKommunikation

• NetzwerkökonomieNetzwerkökonomie

librarieslibraries

Analyse: Aufbau der VUAnalyse: Aufbau der VU

Mainpage VU

Livinglectures

(66)

Tools & manuals

(309)

VU Bibliothek

(805)

Materials Collection

(469)

WUInfo

(162)

- search- link creator- broadcasting robot- statistik

Analyse: Aufbau - librariesAnalyse: Aufbau - libraries

• Datenbasis mit InformationDatenbasis mit Information

• Eintrag: Titel + URLEintrag: Titel + URL

• Verwaltung durch BibliothekarVerwaltung durch Bibliothekar

• Beliebig viele Bibliotheken hinzufügbarBeliebig viele Bibliotheken hinzufügbar

Analyse: Aktuelles GUIAnalyse: Aktuelles GUI

• TextbasiertTextbasiert

• FramesFrames

• LogosLogos

• Browserspezifische FarbenBrowserspezifische Farben

• Suchfunktion: gelbSuchfunktion: gelb

Analyse: BenutzerAnalyse: Benutzer

Information-User

Information-Provider

Librariens

Server-Administrator

LV-TeilnehmerAutoren wissenschaftl. Arbeiten

Software-EntwicklerSonstige Wissensdurstige

LV-LeiterProjekt-Leiter

InstituteAutoren wissenschaftl. Arbeiten

Bibliotheksadministratorev. automatisierte Skripts

Info-Suche

Info-AngebotLV-Unterlagen

MarketingPublikationen

Statistiken

Verwaltung

VerwaltungSystempflege

Theoretisches: UsabilityTheoretisches: Usability

• EffectivenessEffectiveness

• LearnabilityLearnability

• FlexibilityFlexibility

• AttitudeAttitude

Papierprotoyp IPapierprotoyp IStarfield-Display

Papierprototyp IIPapierprototyp IIHyperbolic

Tree

Papierprototyp IIIPapierprototyp IIIEye of

Intelligence

Papierprototyp IVPapierprototyp IVSee-Mine

Papierprototyp VPapierprototyp VClassic-frame

Navigation

AuswahlverfahrenAuswahlverfahren

• Eigene BeurteilungEigene Beurteilung

• Befragung von zufällig anwesenden Befragung von zufällig anwesenden Benutzern im PC7Benutzern im PC7

Eye of Intelligence

UmsetzungUmsetzung

• Reine GrafikenReine Grafiken

• ImagemapsImagemaps

• Lösungswege für SzenarienLösungswege für Szenarien

EvaluierungEvaluierung

• Befragung von 10 BenutzernBefragung von 10 Benutzern

• 2 Aufgabenstellungen2 Aufgabenstellungen

• Think-a-loudThink-a-loud

• persönliche Merkmale (zB VU-User)persönliche Merkmale (zB VU-User)

Evaluierung: Ergebnisse IEvaluierung: Ergebnisse I

1

1,5

2

2,5

3

3,5

4

4,5

5

5,5

6

Bewertung

Übe

rsic

htlic

hkei

t

Ein

fach

heit

Sch

önhe

it

Unt

erst

ütze

nd

Bed

ienu

ngsg

esch

win

digk

eit

Orig

inel

lität

Opt

ik

Nav

igat

ions

leis

te

Str

uktu

rieru

ng

Sch

rifta

rt

Sch

riftg

röß

e

Far

bwah

l

Des

ign

Erle

rnba

rkei

tEigenschaften

Evaluierung

VU-alt

VU-neu

Evaluierung: Ergebnisse IIEvaluierung: Ergebnisse II

Übe

rsic

htlic

hkei

t

Ein

fach

heit

Sch

önhe

it

Unt

erst

ütze

nd

Bed

ienu

ngsg

esch

win

digk

eit

Orig

inel

lität

Opt

ik

Nav

igat

ions

leis

te

Str

uktu

rieru

ng

Sch

rifta

rt

Sch

riftg

röß

e

Far

bwah

l

Des

ign

Erle

rnba

rkei

t

R1

-10%

-5%

0%

5%

10%

15%

20%

25%

30%

35%

Vergleich zu VU-GUI alt

Merkmale

Evaluierung VU-GUI neu

ResümeeResümee

• 70 % neues GUI besser als altes70 % neues GUI besser als altes

• Häufigste Kritik am alten UI:Häufigste Kritik am alten UI:Überladung durch TextÜberladung durch Text

• Verbessern des VorschlagesVerbessern des Vorschlages

• Implementierung einer neuen GUIImplementierung einer neuen GUI

Danke für Ihre Danke für Ihre AufmerksamkeitAufmerksamkeit