Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

18
Usability in (geistes-)wissenschaftlichen Onlinedatenbanken Aline Deicke ([email protected]) Akademie der Wissenschaften und der Literatur | Mainz www.digitale- akademie.de

description

Vortrag auf dem Workshop „Usability in Forschungsinfrastrukturen in den digitalen Geisteswissenschaften“, veranstaltet von TextGrid in Kooperation mit DARIAH-DE (22.-23. September 2014, DAI).

Transcript of Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Page 1: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Usability in (geistes-)wissenschaftlichen

Onlinedatenbanken

Aline Deicke ([email protected])Akademie der Wissenschaften und der Literatur

| Mainz

www.digitale-akademie.de

Page 2: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Leitfragen Workshop

1. Welche Anforderungen stellen Nutzer geisteswissenschaftlicher Forschungsinfrastrukturen an die Benutzbarkeit von Tools und Services?

2. Welche Regeln oder Standards für gute Usability sollten zugrunde gelegt werden?

3. Welche Verfahren für deren Überprüfbarkeit können von Betreibern und Entwicklern von Forschungsinfrastrukturen angewendet werden?

4. Wie kann Usability einzelner Tools und Workflows im Vergleich zu einem neugeschaffenen Ökosystem einer virtuellen Infrastruktur bewertet und optimiert werden?

5. Wie kann der Aspekt der Usability mittel- und langfristig stärker in DH-Projekten berücksichtigt werden?

6. Wie stark werden Usability-Aspekte bei der Software-Entwicklung in DH-Projekten berücksichtigt?

Page 3: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Einleitendes

Page 4: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Usability - Definitionen

http://www.germanupa.de/data/mediapool/germanupa_the-usability-ux-profession.pdf

Page 5: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Usability - Definitionen

“Usability means making sure something works well, and that a person of average ability or experience can use it for its intended purpose without getting hopelessly frustrated.”

Steve Krug, Don’t make me think

• Don‘t make me think (Krug’s first law of usability) • KISS - Keep it simple, stupid

Page 6: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

„Nutzeranalyse“ DH

• Sehr variabel (digital native bis silver surfer)• Experten und Laien• Hochmotiviert, aufmerksamkeitswillig• bereit, sich auch bei Schwierigkeiten mit

Seite/Anwendung zu beschäftigen

Herausforderungen

• Komplexe, oft neuartige Applikationen mit großen, komplex strukturierten Informationsmengen

• Lange, intensive Beschäftigung mit Seiten gewünscht/notwendig

• Einzigartige, vielfältige Inhalte

Page 7: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

http://www.webdesign.org/vital-website-usability-checklist-you-can-t-ignore.22304.html

Usability in der Praxis

Page 8: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Konzeption / Informationsarchitektur

www.adwmainz.de

Page 9: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Methoden

• Anforderungsspezifikationen • Flowcharts• Wireframes

Page 10: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Design - Layout• Einfachheit/simplicity (no clutter) und Konsistenz• Wichtige Informationen prominent platziert,

Gruppierung von Informationen → visuelle Hierarchie• Navigation (main, secondary, breadcrumbs): klar,

gut organisiert, nicht zu prominent• Boring is good → Bekanntes wird wieder erkannt,

daher Konventionen nutzen (user patterns)

www.sensible.com/dmmt.html

Page 11: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Design

www.gluck-gesamtausgabe.de

Page 12: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Programierung/Interaction Design

• Verhalten user agent nicht grundlegend ändern/beeinflussen

• The small HTML-stuff: placeholder, title-tags, alle klar und konzise; meta-description; etc.

• CSS3, HTML5• Progressive Enhancement oder Graceful

Degradation• Sprechende URLS, URL-redirection• Keine kaputten Links• Dateigrößen reduzieren (Minimieren, sauberer Code,

komprimierte Bilder, Sprites, Icon fonts, etc.)

Page 13: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Beispiel: Suchen

www.regesta-imperii.de

Page 14: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Beispiel: Suchen

Page 15: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Accessibility

• Usability = Accessibility• Inhalte: Klar, konzise, verständlich auch ohne visuelle

Hinweise (z. B. Bildunterschriften, semantische Tabellen)

• Design: Kontrast, Farbe nicht als alleiniger Informationsträger, Lesbarkeit

• CSS/HTML: WAI-ARIA, semantisches HTML, Seite auch funktional ohne CSS und javascript, barrierefreies javascript, alt-Attribute, keine versteckten Inhalte, etc.

• Keyboard-accessible Navigation, kein Override von keyboard shortcuts oder andere Änderungen im Verhaltens des user agents

• Links, Buttons, Checkboxes sollten leicht klickbar sein• Erklärende Linktexte (Nicht “click here”)• …

Page 16: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Responsive Design

• responsive site vs. App:o Inwiefern kann meine Anwendung auch auf

anderen Geräten funktionieren? Was sind mögliche use cases? Inwieweit kann ich Funktionalitäten übertragen?

• Mobile First-Contentstrategien• CSS3/HTML5 + javascript• …

www.controversia-et-confessio.de

Page 17: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Außerdem…

• Dokumentation• Performance (Mobile!)• Lokalisierung• Cross-Browser-Testing• …

http://tophatwordandindex.wordpress.com/2013/11/25/document-usability-pt-3-identifying-challenges-for-government-business/

Page 18: Usability in (geistes-)wissenschaftlichen Onlinedatenbanken

Vielen Dank für ihre Aufmerksamkeit!

Steve Krug, Don’t make me think (New Riders 2014)http://www.nngroup.com/topic/web-usability/http://www.smashingmagazine.com/tag/usability/http://alistapart.com/topic/usability http://alistapart.com/topics/user-experiencehttp://www.usability.gov/http://www.w3.org/standards/webdesign/accessibilityhttps://uxpa.org/http://www.uxbooth.comhttps://userium.com/