Ein optimaler Benutzerfluss ist entscheidend für erfolgreiche Websites. Erfahre, wie du mit Flowcharts schon früh im UX-Designprozess für Klarheit sorgen kannst.

Stefanie Kreuzer
Aufgabenbereich: Erstellen von Konzepten, Wireframes, Interfacedesign, vektorbasierten Grafiken und Icons, Überprüfen von konzeptionellen oder gestalterischen Ideen (manchmal sogar für Print).
Freizeit: Hiking, Urban Gardening, Horror Filme, alles was mit Harry Potter zu tun hat!
- Adobe XD
- Figma
- Miro
- Illustrator
- Procreate
Stefanie, UX- und Interface-Designerin, ist viel cooler als wir anderen. Zum Glück nimmt sie uns das nicht übel. Mit ihr kann man sich leicht verständigen; wir und unsere Kunden können uns immer auf sie verlassen. Sie hat eine besondere Eigenschaft, die wir „die Arbeit sehen“ nennen. Sie versteht sofort, was für ein bestimmtes Projekt getan werden muss, und macht sich an die Arbeit. Stefanie verbringt einen großen Teil ihrer Freizeit damit, ihre Leidenschaften für Reisen und Musik zu verbinden, auf Konzerten und Festivals, in Wohnmobilen und beim Wandern.
Expertise
- Design, Dokumentation, Mehrwert liefern
- Fragen, User Stories, schriftliche Konzepte
- UX, Responsive, Adobe XD
- Zuhören, Lernen, Teamarbeit, High Fives, Menschen, Familie
Stefanie und TYPO3
Was ich an der Arbeit mit TYPO3 liebe:
Was ich an TYPO3 am liebsten mag:
Stefanie über die Arbeit bei b13
Steffi’s Dos and Don’ts
- Hol dir im Zweifelsfall immer eine zweite Meinung ein und biete im Gegenzug Hilfe an.
- Arbeite immer mit einem gut organisierten Designsystem mit klaren Abläufen, um Folgefehler zu vermeiden.
- Probiere immer wieder neue Dinge aus und bleibe aufgeschlossen.
- Fordere dich immer wieder selbst heraus und nimm an einem offenen, freundschaftlichen Wettbewerb teil.
- Beanspruche immer ein „ high five“ für dich und feiere kleine Errungenschaften.
- Anzunehmen, dass du es immer am besten weißt.
- Nach meiner Meinung fragen … wenn du sie nicht hören willst.
- Deinen Schreibtisch mit unsortierten Dateien überhäufen.

Wireframing ist der erste Schritt bei der Gestaltung einer Website und dient vielen Zwecken: Es beschreibt, wie Informationen auf einer Seite dargestellt werden, legt die Struktur und die Funktionen einer Website fest und definiert den Ablauf der User Journey. Unabhängig davon, ob du an einem völlig neuen Projekt interessiert bist oder ein altes Projekt überarbeiten willst, bietet das Wireframing eine solide, nutzerorientierte Grundlage für deine Website.

Die Gestaltung des Benutzerflusses visualisiert den Weg, den der Benutzer zurücklegt, um ein bestimmtes Ziel zu erreichen. In digitaler Hinsicht ist der Pfad das, was der Benutzer sieht und anklickt, wenn er mit einer digitalen Schnittstelle interagiert. Das User Flow Design definiert die Abfolge der Schritte und stellt sicher, dass diese Schritte intuitiv, effizient und frustfrei sind, um ein positives und reibungsloses Erlebnis zu gewährleisten.

Beim digitalen Design geht es bei der Wahl des richtigen User-Flow-Tools nicht nur um die Auswahl, sondern auch um die Bewältigung von Herausforderungen wie Integrationsproblemen, Teamzusammenarbeit und Budgetbeschränkungen. Wie findest du bei der Fülle an Optionen ein Tool, das all diesen Anforderungen gerecht wird? Dieser Leitfaden vereinfacht und entmystifiziert den Prozess und stellt sicher, dass du eine Entscheidung triffst, die wirklich deinen Anforderungen entspricht.

Mid-Fidelity-Wireframes sind ein wichtiges Werkzeug im UX-Designprozess, das ein Gleichgewicht zwischen Detailtreue und Abstraktion herstellt. Dieser Artikel befasst sich mit den Vorteilen und Einsatzmöglichkeiten von Mid-Fidelity-Wireframes. Er zeigt, wie sie den Designprozess verbessern, die effektive Kommunikation zwischen den Stakeholdern erleichtern und letztendlich zur Erstellung von nutzerzentrierten digitalen Lösungen führen können.

Entdecke die Leistungsfähigkeit von Figma für das UX-Design. Optimiere Projekte durch nahtlose Zusammenarbeit, plattformübergreifende Zugänglichkeit und innovative Funktionen. Steigere deine Effizienz und Transparenz in deinem Projekt.

Der menschliche Verstand wird von Natur aus von Ästhetik angesprochen. Das Interface-Design trägt daher wesentlich dazu bei, ein positives Nutzererlebnis zu schaffen. Aber wenn es um Langlebigkeit und Qualität geht, kommt es darauf an, was im Kern steckt. Obwohl konzeptionelle Modelle abstrakt sind, kannst auf diese Weise einen Schritt zurücktreten und dir vorstellen, wie die Menschen mit deinem Produkt interagieren werden. Dieser Blickwinkel gibt dir eine andere Perspektive. Wenn du die gesamte Infrastruktur siehst, kannst du Interaktionen, Beziehungen, Abfolgen und die Funktionalität deines Projekts besser aufeinander abstimmen. Eine elegante Lösung ist die Grundlage für eine gut gemachte Benutzeroberfläche.

Bei der Arbeit mit transnationalen Unternehmenswebsites in unterschiedlichen kulturellen Kontexten ist es sehr wichtig, die verschiedenen Aspekte und Anforderungen deines internationalen Publikums zu kennen. Damit eine Website für eine Vielzahl von Nutzern optimal zugänglich ist und ansprechend wirkt, musst du über die technischen Anforderungen eines CMS hinausgehen, das nur die Textanzeige und die Sprachausrichtung unterstützt. Damit dein visuelles Design eine globale Reichweite hat, musst du auch Dinge wie Ästhetik, Symbolik, Typografie und Formaufbau berücksichtigen.

Prototypen sind der beste Weg, um Deinen Kunden einen Einblick in die User Journey zu geben. Hier sind die besten Praktiken von b13 für die Vermittlung von Abläufen durch interaktive Prototypen.
