Usability

Der Aufruf eine intuitive Webseite zu gestalten scheint banal, ist aber eine hohe Kunst. Er verlangt, dass alle Aspekte einer Webseite diesem Grundsatz folgen.

Schauen wir uns verschiedene Aspekte dieses Ausrufs an.

Wie kann eine Webseite vereinfacht werden?

Reduktion

Textlängen, Objekte per View, Komplexität des Inhalts

Kontext

Den Einstieg verallgemeinern, Einen Rahmen bieten, Inhalte aufbauend erklären. Nicht abschweifen. Flughöhe wahren.

Organisation

Strukturierung der Inhalte, Hierarchie der Elemente.

Es geht um die konsistente Beschaffenheit aller Elemente einer Webseite.

Sprache

Der Duktus der Sprache sowie die relevanten Wörter einer Webseite sollten nicht grundlos in Variationen des Gleichen auftreten.

Interaktionen

Navigation, Buttons, Formulare, Fehlermeldungen etc. sollten die gleiche Logik haben. Gelerntes Verhalten sollte nicht gebrochen werden.

Formsprache

Das Design sollte sich nicht ändern, ohne einen Grund. Als Designer kennt man diese Thematik aus dem Corporate Design.

‍

Die unzähligen Konventionen unserer Webseiten sind in einem fliessenden Prozess.

Um diesen Fluss nutzen zu können, muss man User:innen ein Layout präsentieren, welches auf den zu erwartenden Erfahrungen aufbaut.

Platzierung

Vermeide ungewöhnliche Orte für relevante und bekannte Dinge.

Semiotik & Style

Icons, Buttons und Interaktionen sollten sich in allgemein bekannten Mustern und Terminologien befinden.

Unkonventionell nicht Zufällig

Wenn alle Elemente konventionell sind, hebt sich das bewusst gewählte, unerwartete Element deutlich besser ab. Konventionen helfen unerwartetes in Szene zu setzen.

Wie macht man das?

Sprache

Sprich in Wort und Gestalt die Sprache deiner User:innen.

User Centered

Achte in der Webseitenentwicklung auf die Bedürfnisse deiner User:innen. Gehe auf ihr Verständnis und ihre Handhabung ein.

Scanability

Da User:innen sich zuerst einen raschen Überblick verschaffen wollen, scannen sie eine Seite und lesen sie nicht. Hilf ihnen dabei und erwarte nicht das Gegenteil.

Zielorientiert

Versuche nicht User:innen auf deiner Seite zu behalten, sondern gib ihnen was sie wollen. So direkt wie möglich.

Reveal or Inform (vorher)

Lass User:innen erahnen, wohin sie gehen und was dort passiert, wenn sie auf eine Interaktionsfläche klicken.

Wait or Show (während)

Wenn User:innen warten oder interagieren müssen, visualisiere und zeige es mit Loadingbars, Real-Time Bewegungen etc.

Notify (danach)

Erkläre User:innen, was passiert ist. Erkläre es verständlich. Besonders bei Fehlermeldungen oder nach einem Formularversand.

User:innen wollen die Kontrolle über ihr Handeln auf einer Webseite behalten. Ihr eigenes Handeln verstehen sie (...). Unterstütze Sie dabei.

Navigation

Biete eine verständliche, schnell erreichbare Navigation an.

Flow Teaser

Nutze das Layout, um Elemente angeschnitten zu zeigen, um User:innen zu visualisieren wo es weiter geht.

Emphasize

Betone stets den zentralen Aspekt einer Seite um User:innen rasch zum Ziel oder weiter zu lenken.