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

1. Usability in
(geistes-)wissenschaftlichen
Onlinedatenbanken
Aline Deicke (Aline.Deicke@adwmainz.de)
Akademie der Wissenschaften und der Literatur | Mainz
www.digitale-akademie.de

2. 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?

3. Einleitendes

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

5. 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

6. „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

7. Usability in der Praxis
http://www.webdesign.org/vital-website-usability-checklist-you-can-t-ignore.22304.html

8. Konzeption / Informationsarchitektur
www.adwmainz.de

9. Methoden
• Anforderungsspezifikationen
• Flowcharts
• Wireframes

10. 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

11. Design
www.gluck-gesamtausgabe.de

12. 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.)

13. Beispiel: Suchen
www.regesta-imperii.de

14. Beispiel: Suchen

15. 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”)
• …

16. Responsive Design
www.controversia-et-confessio.de
• 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
• …

17. 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/

18. 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-experience
http://www.usability.gov/
http://www.w3.org/standards/webdesign/accessibility
https://uxpa.org/
http://www.uxbooth.com
https://userium.com/