Webdesign / Usability

Transkript

1 Webdesign / Usability HELMHOLTZ PROGRAMME SCIENCE AND TECHNOLOGY OF NANOSYSTEMS (STN) Image courtesy of Stuart Miles at FreeDigitalPhotos.net KIT University of the State of Baden-Wuerttemberg and National Research Center of the Helmholtz Association

2 Definition: Usability Usability (engl. Brauchbarkeit, [Be-]Nutzbarkeit, Bedienbarkeit ) steht für - Gebrauchstauglichkeit (Produkt), im Produktdesign und der Ergonomie - Software-Ergonomie, in der Softwareentwicklung Gebrauchstauglichkeit (engl. usability) bezeichnet nach DIN EN ISO das Ausmaß, in dem ein Produkt, System oder ein Dienst durch bestimmte Benutzer in einem bestimmten Anwendungskontext genutzt werden kann, um bestimmte Ziele effektiv, effizient und zufriedenstellend zu erreichen. Sie ist damit eng verwandt mit dem umgangssprachlich geläufigeren Begriff der Benutzerfreundlichkeit (engl. user friendliness) sowie dem breiter gefassten Konzept der User Experience (UX). Benutzerfreundlichkeit bezeichnet die vom Nutzer erlebte Nutzungsqualität bei der Interaktion mit einem System. Eine besonders einfache, zum Nutzer und seinen Aufgaben passende Bedienung wird dabei als benutzerfreundlich angesehen. Software-Ergonomie ist die Arbeit hin zu leicht verständlicher und schnell benutzbarer Software unter den gebotenen technischen Möglichkeiten und unter der Einhaltung definierter bzw. empirisch entstandener Standards und Styleguides. Die SE ist ein Teilgebiet der Mensch-Computer-Interaktion, und ihr Ergebnis ist die Gebrauchstauglichkeit von Computerprogrammen

3 Ein guter Webauftritt hat Inhalt, Inhalt, Inhalt ist übersichtlich, zweckmäßig und intuitiv zu bedienen ist ästhetisch macht den Nutzer glücklich ist barrierefrei/barrierearm Image courtesy of renjith krishnan at FreeDigitalPhotos.net

4 Inhalt, Inhalt, Inhalt! Aktuelle Informationen Häufige Aktualisierung, wenn möglich Redaktionelle Aufbereitung von Texten Bilder, Bilder, Bilder! Science 18 September 2009: Vol. 325 no pp DOI: /science

5 Navigation und Benutzerfreundlichkeit Die Navigationsstruktur ist für den Nutzer da, nicht für den Webmaster Der Köder muss dem Fisch schmecken Die Organisationsstruktur ist (meist) nicht die beste Option Jeder Nutzer navigiert anders - hierarchisch - kontextbezogen - Suche Bewährt: - von links oben nach rechts unten - wenige Ebenen - möglichst nicht mehr als 5-7 Listenpunkte Hilfreiche Maxime: Mit maximal drei Klicks zum Ziel Links, Links, Links! Image courtesy of nongpimmy at FreeDigitalPhotos.net

6 Webdesign unterstützt die Kommunikation des Inhalts folgt dem Corporate Design transportiert die Corporate Identity ist weder Selbstzweck noch Spielwiese Also: Vorsicht bei individuellen Gestaltungsversuchen! Keine Überformatierung! Image courtesy of digitalart at FreeDigitalPhotos.net

7 Nutzererlebnis Ich bleibe auf der Seite und klicke weiter Ich finde, was ich suche Ich komme gerne wieder Ich gebe Feedback Ich mache andere auf die Seite aufmerksam Image courtesy of Idea go at FreeDigitalPhotos.net

8 Weitere Informationen Viele Tipps zu Webdesign und Usability im Web Beispiel: 8regeln.de 1. Gute Websites haben eine klare Hierarchie 2. Gute Websites kennen ihre Zielgruppe 3. Gute Websites berücksichtigen Webstandards 4. Gute Websites erfordern kein Nachdenken 5. Gute Websites finden passende Formate für den Content 6. Gute Websites sind spannend 7. Gute Websites bieten Mehrwert 8. Gute Websites bieten Raum für Interaktion Quelle: (archiviert, letzte Version vom 17. Mai 2014) Die Macher: