Commit ccedea64 authored by Hendrik Kahlen's avatar Hendrik Kahlen

Verbesserungen umgesetzt in Texten

parent ceb296b8
......@@ -43,7 +43,7 @@ members:
image: joern_j.jpg
-
name: Hendrik K.
role: Autor
role: Autor, Qualitätsbeauftragter
image: hendrik_k.jpg
-
name: Lennart K.
......
......@@ -6,37 +6,33 @@ category: usability
author: Martin Sonntag
---
Die 8 goldenen Regeln des Interface Designs können als wichtige Richtlinien angesehen werden, wenn es um das Thema Web-Usability geht. Diese Regeln wurden von [Ben Shneiderman][bshneiderman] aufgestellt und erschienen in seinem Buch „Designing the User Interface: Strategies for Effective Human-Computer Interaction“. Sie dienen dazu die Mensch-Maschine-Interaktion bei der Entwicklung von interaktiven Anwendungen hervorzuheben. Zudem helfen die Richtlinien dabei eine grafische Benutzeroberfläche nutzerfreundlich zu erstellen.<sup>1</sup>
<!--more-->
Im Folgenden werden die einzelnen Regeln vorgestellt:
Die 8 goldenen Regeln des Interface Designs können als die wichtigsten Richtlinien angesehen werden, wenn es um das Thema Web-Usability geht. Sie dienen dazu die Mensch-Maschine-Interaktion bei der Entwicklung von interaktiven Anwendungen hervorzuheben und helfen zudem dabei eine grafische Benutzeroberfläche nutzerfreundlich zu erstellen.<!--more--> Diese Regeln wurden von [Ben Shneiderman][bshneiderman] aufgestellt und erschienen in seinem Buch „Designing the User Interface: Strategies for Effective Human-Computer Interaction“ und sollen im Folgenden einzeln vorgestellt werden. <sup>1</sup>
### 1. Konsistenz anstreben
Ähnliche Aktionen, Funktionen (Löschen, Weiter, Zurück), Inhalte, Design (Farbe, Layout, Schriftart) und Meldungen einer Website sollten gleich gestaltet und gleich bedienbar sein. So muss der Benutzer nicht dauernd neue Bedienkonzepte lernen und die Bedienung einer Website ist einfacher. Ein Bespiel hierfür sind die Fensterleiste sowie die Navigationsleiste. Hier weiß der Benutzer durch seine Erfahrung, dass er in der oberen Fensterleiste die Größe des Fensters verändern oder das Fenster schließen kann. Aber die Konsistenz kann auch bewusst durchbrochen werden, um z.B. auf eine besondere Aktion aufmerksam zu machen.<sup>2, 3, 4</sup>
Ähnliche Aktionen, Funktionen (Löschen, Weiter, Zurück), Inhalte, Design (Farbe, Layout, Schriftart) und Meldungen einer Website sollten gleich gestaltet und gleich bedienbar sein. So muss der Benutzer nicht dauernd neue Bedienkonzepte erlernen und die Bedienung einer Website ist einfacher. Ein Bespiel hierfür sind die Fensterleiste sowie die Navigationsleiste. Hier weiß der Benutzer durch seine Erfahrung, dass er in der oberen Fensterleiste die Größe des Fensters verändern oder das Fenster schließen kann. Aber die Konsistenz kann auch bewusst durchbrochen werden, um z.B. auf eine besondere Aktion aufmerksam zu machen.<sup>2, 3, 4</sup>
### 2. Für universelle Einsetzbarkeit sorgen
Die Bedürfnisse von verschiedenen Nutzern sollten erkannt werden. Die Typen von Benutzern sind vielfältig. Sie unterscheiden sich z.B. in Altersstufen, Wissen, Erfahrung oder Behinderungen. So besitzt die Gestaltung einer Website hohe Anforderungen, um allen Typen gerecht zu werden. Es ist deshalb wichtig, Tutorials für Anfänger anzubieten oder Experten bestimmte Shortcuts (Abkürzungen) bereitzustellen. Ein Shortcut ist z.B. „Strg+C“ für das Kopieren. Solche Abkürzungen ermöglichen es bestimmte Aktionen schneller durchzuführen, bereichern die Anwendung und verbessern die Systemqualität.<sup>1, 2</sup>
Es gibt verschiedene Typen von Benutzern, dessen unterschiedliche Bedürfnisse erkannt und berücksichtigt werden sollten. Sie unterscheiden sich z.B. in Altersstufen, Wissen, Erfahrung oder Behinderungen. So besitzt die Gestaltung einer Website hohe Anforderungen, um allen Typen gerecht zu werden. Es ist deshalb wichtig, Tutorials für Anfänger anzubieten oder Experten bestimmte Shortcuts (Abkürzungen) bereitzustellen. Ein Shortcut ist z.B. „Strg+C“ für das Kopieren. Solche Abkürzungen ermöglichen es bestimmte Aktionen schneller durchzuführen, bereichern die Anwendung und verbessern die Systemqualität.<sup>1, 2</sup>
### 3. Informatives Feedback anbieten
Das System sollte für jede Aktion eines Benutzers Feedback geben. Dieses sollte eindeutig und verständlich dargestellt werden. Eine Rückmeldung des Systems ist für einen Benutzer sehr wichtig, um zu erkennen, ob eine bestimmte Aktion auch das gewünschte Ergebnis erbracht hat. Die Art der Rückmeldung kann unterschiedlich ausfallen. Kleine und häufig ausgeführte Aktionen lösen ein bescheidenes Feedback aus. Seltene und kritische Aktionen sollten allerdings eine deutlichere Rückmeldung zurückgeben.<sup>1, 2, 3</sup>
Das System sollte für jede Aktion eines Benutzers ein eindeutiges und verständlich dargestelltes Feedback geben. Eine Rückmeldung des Systems ist für einen Benutzer sehr wichtig, um zu erkennen, ob eine bestimmte Aktion auch das gewünschte Ergebnis erbracht hat. Die Art der Rückmeldung kann dabei unterschiedlich ausfallen. Kleine und häufig ausgeführte Aktionen lösen ein bescheidenes Feedback aus. Seltene und kritische Aktionen sollten allerdings eine deutlichere Rückmeldung zurückgeben.<sup>1, 2, 3</sup>
### 4. Aktionssequenzen/Dialoge abgeschlossen gestalten
Aktionssequenzen sollten einen Anfang einen Mittelteil und ein Ende beinhalten. Der Benutzer erhält am Ende der Aktionssequenz eine eindeutige Rückmeldung darüber, ob die Aktion abgeschlossen ist. Das Feedback zur Fertigstellung von Aktionen gibt dem Benutzer Zufriedenheit. Andere Abwägungen, die er während des Dialogs getroffen hat, kann er nun vergessen und sich einer neuen Aufgabe widmen. Ein Beispiel hierfür wäre ein Internetshop. Hier hat der Nutzer auch mehrere Aktionen, die er durchführen muss. Er sucht sich das Produkt aus, geht zur Kasse und die Aktion endet mit einer Bestätigung der Zahlung. Die Aktionssequenz ist dann abgeschlossen.<sup>2, 4</sup>
### 5. Einfache Fehlerbehandlung anbieten
Im besten Fall sollte das Web-Interface so gestaltet sein, dass es dem Nutzer nicht möglich ist, fehlerhafte Aktionen durchzuführen. Es ist beispielsweise nicht erlaubt, alphabetische Zeichen in ein numerisches Eingabefeld einzugeben. Da aber nicht alle Fehler ausgeschlossen werden können, sollte dem Nutzer eine Möglichkeit gegeben werden, um begangene Fehler schnell und einfach zu korrigieren. Wurde zum Beispiel die Postleitzahl für die Kontaktdaten einer Bestellung falsch eingeben, sollte eine gute Fehlerbehandlung auf den Fehler aufmerksam machen und dem Benutzer anbieten, die Postleitzahl zu korrigieren, ohne seine ganzen Adressdaten noch einmal gänzlich eingeben zu müssen.<sup>1, 2, 3</sup>
Im besten Fall sollte das Web-Interface so gestaltet sein, dass es dem Nutzer nicht möglich ist, fehlerhafte Aktionen durchzuführen. Es ist beispielsweise nicht erlaubt, alphabetische Zeichen in ein numerisches Eingabefeld einzugeben. Da aber nicht alle Fehler ausgeschlossen werden können, sollte dem Nutzer eine Möglichkeit gegeben werden, um begangene Fehler schnell und einfach zu korrigieren. Wurde zum Beispiel die Postleitzahl für die Kontaktdaten einer Bestellung falsch eingeben, sollte eine gute Fehlerbehandlung schnell und offensichtlich auf den Fehler aufmerksam machen und dem Benutzer die Möglichkeit bieten, die Postleitzahl zu korrigieren, ohne seine ganzen Adressdaten noch einmal gänzlich eingeben zu müssen.<sup>1, 2, 3</sup>
### 6. Einfaches Umkehren von Aktionen ermöglichen
Dem Nutzer sollten Möglichkeiten zur Verfügung stehen, durchgeführte Aktionen rückgängig zu machen. Dadurch verliert der Benutzer die Angst Fehler zu begehen und fördert die Erforschung unbekannter Funktionen und Anwendungen. In fast jeder Anwendung ist es möglich bestimmte Aktionen rückgängig zu machen. So kann dies ein Text in Word sein oder das Verschieben von Dateien.<sup>1, 2</sup>
Dem Nutzer sollten Möglichkeiten zur Verfügung stehen, durchgeführte Aktionen rückgängig zu machen. Dadurch verliert der Benutzer die Angst Fehler zu begehen und es wird die Erforschung unbekannter Funktionen und Anwendungen durch den Nutzer gefördert. In fast jeder Anwendung ist es möglich bestimmte Aktionen rückgängig zu machen. So kann dies ein Text in Word sein oder das Verschieben von Dateien.<sup>1, 2</sup>
### 7. Dem Benutzer das Gefühl der Kontrolle bieten
Einem Benutzer sollte immer das Gefühl gegeben werden, dass er die Kontrolle über die Anwendung hat. Dies bedeutet, dass das System auf die Aktion des Nutzers reagiert. Erfahrene Benutzer wollen keine Überraschungen oder Veränderungen des vertrauten Verhaltens des Systems. So sind Nutzer schnell frustriert und verärgert, falls das System nicht richtig reagiert oder falsche Ergebnisse liefert.<sup>1, 2, 4</sup>
Einem Benutzer sollte immer das Gefühl gegeben werden, dass er die Kontrolle über die Anwendung hat. Dies bedeutet, dass das System auf die Aktion des Nutzers reagiert und nicht umgekehrt. Erfahrene Benutzer wollen zudem keine Überraschungen oder Veränderungen des vertrauten Verhaltens des Systems. So sind Nutzer schnell frustriert und verärgert, falls das System nicht richtig reagiert oder falsche Ergebnisse liefert.<sup>1, 2, 4</sup>
### 8. Kurzzeitgedächtnis entlasten
Das Kurzzeitgedächtnis eines Menschen kann sich nicht so viele Informationseinheiten merken. Ein Designer muss daher die Informationen und Bedienelemente im User-Interface gut strukturiert und einfach darstellen. Die Informationen sollten am besten auf einer Seite darstellbar sein und nicht auf mehreren Seiten und Fenstern. Außerdem benötigt ein Nutzer genug Zeit, um komplexe Aktionen und Zusammenhänge zu erlernen. <sup>1, 2, 4</sup>
### Fazit
<hr id="sources">
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment