Jakob Nielsen Usability, alertbox. FH-Aachen VK SS06 Datarama Prof. Gasteier

Transkript

1 Jakob Nielsen Usability, alertbox FH-Aachen VK SS06 Datarama Prof. Gasteier

2 Inhalt 1 Kurzbiographie: Jakob Nielsen 2 Nielsen Norman Group (NNG) 3 Erfolgskonzept 4 Heuristische Evaluation 5 enttarnt 6 Alertbox: Top 10 Design Mistakes 7 HOME RUN 8 Ausblick

3 Usability regiert das Web (Jakob Nielsen) /42

4 Kurzbiographie: Jakob Nielsen geboren 1957 in Kopenhagen, Dänemark Schriftsteller, Redner und Berater im Bereich Softwareund Webdesign-Usability Doktortitel im Design von Benutzerschnittstellen und Informatik Nielsen arbeitete bei Bellcore, IBM und bei Sun Microsystems gründete mit Donald Norman die Usability-Beratungsfirma Nielsen Norman Group (NNG) bekannt für seine (oft strenge) Kritik an populären Webseiten publiziert zweiwöchigen Newsletter und hat mehrere Bücher zum Thema Webdesign veröffentlicht 2/42

5 Verfasste Bücher Prioritizing Web Usability von Jakob Nielsen, Hoa Loranger Homepage Usability. 50 enttarnte Websites von Jakob Nielsen, Marie Tahir Designing Web Usability Erfolg des Einfachen von Jakob Nielsen /42

6 Nielsen Norman Group NN/g Jakob Nielsen The Guru of Web Page Usability (New York Times) Donald A. Norman The Guru of Workable Technology (Newsweek) Bruce Tognazzini Leading Authority on Software Design (HotWired) 4/42

7 Nielsen Norman Group NN/g Jakob Nielsen The Guru of Web Page Usability (New York Times) Donald A. Norman The Guru of Workable Technology (Newsweek) Bruce Tognazzini Leading Authority on Software Design (HotWired) Angebotene Dienste: User Testing Experten Testing Wege der Neukonstruktion Seminare und Workshops Learning-by-Doing Keynote Präsentationen /42

8 Erfolgskonzept Discount Usability Engineering schnellere und preiswertere Tests zur Optimierung von Anwender- Schnittstellen 6/42

9 Erfolgskonzept Discount Usability Engineering schnellere und preiswertere Tests zur Optimierung von Anwender- Schnittstellen Discount Usability Methods ursprünglich Benutzer- und Aufgabebeobachtung: Szenarios einfaches Lautes Denken heuristische Evaluation /42

10 Heuristische Evaluation Drei bis fünf Gutachter entdecken etwa 75% der Schwachstellen 100% 75% 50% 25% 0% /42

11 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt /42

12 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus 10/42

13 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus Sprache der Site sollte der Sprache des Anwenders entsprechen 11/42

14 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus Sprache der Site sollte der Sprache des Anwenders entsprechen Benutzerkontrolle und -freiheit 12/42

15 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus Sprache der Site sollte der Sprache des Anwenders entsprechen Benutzerkontrolle und -freiheit Konsistenz und Standards 13/42

16 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus Sprache der Site sollte der Sprache des Anwenders entsprechen Benutzerkontrolle und -freiheit Konsistenz und Standards Fehlerverhütung 14/42

17 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus Sprache der Site sollte der Sprache des Anwenders entsprechen Benutzerkontrolle und -freiheit Konsistenz und Standards Fehlerverhütung Wiedererkennen, statt sich erinnern 15/42

18 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus Sprache der Site sollte der Sprache des Anwenders entsprechen Benutzerkontrolle und -freiheit Konsistenz und Standards Fehlerverhütung Wiedererkennen, statt sich erinnern Flexibilität und Effizienz 16/42

19 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus Sprache der Site sollte der Sprache des Anwenders entsprechen Benutzerkontrolle und -freiheit Konsistenz und Standards Fehlerverhütung Wiedererkennen, statt sich erinnern Flexibilität und Effizienz Ästhetik und minimalistisches Design 17/42

20 Heuristiken nach Nielsen Wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus Sprache der Site sollte der Sprache des Anwenders entsprechen Benutzerkontrolle und -freiheit Konsistenz und Standards Fehlerverhütung Wiedererkennen, statt sich erinnern Flexibilität und Effizienz Ästhetik und minimalistisches Design Hilfe beim Erkennen, Diagnostizieren und Beheben von Fehlern 18/42

21 Heuristiken nach Nielsen wurde von Rolf Molich und Jakob Nielsen entwickelt Sichtbarkeit des Systemstatus Sprache der Site sollte der Sprache des Anwenders entsprechen Benutzerkontrolle und -freiheit Konsistenz und Standards Fehlerverhütung Wiedererkennen statt sich erinnern Flexibilität und Effizienz Ästhetik und minimalistisches Design Hilfe beim Erkennen, Diagnostizieren und Beheben von Fehlern Hilfe und Dokumentation 19/42

22 enttarnt von Jakon Nielsen 20/42

23 21/42

24 Gliederung der Bildschirmfläche Jakob Nielson empfiehlt eine generelle Aufteilung 20% für die Navigation 50-80% für den Inhalt max. 30% für kommerzielle Zwecke 22/42

25 19% Browser 5% Site-Identität 12% Ungenutzt 1% Füller 2% Selbstwerbung 0% Werbung 26% Navigation 23/42 35% Content

26 24/42

27 Alertbox Web-Usability Kolumne 25/42

28 Top 10 mistakes in web design 26/42

29 Top 10 mistakes in web design Lesbarkeit 27/42

30 Top 10 mistakes in web design Lesbarkeit Non-Standard Links 28/42

31 Top 10 mistakes in web design Lesbarkeit Non-Standard Links Flash 29/42

32 Flash 99% bad Drei Gründe gegen Flash Es wird zu einseitig auf das Design der Seite geachtet Verhindert grundsätzliche Interaktionsmöglichkeiten Nutzt Resourcen, die besser für den Kern des Seiteninhalts verwendet werden sollten! Animierte Seiten steigen die Aufmerksamkeit der User nicht 30/42

33 Top 10 mistakes in web design Lesbarkeit Non-Standard Links Flash Textform 31/42

34 Warum User Texte scannen 79% der User überfliegen und scannen den Text Lesen am Computer ist um 25% langsamer User möchten für Informationen nicht lange suchen User nehmen nur die Segmente jeder Seite auf! Die Konkurrenz ist immer nur einen Klick entfernt 32/42

35 Top 10 mistakes in web design Lesbarkeit Non-Standard Links Flash Textform Suche 33/42

36 Top 10 mistakes in web design Lesbarkeit Non-Standard Links Flash Textform Suche Browserinkompatibilität 34/42

37 Top 10 mistakes in web design Lesbarkeit Non-Standard Links Flash Textform Suche Browserinkompatibilität Formulare 35/42

38 Top 10 mistakes in web design Lesbarkeit Non-Standard Links Flash Textform Suche Browserinkompatibilität Formulare Kontaktinformationen 36/42

39 Top 10 mistakes in web design Lesbarkeit Non-Standard Links Flash Textform Suche Browserinkompatibilität Formulare Kontaktinformationen Fixe Layouts 37/42

40 Top 10 mistakes in web design Lesbarkeit Non-Standard Links Flash Textform Suche Browserinkompatibilität Formulare Kontaktinformationen Fixe Layouts Vergrößerungsmöglichkeiten für Bilder 38/42

41 HOME RUN H O M E Hight quality content Often updated Minimal download time Ease of use R U N Relevant to the user needs Unique to the online medium Net-centric corporate culture! Wenn der Kunde ein Produkt nicht findet, wird er es nicht kaufen 39/42

42 Ausblick Das momentane Web kratzt nur an der Oberfläche der Möglichkeiten, die verwirklicht werden könnten Die genauen Veränderungen sind äußerst schwer vorherzusagen! Die einzige Konstante ist die Veränderung 40/42

43 Danke für die Aufmerksamkeit 41/42

44 Quellen Designing Web Usability Erfolg des Einfachen Jakob Nielsen, 2001 Homepage Usability Jakob Nielsen, Marie Tahir 2001 UseIt Nielsen Norman Group Don t make me Think! Web Usability Das intuitive Web Steve Krug, /42