Diese Website verwendet Cookies, damit wir dir die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in deinem Browser gespeichert und führen Funktionen aus, wie das Wiedererkennen von dir, wenn du auf unsere Website zurückkehrst, und hilft unserem Team zu verstehen, welche Abschnitte der Website für dich am interessantesten und nützlichsten sind.
UX/UI Design
Wir sehen die Nutzenden im Mittelpunkt der Entwicklung
Warum ist User Experience Design so wichtig?
User Experience Design beschreibt den gesamten Prozess von “Vor der Nutzung” über “Während der Nutzung” bis hin zu “Nach der Nutzung” aus Perspektive der Nutzenden. Mithilfe verschiedener Disziplinen wird ein für die Nutzenden einzigartiges Nutzungserlebnis gestaltet. So werden sie an ein Produkt gebunden, weil sie positive Erlebnisse damit verbinden.
Ihre Vorteile durch
User Experience Design
Ein User Interface, das nach dem nutzerzentrierten Gestaltungsprozess erstellt
ist, bietet Ihrem Produkt und den Nutzenden folgende Vorteile:
Anforderungsanalyse
Durch eine genaue Analyse der Anforderungen Ihres Produktes, lassen sich Zielgruppe, Bedürfnisse, Kern-Features und die Vision ableiten.
Fokus
Durch ein UX-Konzept fokussieren sich alle Beteiligten bei der Produktentwicklung und Nutzung auf das Wesentliche. Dadurch können Fehler bereits früh im Entwicklungsprozess erkannt werden.
Nutzungskontext
Gemeinsam schaffen wir ein Verständnis über den spezifischen Kontext, in dem Ihre Nutzenden agieren.
Bedürfnisbefriedigung
Durch das Erkennen der Erwartungen und Bedürfnisse Ihrer Nutzenden steigern Sie die Zufriedenheit mit Ihrem Produkt.
Einfache Bedienbarkeit und Barrierefreiheit
Durch ein gut gestaltetes User Interface wird die Grundlage für eine einfache Bedienbarkeit gelegt. Dadurch wird die Nutzungserfahrung positiv gesteigert.
Unsere Vorgehensweise
Konzeption: Customer User Journey
Erkenntnisse aus Befragungen, Statistiken und Interviews mit einer repräsentativen Anzahl von Menschen aus der Zielgruppe fließen in die Customer User Journey ein. Aus Sicht der Nutzenden werden die einzelnen Phasen beschrieben, die bei der Interaktion mit der Anwendung durchlaufen werden. Auf die Reise werden sogenannte Personas geschickt. Diese stehen repräsentativ für die Zielgruppe.
Konzeption: Use Case Diagramm
Zu Beginn werden die verschiedenen Use Cases gesammelt, beschrieben und in einem Use-Case-Diagramm visualisiert. Vorteil ist, dass man sich für ein erstes Minimum Viable Product (MVP) die wichtigsten Use Cases vornehmen kann. Außerdem kann man erste Inhalte für das Navigationskonzept festlegen und die Use Cases dienen dem Product Owner als Grundlage, um die User Stories zu schreiben zu können.
Konzeption: Scribbles, Wireframes, Papierprototyp, Low-Fi-Prototyp
Eine günstige Methode ist das Erstellen von Scribbles. Diese werden ausgehend von den Use Cases erstellt. Ein interdisziplinäres Team aus User-Experience-Designer*innen, Entwickler*innen und Nutzenden scribbelt gemeinsam die Benutzeroberfläche. Als Ergebnis hat man einen Papierprototypen, mit dem man Usability Tests durchführen kann. Dieser dient dann auch als Grundlage für den Hi-Fi-Prototypen und das User Interface Design.
Konzeption: Hi-Fi-Prototyp, Clickdummy
Um die Interaktion mit einer Anwendung abbilden zu können, wird ein Hi-Fi-Protptyp erstellt. Egal, ob mit Axure, Adobe XD oder einem anderen Prototyping Tool: Das Ergebnis ist ein interaktiver Prototyp. Dieser zeigt exemplarisch das Bedienkonzept, bildet das Wording ab und wird für Nutzungstests verwendet.
Design: Moodboard, Styletiles
Mit Hilfe von Moodboards zeigen wir, welche Stimmung mit dem Design transportiert wird. Styletiles greifen dies auf und zeigen ganz konkret, wie die verschiedenen Elemente des User Interface aussehen. Beispielsweise werden für Apps die Hauptfarben, Schriftformatierungen, Primär- und Sekundär-Buttons, aber auch Fehlerfälle und Formulare gestaltet.
Design: Styleguide, Assets
Der Styleguide beschreibt die Vorgaben an die Entwicklung. Alle Komponenten, die das User Interface beinhaltet, werden mit Abmessungen, Größen, Zuständen oder Farben beschrieben. Außerdem werden Einzelgrafiken, wie zum Beispiel Icons für die verschiedenen Geräte-Auflösungen bereitgestellt, um das User Interface implementieren zu können. Eine enge Zusammenarbeit mit der Frontend-Entwicklung ist äußert effizient.
Design: User Interface Design
Das Herzstück der Gestaltung ist das User Interface Design. In Form von Key Screens bilden die einzelnen Komponenten das letztendliche User Interface Design (UID) ab. Im UID werden sowohl die Material-Design-Vorgaben von Google oder Flat-Design-Vorgaben von Apple oder auch die Anforderungen an ein ansprechendes Web Design visualisiert.
Usability: Expert*innen-Review
Das expert*innenorientierte Testverfahren Expert*innen-Review ist eine Kombination aus Cognitive Walkthrough und Heuristic Evaluation. In der Praxis bedeutet das, dass mindestens zwei Usability Engineers eine Anwendung auf die Benutzbarkeit hin überprüfen. Zu Beginn werden Use Cases definiert. Beim Durchgehen durch die Anwendung achten die Testenden darauf, ob die Vorgaben an eine Mensch-Maschine-Schnittstelle (siehe ISO 9241 Teil 110: Grundsätze der Dialoggestaltung) und die von Jakob Nielsen definierten Heuristiken eingehalten werden. Die gefundenen Punkte (Findings) werden protokolliert und Empfehlungen ausgearbeitet.
Usability: Lean Usability Test
Der Lean Usability Test zählt zu den nutzerzentrierten Testmethoden. Bereits eine Gruppe von fünf Probanden findet die meisten Usability Probleme. Die Probanden bekommen eine Anzahl an Aufgaben, die sie effektiv, effizient und zufriedenstellend lösen sollen. Beispielsweise testen wir bei einer Bike-Sharing-App die Aufgabe “Du möchtest ein Bike-Sharing-Fahrrad mieten. Wie gehst du vor?”. Unsere erfahrenen Usability Engineers leiten den Test und motivieren die Probanden, die Think-Aloud-Methode anzuwenden. Die Findings werden nach dem Severity Ranking eingeordnet und für die Umsetzung aufbereitet.
Unsere Referenzen
Warum lohnt sich Usability Testing?
Wir haben für Sie den Bereich Usability Testing zusammengefasst, mit anschaulichen Beispielen aus der Praxis aufgefrischt
und zum Download bereitgestellt.
Sie haben ein Projekt im Kopf, das Sie mit uns umsetzen möchten?
Dann scheuen Sie sich nicht davor mit uns Kontakt aufzunehmen. Gemeinsam überlegen wir, wie wir Ihre Vision umsetzen können.
Zertifizierungen und Mitgliedschaften
