12 Techniken für ein gutes Benutzerinterface

2009 20 Jan

12 Techniken für ein gutes Benutzerinterface

Mit unserem Beitrag zum Benutzerinterface habe ich den Anfang gemacht. Jetzt folgen die 12 Tips für ein gutes Benutzer-Interface im web. Der Artikel ist in der Vollversion [EN] bei SmashingMagazine verfügbar.

Wichtige Änderungen hervorheben
Eines der wichtigsten Elemente eines guten Benutzer-Interfaces ist die Sichtbarkeit des Systemstatus.
Tastenkürzel in der Web-Applikation
Die meisten modernen Web-Applikation nähern sich mit der Bedienung, den Desktop-Applikationen an (z. B. ‘Drag and Drop’ oder modale Dialoge. Die Entwicklerung versuchen immer mehr Interaktion in die Applikation zu bringen. Eine dieser Techniken ist die Integraton von Tastenkürzel zur schnellen Navigation.
Benutzerkonto erweitern/upgraden
Falls die Applikation mehrere Arten von Benutzerkonten bietet, muss es für den Benutzer mit einem Klick möglich sein, das nächst besser Konto zu erhalten.
Features bewerben
Da sich web-Applikationen permanent weiterentwicklen ist es wichtig, neue Möglichkeiten und Features in der Applikation zu bewerben.
Farben für die Listen
Da die Informationen in einer Applikation immer mehr werden und auch stetig wachsen, ist es wichtig dem Benutzer Orientierung zu geben. Verwendet daher Farbcodes für verschiedene Listen oder auch für die Arten der Einträge.
Personalisierung anbieten
Benutzer fühlen sich wohl, wenn sie die Applikation an ihre Eigenheiten anpassen können. Gebt die Möglichkeit zum Beispielein Farbschema auszuwählen, Avatare und Signaturen zu erstellen, und sofort.
Hilfetexte die Aufmerksamkeit erregen
Jede Applikation ist anders und muss auch richtig bedient werden. Falls eine Funktion eines bestimmten Elements nicht intuitiv zugänglich ist, könnt Ihr eine kurze Hilfe um den Einstieg zu errleichtern anbieten. Wichtig ist abe, dass die Hilfe sofort auffällt und der Benutzer nicht danach suchen muss.
Feedback muss perfekt designed sein
Denkt an das Ampelsystem wenn Ihr dem Benutzer Feedback gebt. Der Benutzer darf nicht verwirrt werden, sondern muss mit der Nachricht sofort etwas anfangen können. Eine weitere gute Praxis ist, für jeden Nachrichtentyp ein eigenes Icon zu verwenden.
Navigation mit Registerkarten
Die Metapher der Karteikarten (Tabs) ist einfach und klar verständlich. Das gibt dem Benutzer einen schnellen Einstieg in die Bedienung der Applikation und er fühlt sich schnell zu Hause.
Hintergrund abdunkeln
Sobald ein modaler Dialog angezeigt wird, muss der Benutzer das erkennen. Denn er kann ja erst weiterarbeite, wenn er diese Fenster schließt oder ausgefüllt hat. Daher einfach den Hintergrund des Browserfensters abdunkeln.
LightBox und DiaShow
Der Einsatz dieser beiden Techniken verhindert übermäßigen Datenverkehr am Server und vermeidet Frustration beim Anwender. Um Bilder darzustellen ist dies eine einfach und schnelle Techni, ohne dass der Anwender immer wieder eine neue Seite laden muss.
Kurze Anmeldeformulare
Damit sich ein Anwender bei der Applikation registriert, muss die Barriere so niedrig wie möglich sein. Also streicht alle optionalen Elemente bei der Registrierung; fordert nur die notwendigsten Daten ein, den Rest kann der Anwender später ergänzen.