Interaktionselemente
Tasten / Buttons
Tasten sind sensitive Flächen auf dem Monitor, die der Benutzer mit seinem Zeigegerät betätigen kann.
Es ist seit langem bekannt, dass zu kleine Tasten zu häufigen Fehlbedienungen führen. (Luczak, S.481)
Im Internet sind dank Grafiktools Bildschirmtasten in jeder Form und Farbe denkbar. Auch wenn der Profidesigner nun einwendet, dass es sich physikalisch immer um ein rechteckiges Objekt handelt, so ist dieses Gebilde dank Transparenz und anderer technischer Möglichkeiten dem Benutzer i.d.R. nicht bewusst.
Prüfen Sie die Reaktion auf das Betätigen eines Buttons. Wenn danach eine für den Benutzer zu lange Pause eintritt, ohne dass etwas geschieht, besteht die Gefahr, dass er den Button nochmals anklickt. Was passiert dann?
Radio-Button
Ein Radio-Button ist eine Radiotaste zur einfachen und ausschließlichen Auswahl unter mehreren Optionen. I.d.R. wird eine allerdings teilweise unklare Voreinstellung bereits von den Browsern vorgenommen. Deshalb ist beim Programmieren unbedingt eine eigene Vorauswahl zu treffen!
Check-Box
Eine Check-Box ist ein Markierungsfeld, das mit einem Häkchen versehen werden kann. Dies erlaubt die Mehrfachauswahl, von unterschiedlichen Optionen.
Der Unterschied zwischen Radio-Button und Check-Box ist bei weitem nicht jedem Benutzer klar. Man sollte je nach Zielgruppe die Funktionen durchaus situativ angemessen umschreibend erklären.
Cycle-Buttons
Diese lassen sich z.B. mittels einer Programmiersprache wie JavaScript erzeugen. Sie zeigen in einem Kreislauf bei jedem Anklicken einen Wert aus einer Reihe von Werten an (Man kennt dies z.B. bei Fahrrad- oder Pkw-Computern, die auf Knopfdruck die gefahrenen Kilometer, die durchschnittliche Geschwindigkeit, die Gesamtfahrzeit, die Uhrzeit, die Temperatur etc. anzeigen. Im Internet stiften derartige Anzeigen viel Verwirrung. Der Aufwand für die Erklärung der Multifunktionstasten ist i.d.R. größer als die Anbringung von Einzelfunktionstasten.
Skalen / Schieberegler
Der vertikale Scroll-Balken hat sich im Internet bewährt. Bei anderen Schiebereglern hängt die Akzeptanz jedoch vom Einzelfall ab. Vor allem die Eingabe exakter Zahlenwerte ist nur über Eingabefelder möglich.
Pull-Down-Menüs
Pull-down-, Drop-down-, Pull-up- etc.- Menüs sind heftig umstritten.
Die Form der Listen (List-Box) sind Auswahlmenüs, die bei besonderer Länge auch mit einem Scroll-Balken versehn sein können. Im Internet werden sie je nach Platzierung zum Fensterrand automatisch als Pull-Down oder Pull-Up-Auswahlmenü angezeigt. Ferner sind sie per Programmiersprache auch zur Seite hin ausfahrbar.
Kaskadenmenüs für die Navigation sind mittels spezieller Programmiersprachen erstellbar. Sie sind bereits im Betriebssystem mit der Maus schwer zu bedienen. In Internet-Seiten und bei Benutzung eines Laptops ohne Maus wird die Benutzung oft zu einer unergonomischen Geduldsprobe. Das Hauptproblem scheint hierbei in der fehlenden dauernden Aktivierung zu liegen. Die geringste unbeabsichtigte Bewegung des Mauszeigers vom aktivierten Menü weg, schließt i.d.R. (alle) Kaskadenmenüs.
Pop-Up-Menüs sind unergonomisch, da sie beim Klick auf ein anderes (Browser-) Fenster für die meisten Benutzer verschwinden. Das Symbol in der Task-Bar wird oft übersehen.
Vor allem bei Designern gelten Sie in der klassischen in HTML mit JavaScript integrierten Form der List-Box als unter ästhetischen Gesichtspunkten indiskutabel. Designer bevorzugen eher die mit viel JavaScript und Layern gestalteten Varianten. Diese sind jedoch aufwändig zu programmieren und zu warten. Jeder neu erscheinende Browser-Typ, teilweise sogar jede neue Version eines existierenden erfordert erhebliche Anpassungen am Quellcode, damit die Menüs noch fehlerfrei arbeiten. Ferner sind sie selbst in den funktionierenden Varianten oft schwer zu bedienen, da sie bei geringsten Bewegungen des Mauszeigers außerhalb des sensitiven Feldes sofort zuklappen.
List-Boxen sind für Anfänger oft kompliziert zu bedienen. Viele fortgeschrittene Nutzer hingegen schätzen sie sehr, da man mit ihnen z.B. in Frames einen Menüpunkt anklickt und danach jeden weiteren Punkt respektive jede weitere Seite mit einem einfachen Fingertipp auf die Pfeil-nach-unten-Taste aufrufen kann. Ergonomischer kann man tatsächlich nicht in kurzer Zeit riesiger Inhalte durchblättern. Somit hängt auch hier die Einschätzung der Ergonomie von der Zielgruppe und deren Zielen ab!
List-Boxen lassen sich auch als Teil eines Auswahl-Formulars benutzen. Der Vorteil liegt in der großen Zahl der Auswahlmöglichkeiten, die auf kleinem Raum angebracht werden kann.
Konsequent
Vor allem wenn man neue Erwartungen weckt, muss man sie auch konsequent erfüllen. Wenn man z.B. grafische Buttons zum Ausführen einer Aktion benutzt, dann muss jeder solcher Button auch eine Funktion besitzen. Logos, die wie ein Button aussehen, sollten folglich auch anklickbar sein.
Mailto
Zum verschicken einer E-Mail an den Betreiber des Internet-Auftrittes ist ein Link mit Mailto notwendig. Aber nicht alle Browser und E-Mail-Clients unterstützen dies. Es ist deshalb sinnvoll, die E-Mail-Adresse nochmals daneben zu schreiben, so dass sie jeder auch lesen und eintippen kann.
Kontaktformular
Zusätzlich zum Mailto ist ein serverseitiges Kontaktformular für die Kunden hilfreich, die keinen E-Mail-Client benutzen können oder wollen. Helfen Sie dem Anwender, bereits im Formular Fehler zu erkennen, zu verstehen und zu korrigieren. Dies betrifft alle Formulare. Z.B. lassen sich mittels client-seitiger JavaScript-Abfragen direkt im Formular viele Fehler früh abfangen und dem Nutzer verständlich darlegen.
Dieses Formular muss unter allen denkbaren Umständen auch funktionieren! Fehlerhafte Formulare gelten in Nutzerbefragungen zu den enervierendsten Themen. Der Imageschaden bei sichtbaren Fehlern ist bereits groß. Wirklich ärgerlich und teilweise sogar teuer kann es für die Firma allerdings werden, wenn die Fehler unsichtbar sind, und die Nachricht ohne Fehlermeldung nicht am Ziel ankommt!
Dialogboxen
Dialogboxen können in der einfachen Form von Hinweistexten erscheinen, bei denen man nur die "OK"-Taste als Bestätigung anklicken muss, bevor man weiter arbeiten kann. Ferner gibt es komplexe Dialogboxen mit umfangreichen Eingabefeldern. Man sollte deren Einsatz nicht übertreiben, da viele Nutzer sich einem automatisierten und nicht von ihnen steuerbaren Zwang ausgesetzt fühlen.
Eingabe-Felder
Eingabe-Felder sind i.d.R. in ihrem Erscheinungsbild abhängig vom benutzten Browser. Selbst Grundlegende Dinge wie die Feldlänge auf dem Monitor lassen sich für alte Browser-Versionen nicht einheitlich bestimmen. Nur bei modernen Browser-Versionen lassen sich in Grenzen gezielte Manipulationen in ihrer Wirkung vorherbestimmen.
Die Anzahl der eingebbaren Zeichen sollte den maximal denkbaren Fall berücksichtigen. Falls dieser nicht eruierbar ist, sollte man zumindest einen Zuschlag von 20% zum bisher gefundenen maximalen Fall hinzufügen.
Texteingabefelder für größere Textpassagen sollten mit einem Umbruch versehen sein, da die Benutzer sonst den eigenen Text nicht mehr im Zusammenhang lesen können. Dieser Umbruch vermeidet unverständliche Sätze / Anfragen beim Empfänger!
Zur Erhöhung der Fehlertoleranz sind Eingabefelder bereits online zu überprüfen und Eingaben zu beschränken.
Formulare sollten nicht zu sehr unterteilt werden. Dies betrifft vor allem bei Dingen zu, die für den Nutzer eher zusammen gehören (z.B. Vorwahl und Durchwahl der Telefonnummer).
Auszufüllende Pflichtfelder in Formularen sollten klar gekennzeichnet und deren Anzahl nicht zu groß sein. Sie riskieren hier nur, falsche Einträge zu erhalten.
Drehregler
Normalerweise sind Drehregler so zu konzipieren, dass eine Drehung nach rechts die Wirkung von "es wird mehr, plus, an" besitzt, und eine Drehung nach links, "weniger, minus und aus". Allerdings existiert eine Ausnahme bei Ventilen und Wasserhähnen. Diese beruht auf dem in Kontinentaleuropa überwiegenden Rechtsgewinde bei Schrauben. Falls Sie ein ökologisches Lernspiel oder ein Adventure-Spiel konzipieren, müssen Sie auch im Internet die Erwartungshaltung der Nutzer (Kompatibilität) hierzu berücksichtigen.
Auch die Anordnung von Drehreglern sollte den Erwartungen der Benutzer entsprechen. Es sei hier die ketzerische Frage erlaubt, wer auf einem Herd mit vier Heizplatten die Zuordnung zu den vier Bedienschaltern kennt.
Hilfe
Ich helfe Ihnen bei der
Optimierung der Ergonomie in Internet-Auftritten
Beispiel
Ein Beispiel eines interaktiven Rechen-Werkzeugs im Internet: Miss-Lupun.
