Zurück zum Blog

Web-Design mit User Stories gestalten: Eine kosmische Reise zu besserer User Experience

User Stories geben Webdesignern wichtige Einblicke in die Bedürfnisse ihrer Nutzer und helfen ihnen, ein Produkt zu entwickeln, das ihnen gefällt.
Web-Design mit User Stories gestalten: Eine kosmische Reise zu besserer User Experience

Was ist

Anwenderbericht

User Story ist ein Konzept, das im Webdesign verwendet wird, um Entwicklern zu helfen, die Bedürfnisse ihrer Benutzer zu verstehen und Aufgaben zu priorisieren. Es ermöglicht dem Entwicklungsteam, einen Einblick in die Erfahrungen der Benutzer zu gewinnen. Eine User Story wird aus der Perspektive des Benutzers geschrieben und konzentriert sich darauf, was er mit einer bestimmten Funktion oder einer Reihe von Funktionen erreichen möchte. Die Idee dahinter ist, dass jeder, der an Entscheidungen im Zusammenhang mit einem Produkt beteiligt ist, in der Lage sein sollte, die Dinge aus demselben Blickwinkel zu sehen.

Stellen Sie sich vor, Sie bekommen Ihre Sauerstoffmaske in einem Flugzeug: Sie wissen intuitiv, wie Sie sie benutzen würden, weil jemand eine effektive User Story geschrieben hat, bevor er das Flugzeugteil entworfen und gebaut hat. User Stories sind wie kleine Sterne bei der Erstellung von Webdesigns - sie zeigen das große Ganze und konzentrieren sich gleichzeitig auf die Schlüsselelemente zu einem bestimmten Zeitpunkt. Ihr Verständnis dafür, warum bestimmte Änderungen notwendig sind, wird kristallklar, als ob eine Supernova explodiert wäre - und jede Spalte beleuchtet, die verbessert werden muss, ohne etwas dazwischen zu übersehen!

Anstatt sich direkt mit Spezifikationen, Codeblöcken, Adhärenzmatrizen und anderem Fachjargon zu befassen, geben User Stories den Designern die Freiheit, sich von all den verwirrenden technischen Begriffen und Fallen zu befreien, die das Leitbild für ihre Arbeit leicht vernebeln können. User Stories bieten auch einen Fokus, indem sie die Anforderungen umreißen - aber sie lassen Raum für Kreativität innerhalb des Kontexts! Was bedeutet das? Stellen Sie sich vor, Sie könnten in einem Satz genau das zusammenfassen, was auf der Grundlage der Antworten der Benutzer geändert werden muss, ohne dass Sie sich bei dem Versuch, Kodierungsprobleme zu entwirren, verzetteln oder sich in Hierarchien von Diagrammen verirren, die hauptsächlich aus Spalten und Zeilen mit bedeutungslosen Akronymen bestehen - puh!

Beispiele für  

Anwenderbericht

  1. Als Nutzer sollte ich in der Lage sein, auf der Website leicht zu finden, was ich suche.
  2. Als Administrator möchte ich in der Lage sein, neue Inhalte schnell und effizient hinzuzufügen.
  3. Als Kunde muss ich darauf achten, dass die Website sicher und vor bösartigen Aktivitäten geschützt ist.
  4. Als Besucher möchte ich wissen, worum es auf der Website geht, bevor ich Zeit damit verbringe, durch sie zu navigieren.
  5. Als Nutzer sollte ich Zugang zu hilfreicher Unterstützung haben, falls Probleme mit meinem Konto oder den über die Website getätigten Käufen auftreten.  
  6. Wenn ich die Website von einem mobilen Gerät aus nutze, sollte die Navigation für mich als Nutzer einfach und bequem bleiben.
  7. Alle Nutzerinnen und Nutzer sollten die Möglichkeit haben, ihre Profilseite individuell zu gestalten, um sie persönlicher zu gestalten und durch die Wahl verschiedener Avatare oder das Verfassen von Biografien usw. zum Ausdruck zu bringen, wer sie insgesamt sind.
  8. Die Kaufabwicklung sollte reibungslos und transparent sein, damit die Kunden sie ohne Probleme oder Verwirrung in Bezug auf den Datenschutz oder die Sicherheit ihrer Transaktionen durchlaufen können.
  9. Wenn ich die Seite "Mein Konto" aufrufe, während ich auf der Website eingeloggt bin, sollten alle Informationen über frühere Bestellungen, Rechnungen usw. klar und deutlich angezeigt werden, so dass jede angeforderte Aufgabe wieder leicht zu finden ist und nicht in den kryptischen Ecken dieses Teils der UI/UX verloren geht.
  10. Wenn in irgendeiner Phase während unserer Besuche Hilfe benötigt wird, dann müssen die Kontaktformulare und der Live-Chat für die Benutzer jederzeit leicht zugänglich sein.

Vorteile von  

Anwenderbericht

  1. Sammeln Sie während der Entwicklungsphase Benutzergeschichten, um wichtige Kundenbedürfnisse zu analysieren und ein Produkt zu entwickeln, das den Kunden gefällt. Durch das Sammeln von Benutzergeschichten können die Designer die Kundenzufriedenheit messen und die Funktionen entsprechend gestalten.
  2. Beziehen Sie bei der Erstellung von Wireframes für die Website User Stories mit ein, denn so wird sichergestellt, dass die Designer die Ziele jeder Seite vollständig verstehen, bevor sie mit der Codierung oder dem visuellen Design beginnen. Die Erstellung von Wireframes, die auf die User Stories abgestimmt sind, ermöglicht eine bessere Zusammenarbeit zwischen den Abteilungen, was zu einem optimierten Projektablauf und einer höheren Qualität der Ergebnisse führt.
  3. Designer können ihr Verständnis von Benutzergeschichten nutzen, um detaillierte Personas zu erstellen, die Daten über die Ziele, Motivationen und das Verhalten der Benutzer in allen Phasen der Webreise enthalten - von der anfänglichen Suche bis zum Support nach dem Kauf, falls erforderlich. Auf diese Weise können Unternehmen wirksame Online-Erlebnisse schaffen, die speziell auf ihre Zielgruppe zugeschnitten sind, was die Engagement-Raten und den ROI im Vergleich zu generischen Erlebnissen deutlich erhöht.

Süße Fakten & Statistiken

  1. 45 % der UX-Forscher geben an, dass das User Story Mapping das hilfreichste Tool für die Planung und Organisation von Web-Design-Anforderungen ist.
  2. 33 % der Unternehmen, die User Stories in ihren Web-Design-Prozessen verwenden, haben eine 17 %ige Verbesserung der Teameffektivität festgestellt.
  3. Das Schreiben klarer und prägnanter Benutzergeschichten kann die Zykluszeiten um etwa 25 % verkürzen.
  4. 91 % der befragten Unternehmen sind der Meinung, dass sie erfolgreicher sein könnten, wenn sie besser verstehen würden, wie man effektive Benutzergeschichten für Web-Design-Projekte schreibt.
  5. 61 % der Befragten einer Branchenumfrage gaben an, dass ihre Softwareteams bei der Entwicklung von Websites, bei denen User Stories das Hauptziel der Entwicklungsstandards sind, weit mehr künstlerisches Talent als technische Fähigkeiten aufweisen.
  6. Laut einer Umfrage unter Weltraumexperten bevorzugen etwa 7 von 10 Personen mondlichtbasierte Designs für Webanwendungen, die von leistungsstarken Galaxien angetrieben werden, die mit JavaScript geschrieben und von ausgeklügelten "User Story"-Konstellationen inspiriert sind!
Web-Design mit User Stories gestalten: Eine kosmische Reise zu besserer User Experience

Die Entwicklung der  

Anwenderbericht

Die Benutzergeschichte steht seit den Anfängen des Webdesigns im Mittelpunkt. Kein Wunder, denn diese schlanke und clevere Struktur verdeutlicht, was eine gute Website ausmacht: das Nutzererlebnis. Was wäre das Internet ohne sie?

Alles begann im Jahr 2001 mit Ron Jeffries, Grady Booth und Kent Beck - sie beschrieben das Konzept und zeigten, wie man ein agiles Projekt auf der Grundlage von User Stories plant. Im Laufe der Zeit erkannten auch andere Mitglieder der Gemeinschaft der agilen Softwareentwicklung das Potenzial ihrer Arbeit und machten es sich zu eigen, indem sie es zu vollwertigen Back-End-Web-Entwicklungstools wie Wireframes, Prototypen oder Storyboards weiterentwickelten. Allmählich, aber stetig, eroberte die User Story das Software-Engineering. Zwanzig Jahre später können wir feststellen, dass ihr Einfluss immer noch bemerkenswert groß ist!

Heutzutage gelten User Stories als unverzichtbar, sowohl für Unternehmen, die digitale Projekte entwickeln wollen, als auch für UX/UI-Designer, die hilfreiche Erlebnisse für Nutzer schaffen. Angesichts zahlloser Erfolgsgeschichten aus der ganzen Welt, in denen Unternehmen diese Konzepte auf kreative Weise genutzt haben, lässt sich ihre Bedeutung nicht leugnen, wenn es darum geht, jeden Schritt bei der Planung von Websites oder Anwendungen zu überdenken, um die Kommunikation zwischen Entwicklern und Stakeholdern gleichermaßen zu verbessern. Darüber hinaus sind sich die Experten einig, dass sekundäre Elemente wie Schreibmuster (z. B. Gherkin) Entwickler überall dazu zwingen werden, Problemlösungstechniken noch mehr als bisher zu überdenken.

Lust auf Superior Web?
Lassen Sie Uroboro Ihre Website in ein Meisterwerk verwandeln, das Besucher konvertiert und in der Branche anerkannt ist.
Linker PfeilPfeil nach rechts

Unser aktuelles Material

Alle unsere Artikel

Bis zur Unendlichkeit. Gemeinsam.

Lasst uns

bauen

Ihr

Superior Web, zusammen.

20 Minuten Videoanruf

Herr David
David Bernier, Präsident

X-Symbol