graphisches user interface design sowie evaluation für die virtual university...
TRANSCRIPT
![Page 1: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/1.jpg)
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
![Page 2: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/2.jpg)
AgendaAgenda
• ProblemstellungProblemstellung
• Analyse der VUAnalyse der VU
• Theoretisches zum Thema ‚User Theoretisches zum Thema ‚User Interface‘Interface‘
• Neues DesignNeues Design
• PrototypPrototyp
• EvaluierungEvaluierung
![Page 3: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/3.jpg)
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.
![Page 4: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/4.jpg)
Analyse: Die Ziele der VUAnalyse: Die Ziele der VU
• InformationsbereitstellungInformationsbereitstellung
• Sucheffizienz und ZeitersparnisSucheffizienz und Zeitersparnis
• KostenvorteileKostenvorteile
• PräsentationsplattformPräsentationsplattform
• KommunikationKommunikation
• NetzwerkökonomieNetzwerkökonomie
![Page 5: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/5.jpg)
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
![Page 6: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/6.jpg)
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
![Page 7: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/7.jpg)
Analyse: Aktuelles GUIAnalyse: Aktuelles GUI
• TextbasiertTextbasiert
• FramesFrames
• LogosLogos
• Browserspezifische FarbenBrowserspezifische Farben
• Suchfunktion: gelbSuchfunktion: gelb
![Page 8: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/8.jpg)
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
![Page 9: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/9.jpg)
Theoretisches: UsabilityTheoretisches: Usability
• EffectivenessEffectiveness
• LearnabilityLearnability
• FlexibilityFlexibility
• AttitudeAttitude
![Page 10: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/10.jpg)
Papierprotoyp IPapierprotoyp IStarfield-Display
![Page 11: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/11.jpg)
Papierprototyp IIPapierprototyp IIHyperbolic
Tree
![Page 12: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/12.jpg)
Papierprototyp IIIPapierprototyp IIIEye of
Intelligence
![Page 13: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/13.jpg)
Papierprototyp IVPapierprototyp IVSee-Mine
![Page 14: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/14.jpg)
Papierprototyp VPapierprototyp VClassic-frame
Navigation
![Page 15: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/15.jpg)
AuswahlverfahrenAuswahlverfahren
• Eigene BeurteilungEigene Beurteilung
• Befragung von zufällig anwesenden Befragung von zufällig anwesenden Benutzern im PC7Benutzern im PC7
Eye of Intelligence
![Page 16: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/16.jpg)
UmsetzungUmsetzung
• Reine GrafikenReine Grafiken
• ImagemapsImagemaps
• Lösungswege für SzenarienLösungswege für Szenarien
![Page 17: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/17.jpg)
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)
![Page 18: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/18.jpg)
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
![Page 19: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/19.jpg)
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
![Page 20: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/20.jpg)
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
![Page 21: Graphisches User Interface Design sowie Evaluation für die Virtual University SE-Informationswirtschaft WS 1998/99](https://reader035.vdocuments.us/reader035/viewer/2022070310/55204d7449795902118c87f4/html5/thumbnails/21.jpg)
Danke für Ihre Danke für Ihre AufmerksamkeitAufmerksamkeit