Die Vorlesung von Marcel Zimmermann behandelt ergonomische Prinzipien für Informatiker, insbesondere die ISO 9241-10 Norm, die Anforderungen an die Benutzeroberfläche wie Aufgabenangemessenheit, Selbstbeschreibungsfähigkeit, Steuerbarkeit und Fehlerverzeihlichkeit definiert. Des Weiteren werden Gestaltungselemente wie visuelle Hierarchie, Lesbarkeit und kulturelle Anpassungsfähigkeit hervorgehoben, um die Usability von Software und Websites zu verbessern. Praktische Empfehlungen zur Gestaltung von Dialogsystemen werden gegeben, um Benutzererfahrungen effizient und fehlerfrei zu gestalten.

1. - Ergonomie für Informatiker – Vorlesung Dipl. Päd. Marcel Zimmermann :: Tag 3 ::

2. :: Agenda Tag 3 :: usability ISO 9241-10

3. Aufmerksamkeit erregen : Neun Parameter für Dialoge Intensität Markierung Größe Schriftauswahl Invertierte Anzeige Blinken Farbe Blinkende Farben Klänge

4. Gedächtnispsychologie : Modell der Informationsverarbeitung Sensorisches Gedächtnis Kurzzeit- gedächtnis Langzeit- gedächtnis Reiz

5. Gliederung Web Usability Die drei zentralen Bereiche der Benutzerführung Bildschirm- fläche Navigation Content

6. Die Bildschirmfläche : Screens werden in der Aufteilung nach Prozenten analysiert

7. Die Navigation : Navigationsoberflächen müssen die drei wesentlichen Fragen beantworten können: Wo bin ich? Wo bin ich gewesen? Wohin kann ich gehen?

8. Codierung der Linkfarben

9. Visuelle Hierarchie Computer Bücher Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec elementum odio dapibus tortor. Suspendisse euismod dictum sapien. Praesent non tellus nec mi iaculis dictum. Nam nunc. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et Ein bestimmtes Buch Quelle: S. Krug

10. Die Bildschirmfläche :

12. Visuelle Hierarchie - Möglichkeiten Quelle: S. Krug

13. Inhalte Gestalten : Kombinierte Version verwendet alle drei Verbesserungen im Schreibstil: präziser Text, lesbares Layout und objektive Sprache. 1996 waren die sechs meistbesuchten Orte in Nebraska: • Fort Robinson State Park • Scotts Bluff National Monument • Arbor Lodge State Historical Park & Museum • Carhenge • Stuhr Museum of the Prairie Pioneer Buffalo Ranch State Historical Park Nebraska hat international anerkannte Anziehungspunkte, die zweifellos jedes Jahr große Menschenmengen anziehen. Einige der populärsten Plätze waren 1996 der Fort Robinson State Park (355.000 Besucher), Scotts Bluff National Monument (132.166), Arbor Lodge State Historical Park Ls; Museum (100.000), Carhenge (86.598), Stuhr Museum of die Prairie Pioneer (60.002) und Buffalo Ranch State Historical Park (28.446). Quelle: J. Nielsen

14. Inhalte Gestalten : Anchortags führen zur Verwirrung, da der Nutzer denkt, er sein auf einer anderen Seite Lesbarkeit herstellen durch starken Kontrast von Hintergrund und Text einfarbigen oder dezenten Hintergrund eine angemessene Größe des Textes statischen Text (= nicht animiert) serifenlose Schrift Einheitliche, dezente (!!!) Formatierungen Warum Inhalte nicht gelesen werden Das Lesen am Monitor ist zu 25% Langsamer als auf Papier Das Internet ist ein vom Nutzer gesteuertes Medium: Der Nutzer hat das Gefühl Dinge anklicken zu müssen Die Konkurrenz sind Millionen von anderen Sites Das Moderne Leben ist hektisch Quelle: J. Nielsen

15. :: Die Mensch-Maschine Schnittstelle

16. Die Norm ISO 9241-10 : Grundsätze Aufgabenangemessenheit Selbstbeschreibungsfähigkeit Steuerbarkeit Erwartungskonformität Fehlertoleranz Individualisierbarkeit Lernförderlichkeit

17. Beziehung zwischen den Grundsätzen : „ Die Grundsätze der Dialoggestaltung sind nicht unabhängig voneinander, und es kann notwendig sein, die Vorteile eines Grundsatzes gegenüber denen eines anderen abzuwägen. Die Anwendbarkeit und die jeweilige Wichtigkeit hängen vom speziellen Anwendungsfall, von den Benutzergruppen und von der gewählten Dialogtechnik ab. Dies beinhaltet, dass die folgenden Gesichtspunkte zu berücksichtigen sind: Ziele der Organisation; Benutzerbelange der vorgesehenen Benutzer Aufgaben, die unterstützt werden sollen; verfügbare Techniken und Mittel. Bei der Anwendung der Grundsätze kann es notwendig sein, Prioritäten fallweise festzulegen.“

18. Die Norm ISO 9241-10 Aufgabenangemessenheit Ein Dialog ist aufgabenangemessen, wenn er den Benutzer unterstützt, seine Arbeitsaufgabe effektiv und effizient zu erledigen. Empfehlung Bei der Gestaltung des Dialogs sollte der Komplexität der Arbeitsaufgabe unter Berücksichtigung der Fertigkeiten und Fähigkeiten des Benutzers Rechnung getragen werden. Gibt es für eine Arbeitsaufgabe Standardwerte, sollten diese dem Benutzer als Vorgabe angeboten werden, so daß er sie nicht selbst eingeben muß. Vorgabewerte sollten auch durch andere Werte oder durch andere aufgabenangemessene Vorgabewerte ersetzt werden können. Beispiel In einem öffentlich zugänglichen Dialogsystem wird dort, wo es eine Reihe alternativer Eingabemöglichkeiten gibt, ein Menü verwendet, um die unterschiedlichen Auswahlmöglichkeiten anzuzeigen Ist für eine Arbeitsaufgabe das aktuelle Tagesdatum erforderlich, braucht es nicht eingegeben zu werden, kann aber vom Benutzer geändert werden.

19. Aufgabenangemessenheit I :

20. Aufgabenangemessenheit II :

21. Aufgabenangemessenheit III :

22. Aufgabenangemessenheit VI :

23. Die Norm ISO 9241-10 Selbstbeschreibungsfähigkeit Ein Dialog ist selbstbeschreibungsfähig, wenn jeder einzelne Dialogschritt durch Rückmeldung des Dialogsystems unmittelbar verständlich ist oder dem Benutzer auf Anfrage erklärt wird. Empfehlung Nach jeder Handlung des Benutzers sollte das Dialogsystem dort, wo es zweckmäßig ist, eine Rückmeldung geben. Wenn die Ausführung einer Handlung schwerwiegende Folgen haben kann, sollten vor der Ausführung dieser Handlung Erläuterungen bereitgestellt und eine Bestätigung verlangt werden. Beispiel Das unmittelbare Anzeigen eingegebener Daten und das Anzeigen des Änderungszustands der Daten sind notwendig, dem Benutzer beim Verstehen dessen zu helfen, was in der Anwendung geschieht und was er beeinflussen kann. Können Dialogschritte zurückgenommen werden, zeigt die Anwendung dies an, indem sie eindeutige Informationen darüber gibt, was zurückgenommen werden kann. Kann das Löschen von Daten nicht rückgängig gemacht werden, verlangt das Dialogsystem eine Bestätigung.

24. Selbstbeschreibungsfähigkeit I :

25. Selbstbeschreibungsfähigkeit III :

26. Die Norm ISO 9241-10 Steuerbarkeit Ein Dialog ist steuerbar, wenn der Benutzer in der Lage ist, den Dialogablauf zu starten sowie seine Richtung und Geschwindigkeit zu beeinflussen, bis das Ziel erreicht ist. Empfehlung Wenigstens der letzte Dialogschritt sollte, soweit seine Folgen reversibel sind und falls es für die Arbeitsaufgabe zweckmäßig ist, zurückgenommen werden können. Der Benutzer sollte die Menge der angezeigten Daten steuern können, wenn es für die Arbeitsaufgabe sinnvoll ist. Beispiel Das Dialogsystem bietet die Möglichkeit, auf gelöschte Objekte zurückzugreifen Ein auszufüllendes Bildschirmformular ist über mehrere Bildschirmseiten verteilt. Der Benutzer kann je nach der Arbeitssituation die benötigte Bildschirmseite wählen.

27. Steuerbarkeit :

28. Steuerbarkeit :

29. Steuerbarkeit :

30. Die Norm ISO 9241-10 : Erwartungskonformität Ein Dialog ist erwartungskonform, wenn er konsistent ist und den Merkmalen des Benutzers entspricht, z. B. seinen Kenntnissen aus dem Arbeitsgebiet, seiner Ausbildung und seiner Erfahrung sowie den allgemein anerkannten Konventionen. Empfehlung Entstehen voraussichtlich erhebliche Abweichungen von der erwarteten Antwortzeit, sollte der Benutzer hiervon unterrichtet werden. Beispiel Der Benutzer erhält die Meldung: "Bitte warten, Ihre Daten werden verarbeitet:", oder eine graphische Warteanzeige wird bereitgestellt, z. B. eine Sanduhr. Der Benutzer kann sich vor Aufnahme des Dialogs den aktuellen Zustand des Systems anzeigen lassen. Er erhält Information über Systemausfälle, Verfügbarkeit des Dialogsystems und andere wichtige Merkmale.

31. Erwartungskonformität :

32. Erwartungskonformität : Studie zur Platzierung von Websiteelementen : Der grau hinterlegte Bereich beschreibt den sofort sichtbaren Teil der Website. Die Zellen 13-20 sind nur durch Scrollen einsehbar. Quelle: eResult 1 3 4 5 7 8 9 11 12 13 15 16 2 6 10 14 17 19 20 18

33. Erwartungskonformität : Home Link zu anders- sprachigen Site Log In Wir über uns Produktkatalog Suchfunktion Site-Map FAQ Gästebuch/ Forum Impressum Hilfe-Link Warenkorb Quelle: eResult

34. Die Norm ISO 9241-10 : Fehlertoleranz Ein Dialog ist fehlertolerant, wenn das beabsichtigte Arbeitsergebnis trotz erkennbar fehlerhafter Eingaben entweder mit keinem oder mit minimalem Korrekturaufwand seitens des Benutzers erreicht werden kann. Empfehlung Das Dialogsystem sollte den Benutzer dabei unterstützen, Eingabefehler zu entdecken und zu vermeiden. Fehler sollten dem Benutzer zu Korrekturzwecken erläutert werden. Abhängig von der Arbeitsaufgabe kann es wünschenswert sein, besonderen Aufwand für Darstellungstechniken zu treiben, um das Erkennen von Fehlersituationen und deren anschließende Behebung zu unterstützen. Beispiel Das Dialogsystem zeigt eine Fehlermeldung an, die Informationen über das Auftreten des Fehlers, die Art des Fehlers und mögliche Methoden der Korrektur in dem Maße enthält, in dem das Dialogsystem diese Informationen geben kann.

35. Fehlertoleranz :

36. Fehlertoleranz :

37. Fehlertoleranz :

38. Fehlermeldung

39. Fehlermeldung

40. Fehlertoleranz : Was ist ein Fehler?

41. Die Norm ISO 9241-10 : Individualisierbarkeit Ein Dialog ist individualisierbar, wenn das Dialogsystem Anpassungen an die Erfordernisse der Arbeitsaufgabe sowie an die individuellen Fähigkeiten und Vorlieben des Benutzers zulässt. Empfehlung Das Dialogsystem sollte dem Benutzer die Möglichkeit bieten, zwischen alternativen Formen der Darstellung nach individuellen Vorlieben oder der Komplexität der zu verarbeitenden Informationen zu wählen. Das Dialogsystem sollte Techniken bereitstellen zur Anpassung an Sprache und an kulturelle Eigenheiten des Benutzers sowie an individuelles Wissen und Erfahrung auf dem Gebiet der Arbeitsaufgabe und an das Wahrnehmungsvermögen sowie die sensomotorischen und geistigen Fähigkeiten. Beispiel Der Benutzer kann die Darstellung und/oder das Format von Ausgaben entsprechend seinen Vorlieben ändern. Für sehbehinderte Benutzer stehen größere Schriftzeichen zur Verfügung, für unterschiedliche Kulturen unterschiedliche Tastenbelegungen, und für farbenfehlsichtige Benutzer werden Farben nur angepasst verwendet. Die Maus kann an die Benutzung mit der linken oder der rechten Hand angepasst werden.

42. Individualisierbarkeit :

43. Individualisierbarkeit :

44. Individualisierbarkeit :

45. Individualisierbarkeit :

46. Individualisierbarkeit :

47. Die Norm ISO 9241-10 Lernförderlichkeit Ein Dialog ist lernförderlich, wenn er den Benutzer beim Erlernen des Dialogsystems unterstützt und anleitet. Empfehlung Regeln und zugrundeliegende Konzepte, die für das Erlernen nützlich sind, sollten dem Benutzer zugänglich gemacht werden, damit dieser sich eigene Ordnungsschemata und Merkregeln aufbauen kann. Beispiel Der Benutzer kann sich Informationen über das Modell, auf dem die Anwendung aufgebaut ist, anzeigen lassen. Für Kurzwahltastenkombinationen werden soweit möglich die ersten Buchstaben des betreffenden Menübegriffs verwendet, und dies ist im Menü deutlich dargestellt.

48. Lernförderlichkeit

49. Dialogelemente: Metaphern Der Benutzer baut auf bereits vorhandenes, oft computertunabhängiges Wissen auf, knüpft daran an, überträgt Eigenschaften auf den neuen Bereich Metaphern erleichtern das Lernen, komplexe Konzepte werden schnell verstanden Gefahr: eingeschränkte Sicht, fehlerhafte Annahmen Ursprungsbereich <--> Zielbereich: z. B. Metapher „Schreibmaschine“ für Textverarbeitung Quelle: M. Hufschmitt

50. Beispiele für Metaphern I

51. Beispiele für Metaphern II

52. Die Website als Metapher:

53. Die Website als Metapher:

54. Die Website als Metapher:

55. Die Website als Metapher:

56. :: Steuerelemente

57. Steuerelemente: Die verschiedenen Steuerelemente Radiobuttons Checkboxen Selectboxen (single) Selectboxen (mutliple) Pulldown Steuerbutton Hyperlinks

58. Checkboxen auf Websites:

59. Radiobutton

60. Kombination von Checkboxen und Radiobutton

61. Die Dialogbox

62. Links als Steuerelement

63. :: Formulardesign

64. Die acht goldenen Regeln des Schnittstellendesigns Streben Sie nach Konsistenz Ermöglichen Sie regelmäßigen Benutzern die Verwendung von Shortcuts Bieten Sie informatives Feedback Entwerfen Sie in sich geschlossene Dialoge Bieten Sie Fehlervermeidung und einfaches umgehen mit Fehlern Erlauben Sie leichte Umkehr von Aktionen Unterstützen Sie das interne Kontrollbedürfnis Reduzieren Sie die Belastung für das Kurzzeitgedächtnis Quelle:B. Shneiderman

65. Design-Richtlinie für Eingabefelder Aussagekräftiger Titel Verständliche Instruktionen Logische Gruppierungen und Sequenzierung der Felder Visuell ansprechende Layout-Form Vertraute Feldbezeichnungen Sichtbarer Platz und Grenzen für Dateneingabefelder Bequeme Cursor-Bewegung Quelle:B. Shneiderman

66. Design-Richtlinie für Eingabefelder II Fehlerkorrektur für einzelne Zeichen und ganze Felder Fehlervermeidung wo möglich Fehlermeldung für inakzeptable Werte Markierung der optionalen Felder Erklärende Meldungen für Felder Vollständigkeitssignal für die Unterstützung der Anwenderkontrolle Quelle:B. Shneiderman

67. Die Organisation des Displays Konsistenz des Datendisplays Effiziente Informationsanpassung durch den Anwender Minimale Gedächtnisbelastung der Anwender Kompatibilität von Datendisplay und Dateneingabe Flexible Kotrolle des Datendisplay durch Anwender Quelle:B. Shneiderman

68. Analyse der Aktionshäufigkeit I :: Quelle:B. Shneiderman

69. Analyse der Aktionshäufigkeit II :: Quelle:B. Shneiderman

70. Aktionshäufigkeit REDESIGN 1. VERSION Quelle:B. Shneiderman