Eine gute UX planen

Die Erwartungshaltung eines Benutzers digitaler Anwendungen steigert sich stetig. Umso wichtiger wird es, dass man nicht versucht sein individuelles Problem in die Lösungsform von Mitbewerbern zu pressen. Dabei ist ein System für die Erstellung von einem Konzept das Herzstück eines Projekts. Hier zeige ich euch, welches System ich nutze um gute User Experience für Webprojekte zu gewährleisten.

Inhalt

  1. Blinde User Experience
  2. Enter Garretts Model
  3. Fazit

Blinde User Experience

Damals habe ich Webprojekte mit einer „drauf los“ Mentalität abgewickelt. Der Kunde hat beschrieben was er sich wünscht und was er „gut“ und „nicht so gut“ findet. Das ganze am Beispiel ähnlicher Websites der Mitbewerber. Daraufhin habe ich meinen Input beigesteuert. Daraus haben sich Anforderungen an die Website ergeben. Diese Anforderungen haben als groben roten Faden für das Projekt gedient. Die Anforderungen waren nichts fixes – je nachdem was man wo gesehen hat und „noch besser“ als die bisherige Inspiration fand, wurden Ziele und Umsetzungswege ergänzt. Mal ein gutes, mal ein mäßiges Ergebnis hat diese Herangehensweise mir eingebracht. Die UX ist erst am Ende ersichtlich geworden.

Blinde User Experience funktioniert(e) bedingt

Je einfacher ein Problem ist, desto stiefmütterlicher kann eine Web-Strategie behandelt werden. Wenn wir zehn Jahre zurückdenken, waren die damaligen Anforderungen an eine Website viel primitiver als heute.

Primitive Anforderungen = geringe Komplexität

Für den gängigen KMU’ler war eine Website ein „Nice to have“. Diese hat im Regelfall die Firma und Leistungen vorgestellt. Für eine Zielsetzung (Firma und Leistungen präsentieren) dieser Art kommt man ohne Web-Strategie an das Ziel. Die Trefferquote ist hoch – nicht wegen dem Schützen – sondern wegen der riesigen Zielscheibe.

Die Trefferquote ist hoch – nicht wegen dem Schützen – sondern wegen der riesigen Zielscheibe.

Web / App UX

Heutzutage steht ein Webdesigner vor anderen Problemen. Der Nutzer hat ganz andere Erwartungen an eine Website als damals. Diese gesteigerte Erwartungshaltung geht von beiden Seiten aus, also auch vom Websitebetreiber. Ein Briefing kann mehrere Seiten füllen. Hinzu kommen die ganze Seiten und anderen schönen Apps die der Kunde gut findet. Ohne eine systematische Herangehensweise an diese Probleme wird langfristig keiner glücklich. Genau hier ist der Übergang vom Webdesigner zum UX Designer. Es geht darum eine angenehme und zielführende Nutzererfahrung zu schaffen. Dabei ist es notwendig, das Problem ganzheitlich zu betrachten und alle beteiligten emphatie entgegen zu bringen.

Enter Garretts Model

Garretts Model verbildlicht die Elemente der User Experience sehr schön.

Die Bestandteile der User Experience, dargestellt in Garrets Model.

Die Herangehensweise ist hier von innen nach außen.

1. Strategie

Im ersten Schritt legt man fest mit welcher Erwartungshaltung ein Besucher auf die Website kommt und welche Ewartungshaltung der Websitenbetreiber an den Besucher hat.

Beispiel
Erwartung des Users = Buch kaufen
Erwartungs der Website = Bücher verkaufen

2. Anforderungen

Die festgelegte Strategie wird mit spezifschen Anforderungen bestückt. Daraus leiten sich konkrete Akzeptanzriterien ab, auch Definition of Done genannt (DoD).

Akzeptanzkriterien:

  • Suche mit Suchvorschlägen
  • Vorschläge von ähnlichen Büchern
  • One Klick Buy
  • E-Book alternative anbieten

3. Informationsarchitektur

Die notwendigen Informationen werden hier strukturiert. Eine Makro-Sicht auf die User Journey hilft Anordnungen zu Hinterfragen und ggf. Ergebnis orientierter zu strukturieren.

4. Die Bones

Die Informationsarchitektur welche anhand der Anforderungen erstellt wurde wird nun sinnvoll arrangiert. Die Informationen werden in Textblöcken, Bildern, Buttons und Navigationselemten angeordnet. Daraus ergibt sich das Skelett der Website.

5. Die Gestaltung des Interfaces

Nachdem das Skelett steht, werden die Elemente ansprechend gestaltet. Dynamische Funktionen und Animationen tragen hier zur positiven User Experience bei.

Die Gestaltung einer User Interface macht nur einen Bruchteil eines Webprojekts aus.

Spätestens beim 5. Step lässt sich erkennen: Die Gestaltung einer User Interface macht nur einen Bruchteil eines Webprojekts aus. Wichtig ist hier: Jeder Schritt ordnet sich dem voran gegangen Schritt unter. Jede Entscheidung in der Gestaltung soll die davor festgelegte Bones unterstützen. Die Bones muss sich der idealen Darstellung der Informationsarchitektur fügen. Die Informationsstruktur muss alle Anforderungen erfüllen und alles weglassen was es nicht erfüllt … etc.

Fazit

Komplexe Problemstellung an eine Website können mit Garretts Model systematisch angegangen. Die definierten Ziele und Anforderungen leiten einen durch den Prozess. Es wird so viel wie nötig aber so wenig wie möglich erstellt. Ob bestimmte Navigationselemente, Farben und Icons benutzt werden, ist keine Frage des Bauchgefühls mehr. Diese Entscheidungen müssen sich anhand des Konzepts beweisen. Daraus entstehen maßgeschneiderte Lösungen für die Zielsetzung der Website.

Der Unterschied zwischen UX Design und Webdesign schimmert hier durch. Eine ganzheitliche Sicht auf die Ziele des Users und der Website wird gewährleistet.

Brauchen Sie Unterstützung bei Ihrer UX?
Mehr erfahren

Ähnliche Artikel

Diese Artikel könnten Dir auch gefallen

Checkout E-Book
Erhalte jetzt kostenlos mein Checkout E-Book

Die 5 häufigsten Conversion Killer in Online-Shop Checkouts

Die Checkout-Optimierung ist eines der Online-Shop Bereiche mit dem höchsten ROI. In diesem kostenlosen E-Book verrate ich Dir die fünf häufigsten Conversion Killer von Online Shop Checkouts und wie Du diese beheben vermeiden kannst.