Style Guide
In einem Style Guide werden alle im Projektverlauf getroffenen Designentscheidungen dokumentiert. Der Style Guide gewährleistet so die notwendige Konsistenz bei der späteren Anwendung auf weitere Applikationsbereiche oder Produkte.
Der Bauplan des User Interface
Ein Style Guide stellt eine umfassende Designdokumentation dar und beinhaltet die UI-Philosophie sowie alle Regeln zu Aufbau und Gestaltung unter Berücksichtigung genereller Standards (z.B. ISO 9241). Besondere Eingabefelder oder ein spezielles Tabellenverhalten werden ebenso exakt beschrieben wie dynamische Aspekte der Interaktionskomponenten.
Durch die Darstellung von Musterlösungen liefert der Style Guide auch die nötigen Vorgaben für die Gestaltung von Applikationsteilen, die im Rahmen der Designphase nicht detailliert betrachtet werden.
Ein Style Guide sorgt so auch in späteren Phasen für die notwendige Konsistenz und Geschlossenheit einer Benutzeroberfläche.
ISO 9241
Diese Norm beschreibt als internationaler Standard die Richtlinien der Interaktion zwischen Mensch und Computer.
Die Leitkriterien sind:
- Effektivität der Aufgabenlösung
- Effizienz der Systemhandhabung
- Nutzerzufriedenheit
Bedienkonzept
Die Ergebnisse des konzeptionellen Designs umfassen beispielsweise folgende Aspekte:
- Grundnavigation und Layout der Applikation
Zuweisung von Funktionen zu Screentypen und -bereichen- Eingabemethoden
- Methoden zur Unterstützung unterschiedlicher Expertisegrade
- Adaption an verschiedene Benutzerrollen
- Personalisierbarkeit
- Interaktionsmuster (Design Pattern)
- Benutzerunterstützung
- Kontrollelemente
- Detail-Interaktion
- Beispiel-Screens
Visuelles Design
Neben konzeptionellen Spezifikationen liefert der Style Guide die Informationen, durch die der Look des User Interface definiert wird:
Größen und Abstandsdefinitionen- Farben
- Graphiken (Icons sowie Key-Visuals)
- Schriftarten und -größen
- Formate (Zahlen, Datum, Adressen usw.)
- Formularlayout
- Animationen
- Standard-Assets (Splash Screen, Installations-Wizard, usw.)
 |
DarstellungsformenDer Style Guide ist ein lebendes Dokument und die Referenz für die UI-Entwicklung. Aus diesem Grund sollte auch er möglichst bedienungsfreundlich sein. Wir liefern Teile des Style Guide deshalb auch in Form von Checklisten. Die wichtigsten Regeln können zusätzlich in Quick Reference-Booklets sowie als Style Guide-Poster aufbereitet werden.Ein Style Guide kann auch als leicht aktualisierbare, zentrale Referenz in Form eines Wiki geliefert werden. Durch eine Einbettung ins Unternehmensnetzwerk können die Regeln so durch Entwickler mit eigenem Wissen erweitert werden. Ein solches Wiki stellt häufig auch den Kristallisationskern für eine UI Tool Box dar, d.h. eine Plattform, über die alle Design-Assets abrufbar sind. |
Arbeitsverteilung
Der Style Guide wird auf der Grundlage ausgewählter Funktionsbereiche und Anwendungsszenarios in enger Abstimmung mit Ihnen entwickelt. Die konkrete Arbeitsverteilung zwischen unseren Designern, Ihren Domain-Experten, Software-Entwicklern und Qualitätsmanagern hängt von verschiedenen Parametern ab und kann individuell angepasst werden.
Selbstverständlich unterstützen wir Sie auch gerne bei der weiterführenden Anwendung des Style Guide auf im Rahmen der Designphase nicht näher beleuchtete Funktionsbereiche.
Plattformübergreifend
Ein konsistentes und plattformübergreifendes Look & Feel gewinnt in einem Umfeld zunehmend an Bedeutung, in dem sich neben klassifischen Desktop-Anwendungen oft parallel Web-Applikationen und mobile Anwendungen etablieren.
Diese unterschiedlichen "Medien" erfordern zum einen Design-Anpassungen und zum anderen eine zugeschnittene Dokumentation in Form eines Style Guide beziehungsweise Design Manual.