StartseiteSkills
Sketching
Grobkonzept
Ideen schnell sichtbar machen durch aufzeichnen. Diese können anschliessend ausgelegt oder aufgehängt werden für eine bessere Übersicht.
Screenflows
Grobkonzept
Oder Userflows: Schritte, die ein User durchlaufen muss, um ein Ziel zu erreichen. Das Ziel kann zum Beispiel als Use Case definiert worden sein. Hier wird definiert, welche Interaktionen später im Detail ausgearbeitet werden.
Personas
Grobkonzept
Personas repräsentieren echte Benutzergruppen, für welche ein Produkt entwickelt wird. Sie sollten auf echten Daten basieren, welche idealerweise erhoben werden von User Researchern durch User Interviews.
User Journeys
Grobkonzept
Zeigt auf – idealerweise basierend auf Personas – wer mit wem über welchen Kanal interagiert oder interagieren soll. Dieser Schritt ist grundlegend für die weitere Ausarbeitung der Benutzeroberfläche.
Mockups
Grobkonzept
Mockups sind sehr frühe Visualisierungen des Produkts, die einem einen Eindruck geben, wie es später aussehen könnte. Zu diesem Zeitpunkt können sich noch alle Inhalte ändern.
Prozessflows
Feinkonzept
Detaillierte Spezifikation von technischen Abläufen, die auf der Benutzeroberfläche sichtbar sind. Wenn man im Voraus Prozessflows erstellt, ist die Wahrscheinlichkeit geringer, dass Screens vergessen gehen und dies erst der Entwickler bemerkt: nachträglich gelieferte Designs können einen grossem Impact auf die bereits implementierte Lösung haben (man muss teilweise wieder sehr viel umstellen), was man vermeiden möchte.
Wireframes
Feinkonzept
Definition von Inhalten und Interaktionsmöglichkeiten auf der Benutzeroberfläche. Für jeden Zustand wird ein Wireframe erstellt (beispielsweise Formular leer, Formular ausgefüllt, Formular mit Fehlermeldung etc.). Für jeden Klick, den der User ausführen kann, soll definiert werden, was auf dem UI als nächstes passiert.
Spezifikationen
Feinkonzept
User Interfaces können sehr schnell sehr komplex werden. Bei einem Formular macht beispielsweise ein Button weitere Optionen/Felder sichtbar oder es kommt eine Fehlermeldung, weil man etwas falsches eingegeben hat. Dies muss alles spezifiziert werden.
Breakpoints
Feinkonzept
Wenn ein digitales Prodult für unterschiedliche Screengrössen und Platformen entwicklet wird, werden für jeden Breakpoint Screens erstellt. Häufige Breakpoints sind Desktop, Tablet und Mobile.
UX/UI Elements Library
Feinkonzept
Zusammenstellen der einzelnen Elemente (wie Textfelder, Buttons, Schriften, etc.), welche danach im Visual Design zu einem Gesamtlayout zusammengefügt werden.
UX Patterns
Expert Review
Gut funktionierende UX Patterns können immer wieder verwendet werden. Diese sollten entweder intuitiv zu bedienen sein oder sie sind so weit verbreitet und von den Usern gelernt, dass man davon ausgehen kann, dass sie gut bedient werden können (wie z.B. Radiobuttons oder Checkboxen).
Visual Review
Expert Review
Nach der Umsetzung wird geprüft, ob sich die Benutzeroberfläche nach den Vorgaben richtet. Die Vorgabe kann sein, dass die Umsetzung pixelgenau ist. Es wird ein Dokument erstellt, wo die gefundenen Abweichungen Punkt für Punkt dokumentiert werden.
Verbesserungen
Expert Review
Verbesserungsvorschläge werden z.B. mit Vorher – Nachher Screens aufgezeigt.
Prototypen
Prototyping
Klickbare Prototypen sind in vielerlei Hinsicht nützlich. Häufig stellt man gleich selber beim Durchklicken erste Probleme fest, die man gleich beheben kann. Prototypen sind eine günstige Methode das Produkt bei einem Usability Test mit echten Kunden zu testen, ohne dafür grossen Entwicklungsaufwand zu haben.
Clickdummy
Prototyping
Clickdummies sind eine einfache Variante eines Protoypen. Dabei werden Screens miteinander verlinkt, ohne dass etwas programmiert werden muss. Ein Clickdummy kann sehr schnell und kostengünstig erstellt werden.
Planung
Usability Test
Usability Tests müssen für die erfolgreiche Durchfürhung geplant werden. Zusammenstellen des Testmaterials: Testablauf schreiben, Fragebögen zusammenstellen, Rollen für Interviewer und Protokollführer festlegen. Zusätzlich muss auch alles rundherum organisert werden: Einladen der Probanden, Reservieren eines Raumes, Helfer einladen, Kaffee/Getränke für Probanden am Testtag, etc.
Usability Test
Usability Test
Für einen Usability Test werden Probanden eingeladen, um an einem Produkt / Prototypen Testaufgaben zu lösen. Die Probanden werden während dem Test beobachtet: so kann man herausfinden, wie gut das Produkt / Prototyp beidenbar ist.
Usability Test Report
Usability Test
Usability Tests werden qualitativ und quantitativ ausgewertet. Alle gefundenen Bedienbarkeitsprobleme werden aufgelistet, bewertet und zusammengefasst. Zu jedem Punkt werden Empfehlungen abgegeben.
Visual Screens
Visual Design
Nachdem genau geklärt ist, welche Informationen wann angezeigt werden, wird das Visual Design erstellt. Die Visual Screens zeigen das Produkt genau so, wie es später umgesetzt wird und so wie es der User sehen wird.
Icons
Visual Design
Oftmals gibt es eine bestehende Icon-Library, welche für das Visual Design verwendet werden kann. Wenn aber mal ein neues Icon gebraucht wird, muss dieses im vorgegebenen Stil erstellt werden, damit es zu den bisherigen Icons passt.
Illustrationen
Visual Design
Illustrationen haben viele Anwendungszwecke: Beispielsweise zur Veranschaulichung eines Sachverhalts oder zur Auflockerung und Erzeugung einer gewissen Stimmung.
Assets
Visual Design
Für die Entwickler werden Grafiken (z.B. Icons, Illustrationen, Fotos) so zubereitet, dass diese einfach integriert werden können.
Projektplan
Projektmanagement
Auflistung aller Tasks, die ausgeführt werden müssen. Definieren von Meilensteinen. Schätzen der Tasks, wie lange die Ausführung ca. benötigen wird.
Teamwork
Projektmanagement
Für ein gutes Gelingen des Produktes ist man in ständigem Austausch mit dem Team. Ein Designer sollte seine Arbeit regelmässig abgleichen mit anderen Designern, dem Product Owner und den Entwicklern.
Zeit- und Ressourcenplan
Projektmanagement
Aufgrund des Projektplans wird nun ein zweiter Plan erstellt, wo erstichtlich ist, wer die Tasks wann abarbeiten kann.
Workshops
Projektmanagement
Gemeinsames Verständnis fördern zu jedem Zeitpunkt des Projekts.
Requirements
Projektmanagement
Requirements basieren auf den Personas und sollten von einem User Researcher getestet sein, um das Risiko zu verkleinern, dass das Produkt nicht den Kundenbedürfnissen entspricht. Requirements sind essentiell, jeder weitere Arbeitsschritt basiert darauf.
