Styleguides
"Zu viele Köche verderben den Brei!" gilt auch in der Web- und Softwareentwicklung. Damit Ihr Produkt "wie aus einem Guss" wirkt ist ein Usability Styleguide von großem Vorteil.
Styleguides definieren die User Interface Komponenten einer Anwendung. Zu den Inhalten gehören:
- der grundlegende Anwendungsaufbau,
- das Layout,
- die Navigation,
- Definition von Patterns/Ablaufmustern,
- Richtlinien für den Einsatz von Einzelkomponenten wie Buttons oder Textfelder.
Unsere Styleguides enthalten konkrete Designempfehlungen und inkorporieren internationale Standards.
Typischerweise bedeutet Styleguide-Entwicklung nicht die Beschreibung eines Ist-Zustandes, sondern eines verbesserten Soll-Zustandes für die Benutzeroberfläche.
Beispiele für Fragen, die ein Styleguide beantworten sollte
- Welche GUI-Elemente soll eine Softwareapplikation enthalten?
- Wann kommt welches GUI-Element zum Einsatz?
- Welche Standard-Abläufe (Patterns) und Interaktionsszenarien werden verwendet? Wie sehen diese aus?
- Welche Richtlinien gelten für Auswahlen?
- Welchen Stil sollen Tabellen haben?
- Welche Regeln werden im Stylesheet für die einzelnen HTML-Tags festgelegt?
- In welcher Form werden graphische Elemente eingesetzt (Grösse, Alignment, ALT etc.)?
Typen von Styleguides
- Styleguide für Client/Server und Windows-Anwendungen
- Styleguide für eine bestimmte Website
- Styleguide als Handbuch für alle Sites, die Ihr Unternehmen entwickelt
- Styleguide für Ihr Intranet
- Styleguide für Weblications, also Anwendungen im Web
- Styleguide für browserbasierte Anwendungen im Intranet
- Styleguide für mobile Anwendungen
- Accessibility Richtlinien Sammlung
Die Vorgangsweise
Die Vorgangsweise wird individuell an Ihr Projekt und Budget angepasst.
Typische Schritte sind:
- Analysephase: Kennenlernen Ihrer Projektsituation, der Erwartungen der Benutzer, Firmenstrategien und, falls möglich, bereits existierende Systeme
- Entwicklung von typischen Beispielen
- Workshops
- Schriftliches Festlegen von Standards
- Styleguide-Schulungen
Ergebnisse eines Styleguide-Projekts sind:
- Styleguide-Dokument (Text)
- Styleguide-Online-Dokument inkl. dazupassender Stylesheets (CSS)
- Sammlung von verständnisfördernden Beispielen
- Styleguide-Poster: Die wichtigste grafischen Styleguide-Komponenten im Überblick
- Styleguide-Training für Entwickler
Styleguide Referenz-Projekte Vereinbaren Sie ein unverbindliches Erstgespräch, als Einstieg in Ihr Styleguide-Projekt! 
Rufen Sie mich an!
Unverbindliches Info-gespräch
Seite drucken
Newsletter Anmeldung
Download-Center
"Sehr gutes Ergebnis. Praxistauglich. Gute Mischung aus kommerziellen Aspekten und universitärem Background. Anpassung an unsere Nutzer und nicht nur reine Theorie."
Herr DI Vecsei (Flughafen Wien)
Herr DI Vecsei (Flughafen Wien)
Styleguide Poster
Das Styleguide Poster unterstützt Sie dabei, den Styleguide im Unternehmen zu kommunizieren.
Referenz-Auszug
