Usability in (geistes-)wissenschaftlichen

Onlinedatenbanken

Aline Deicke (Aline.Deicke@adwmainz.de)Akademie der Wissenschaften und der Literatur

| Mainz

www.digitale-akademie.de

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?

Einleitendes

Usability - Definitionen

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

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

„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

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

Usability in der Praxis

Konzeption / Informationsarchitektur

www.adwmainz.de

Methoden

• Anforderungsspezifikationen • Flowcharts• Wireframes

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

Design

www.gluck-gesamtausgabe.de

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

Beispiel: Suchen

www.regesta-imperii.de

Beispiel: Suchen

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

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

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/

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/