Die Ergonomie ist der Gebrauch von wissenschaftlichen Erkenntnissen über den Menschen (Psychologe, Physiologie, Medizin) zum Zweck, sein Arbeitsumfeld zu verbessern. Die Ergonomie wird vor allem durch zwei Komponenten definiert  ,:
Auf den Bereich des Internets angewandt, bedeutet Ergonomie einer Webseite, dass in effektiver Weise auf die Erwartungen des Verbrauchers eingegangen wird und ihnen der grösstmögliche Komfort beim Surfen ermöglicht wird.
Die Hauptschwierigkeit hierbei sind die unterschiedlichen User-Profile. Die folgenden Kriterien sind in der Regel für eine Webseite bestimmendanbsp;:
Psychologische Studien über den Menschen haben Stärken und Schwächen gezeigt. Das Ziel der Ergonomie ist es, von den psychologischen Elementen zu profitieren um eine effiziente und Komfortable Benutzeroberfläche für den User gestalten zu können.
Das menschliche Wesen, nach dem Modell des « Menschlichen Prozessor », erlebt seine Umwelt anhand seiner Sensorischen Système ( 5 Sinne: Tasten, Sehen, Hören, Riechen, Schmecken), speichert und plant Handlungen mit Hilfe seines kognitiven Systems (Gehirnà und handelt dann nach seinem motorischen System und dank der Sprache.
Das Sehen ist der ausgeprägteste der fünf Sinne, Schmecken nud Riechen die am wenigsten entwickelten. Wenn man bedenkt, dass das Sehen 50% der Akivitäten des Gehirns aussmacht, ist dies ein großer Vorteil für die Benutzeroberflächen.
Jedes dieser Systeme besitzt eine Erinnerung und einen Prozessor. Die Theorien in der Psychologie unterscheiden drei Typen von Erinnerung :
Die drei Erinnerungstypen sind eng verbunden. Eine Umgebung, die ständig einen Sinn reizt (Musik, Video, angenehmer Ort) erleichtert das Kurzzeitlernen. Deswegen ist Lernen mit durch Handeln sehr effizient. Die multimediale Umgebung gestattet es z.B. Kindern, sich schnell an eine Benutzeroberfläche zu gewöhnen und zu lernen, ohne es zu merken.
Die Wiederholung ist ein Mittel, die Information vom Kurzzeit- in das Langzeitgedächtnis zu verschieben. Der Lernprozess läuft über ein Assoziierungsprinzip: Eine Information wird im Langzeitgedächtnis gefunden, weil es bei ähnlichen Informationen gespeichert ist.
die« Theorie des Handelns » (User Central System Design, Donald A. NORMAN, 1986) hat die Theorie der Aktionen und und Reaktionen des Menschen. Diese Theorie basiert auf zwei Konzepten : les actions et réactions de l'homme. Cette théorie repose sur deux concepts :
Ist das Ausgangsziel sehr komplex, wird es in aufeinanderfolgende Unterziele zerlegt, bis das Unterziel erreichbar ist. Dann wird das Unterziel in ein Handeln umgewandelt, dass dem neuen Ziel folgt. Die Handlungstheorie definiert zwei Entfernungen, die den Abstand von erklärtem Ziel und seiner Erfüllung charakterisieren;:
Die Evaluierung dieser beiden Abstände erlaubt dem Menschen ein Urteil über die notwendige Anstrengung um sein erklärtes Ziel zu erreichen und die mentale Übereinstimmung.
Diese Liste der psychologischen Charakteristika ist nicht abgehoben. Die Ergonomie erlaubt es, Verhaltensweisen zu verstehen und Lernmechanismen zu erforschen um ergonomische Mensch-Maschine Benutzeroberflächen zu erschaffen. Er benötigt dazu vor allem die folgenden Elemente:
Die wichtigsten Kriterien der Ergonomie einer Webseite sind die Folgenden (die Liste ist nicht verbindlich);:
| Kriterium | Unterkriterium | Beschreibung |
|---|---|---|
Umfeld
![]() |
Einfachheit | eine bereingte Webseite verstärkt die Glaubwürdigkeit der Organisation. |
| Wenig geladen | Animierte Bilder sind zu vermeiden. Animationen müssen dort eingesetzt werden, um starke Messages hervorzuheben, da diese den Blick des Users auf sich ziehen. | |
Lesbarkeit
![]() |
Klarheit | Man muss berücksichtigen, dass geschriebene Informationen auf einem Bildschirm schwerer als auf Papier zu lesen sind (25% mehr Lesezeit). Daher muss der Text aufgelockert werden. |
| Struktur | Der Text muss mithilfe von Paragraphen strukturiert werden, um die Lesbarkeit zu vereinfachen | |
| Organisation | Die Informationselemente müssen nach Wichtigkeit sortiert werden. Die Wichtigsten Elemente müssen am Anfang der Seite stehen. | |
Benutzbarkeit
![]() |
Einfache Navigation | Die « Regel der 3 Klicks », der weltweit gefolgt wird, besteht darin, dass alle Informationen in höchstens drei Klicks zugänglich sein müssen |
| Wiedererkennung | Der Besucher sollte jederzeit in der Lage sein, die Webseite wiederzuerkennen. Das Logo muss also auf alle Seiten an die gleiche Stelle. Eine einheitliche Graphikkarte muss darüber hinaus auf alle Seiten angewendet werden, damit der User weiss, dass er immer noch auf der gleichen Website ist. Ein Lageplan der Website kann ein sehr gute Mittel sein um dem Besucher zu zeigen, wo er ist. | |
| Surf-Freiheit | Die Website muss dem User die Möglichkeit bieten, mit einem Klick wieder auf die Homepage und auf die wichtigsten Rubriken zu kommen, egal auf welcher Seite er sich befindet (mithilfe einer Navigationsleiste z.B.) Der User sollte im Rahmen des möglichen auf transversiven Wegen surfen. Die Einführungsseiten (splash screen) da sie die meisten Besucher nerven. | |
| Sichtbarkeit der Adresse | Die URL der aufgerufenen Seite muss ständig sichtbar und ausreichend deutlich sein, damit der User auchleicht dahin zurückfindet. | |
| Tragweite der Informationen | Die Informationen auf der Webseite sollen qualifiziert sein, d.h. das Aktualisierungsdatum oder der Autor müssen stets angegeben werden. Andererseits sollen anziehende Fassaden auf den Seiten gezeigt werden, die gerade umgebaut werden. | |
| Homogenität in der Struktur | Die Surfelemente müssen sich auf allen Seiten an der gleichen Stelle befinden, wenn möglich in einheitlicher Präsentation. | |
Schnelligkeit
![]() |
Upload-Zeit | Die Zeit bis zum Anzeigen einer Seite soll so kurz wie möglich sein, da die meisten User nicht länger als 15 Sekunden warten. Dies hängt aber vor allem von der Verbindung des Besuchers ab, von der Größe der Seite und von Ihren Bildern, oder aber von den Kapazitäten des Webservers. |
| Optimierte Bilder | Man sollte die Größe der Bilder optimieren, indem ein passendes Format und so wenig wie möglich Farben verwant werden. Nicht mehr als 30-40ko maximal pro Bild sind empfohlen, ausser die wollen es ausdrücklich (z.B. beim Runterladen eines hochaufgelösten Bildes) | |
| größenveränderte Bilder | Aus dem gleichen Grund sollten die Bilder bevorzugt in ihrer reellen Größe angezeigt werden, ohne Größenveränderung | |
Interaktivität
![]() |
Links | Die Interaktivität wird durch die möglichen Interaktionen zwischen Nutzer und Website definiert. Links liefern riesige Möglichkeiten in diesem Bereich und erlauben dem Besucher eine Vielzahl von Rundgängen je nach Laune. Daher ist es ratsam, ausreichend Links zu den verschiedenen Seiten zu setzen. Allerdings erschweren zu viele Links die Lesbarkeit. |
| Aufspalten der Information | Damit der Besucher Informationen besser verarbeiten kann und in einigen Fällen auch, um seine Neugier zu befriedigen, ist es ratsam die Information aufzuspalten. Das Aufspalten der Information erfolgt z.B. mit einem Aufhänger-Text und einem Link auf die Fortsetzung des Artikels. | |
| Erleichterung des Austausches | Dem Besucher sollte die Möglichkeit gegeben werden, seine Eindrücke und Fragen zu loszuwerden, um die Seite zu verbessern. Mindestens muss dem Besucher die Möglichkeit gegeben werden, einen Ansprechpartner zu finden, per Email oder mittels eines Kontaktformulars. | |
Anpassungsmöglichkeit
![]() |
Die Anpassungsmöglichkeit ist die Möglichkeit zur Personalisierung einer Webseite duch die Intervention des Users. | |
| Veränderung der Schriftgröße | Die Größe der Texte einer Seite sollten nicht in absoluten Werten angegeben sein, so hat der User die Möglichkeit die Größe zu verändern wenn er dies möchte. | |
Anpassungsfähigkeit
![]() |
Die Anpassungsfähigkeit ist die Möglichkeit der automatischen Personalisierung der Webseite ohne Intervention des Users. | |
Zugang
![]() |
Einheitlichkeit des Zugangs | Der Zugang ist die Möglichket der universellen Nutzung der Webseite von allen Arten von Usern. Es gibt eine Reihe von Regeln, die den Zugang vereinfachen, um die Webseite der größtmöglichen Besucherzahl zugänglich zu machen, egal welche Software- oder Hardwarekonfiguration sie haben. |
| Interoperabilität | die Einhaltung von Standards, vor allem die Empfehlungen für Zugang nach W3C, garantieren die gute Interoperabilität, d.h. die Kapazität der Webseite von vielerlei Kundensoftware aufgerufen zu werden. | |
| Formattransparenz | Die genutzten Formate sollten aller Möglichkeit nach transparent sein, d.h. durch den Textmodus abrufbar sein. Hier ist HTML vor Flash zu bevorzugen. Bilder oder Animationen dürfen die Textinformation nicht unterbrechen. Die graphischen Illustrationen sollten nur dazu dienen, den Text zu vervollständigen. | |
| Legende | Bilder werden anhand einer Legende oder eines Ersatztextes gesetzt (mit Hilfe von alt), um im Falle eines Nichtanzeigen des den Sinn desselben zu verstehen. | |
| Farbauswahl | Die Farben sollten so gewählt werden, dass die Information auch für Personen lesbar bleibt, die Farben nicht korrekt unterscheiden können (Dalton - Syndrom). | |
| sinnvoller Einsatz der Formatfunktion | Die Information muss auch ohne die Formatfunktion möglich sein. | |
| Kontrast | Der Kontrast von Hintergrundfarbe und des Textes im Vordergund muss ausreichend sein, um schlechtsehenden das Lesen zu ermöglichen. | |
| veränderbare Schriftgröße | Die Schriftgröße sollte angepasst sein
aber bei Bedarf die Möglichkeit zur Vergrösserung lassen Die verwendeten Policen dürfen nicht zu klein sein, damit das Auge des Lesers nicht zu schnell ermüdet. |