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

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 Usability 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öße, 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. dazu passender Stylesheets (CSS)
  • Sammlung von verständnisfördernden Beispielen
  • Styleguide-Poster: Die wichtigste grafischen Styleguide-Komponenten im überblick
  • Styleguide-Training für Entwickler