Home Leistungen Design und Entwicklung 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!

FAQ
Rufen Sie mich an!
Unverbindliches Info-
    gespräch
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)

Styleguide Poster

Das Styleguide Poster unterstützt Sie dabei, den Styleguide im Unternehmen zu kommunizieren.

Referenz-Auszug

Verwandte Themen

Prototyping LoFi & HiFi
Konzepterstellung
GUI Element & Icon     Design

Seminare Prototyping Usability Tests Konzepte User Interface Design Google Analyse Card-Sorting Personas Experten Evaluation Pflichtenhefte Eyetracking Styleguides Icondesign Anforderungsanalyse Web Design Gruppendiskussionen Use Cases Onlinestudien & Interviews Usability Consulting Usability Evaluation Österreich Click Dummy Tests