Konzeptpräsentation eines Online-Styleguides.

4. Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes | Prototyp
Distribution
Handhabbarkeit
Zugriffsgeschwindigkeit
Personalisierbarkeit
Aktualität
Interaktivität Änderbarkeit
Verfügbarkeit
Erweiterbarkeit
Anschaulichkeit
Detailtiefe Fehlertolleranz
Mehrsprachigkeit
Integration von Beispielen
Attraktivität
|17

5. Forces-Analyse
Anforderungen | | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes | Prototyp
Distribution
Handhabbarkeit
Zugriffsgeschwindigkeit
Personalisierbarkeit
Aktualität
Interaktivität Änderbarkeit
versus Print-Styleguide
Verfügbarkeit
Erweiterbarkeit
Anschaulichkeit
Detailtiefe Fehlertolleranz
Mehrsprachigkeit
Integration von Beispielen
Attraktivität
|17

6. Forces-Analyse
Anforderungen | | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes | Prototyp
Kriterium
Print-Styleguide
Aktualität 0 ++
Handhabbarkeit *1 + +
Verfügbarkeit 0 +
Mehrsprachigkeit 0 +
Detailtiefe + ++
Änderbarkeit -- ++
Integration von Beispielen 0 +
Anschaulichkeit *2 + +
Interaktivität -- ++
Distribution *3 0 +
Personalisierbarkeit -- ++
Zugriffsgeschwindigkeit * + ++
Erweiterbarkeit - +
Attraktivität + +
Fehlertoleranz * + -
*1 Wie kann man das Produkt in seinen Workflow einbinden?
*2 Wie gut eignet sich das Produkt, um die zu vermittelnden Informationen zu präsentieren?
*3 Wie einfach kann das Produkt an Mitarbeiter, Kunden oder Zulieferer gebracht werden?
* Wie schnell kann der User auf benöigten Content zugreifen?
* Wie einfach können Missverstämdmisse passieren?
|17

7. Forces-Analyse
Anforderungen | | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes | Prototyp
Fazit:
• Print-Styleguide kann in Sachen Handhabbarkeit, Anschaulichkeit und Attraktivität punkten
• Gedrucktes Medium kann bei ständiger Bildschirmarbeit entlasten
• Einmal abgenommen und gedruckt ist er DIE Referenz
• Online-Styleguide In fast allen Kriterien überlegen
• Große Vorteile sind die Aktualität, Änderbarkeit, Interaktivität, Personalisierbarkeit und
die Zugriffsgeschwindigkeit.
Es steht außer Frage, dass in der heutigen Zeit, in der die Corporate Identity und CD der Unternehmen
immer wichtiger werden, jedem Nutzer ein leicht bedienbares, immer aktuelles, auf ihn zugeschnittenes
Tool zur Seite steht. Nur so kann ein einheitliches Auftreten respektive ein konstantes Unternehmensbild
gewährleistet werden.
7 |17

8. Unbegrenzte Möglichkeiten
Anforderungen | Forces-Analyse | | Inhaltsstruktur | Wireframes | Prototyp
Möglichkeiten eines Online-Styleguides (1/3):
• Schnelleinstieg über Nutungskategorien (Basiselemente, Web, Print, Office, Sales Marketing)
• Personalisierung (Gefilterte Infos - Webdesigner, Grafiker, Programmierer, Marketingabteilung, Verkäufer, Kunde ...)
• laufende Aktualisierung
• Änderungen können via Portalseite immer an vorderster Front publiziert werden
• Hinzufügen von neuen/ modifizierten Modulen (Blog, FAQ, Glossar ...)
• Neue Inhalte ≠ kostspielige Neuproduktion
• Kostengünstige Distribution
• Interaktivität - Raum für Diskussionen und Erfahrungsberichte (wichtig bei Grauzonen)
|17

9. Unbegrenzte Möglichkeiten
Anforderungen | Forces-Analyse | | Inhaltsstruktur | Wireframes | Prototyp
Möglichkeiten eines Online-Styleguides (2/3):
• Suchfunktion erleichtert schnellen Zugriff und rasche Selektion
• Styleguide (kann) in seiner Funktion schon selbst Beispiel sein (Website)
• Beliebig viele Beispieldateien etc. anfügbar
• Gezielte Schulung bezüglich der korrekten Einhaltung des CDs (WBT)
• Höhere Detailtiefe bei bleibender Effizienz via Hypertext
• Durch dynamisch generierte PDFs von einzelnen Kapiteln bzw. saubere CSS-Files kann wahl
weise „Print-Styleguide“ erstellt werden
• Downloads von Templates, Beispieldateien etc.
• viele mehrsprachige Versionen
|17

10. Unbegrenzte Möglichkeiten
Anforderungen | Forces-Analyse | | Inhaltsstruktur | Wireframes | Prototyp
Chanchen die daraus entstehen (3/3):
• Zusammenfassung von allen bestehenden Vorgaben (für alle Produkte) auf einer Plattform
• Styleguide kann mit dem Unternehmensbild wachsen und Veränderungen schnell kommunizieren
• bietet einheitliche Plattform für Mitarbeiter, Zulieferer Kunden
• Es besteht die Chance nicht nur das Design sondern die vollständige Identity
auf solch einer Plattform zur repräsentieren
10 |17

11. Inhaltsstruktur
Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | | Wireframes | Prototyp
Inhaltsstruktur (1/2):
Home (normal/ personalisiert)
Start
Kategorien (Hauptmenü: z.B. “Print”“Web”“Office” ....)
Web , ,
Produkte (z.B. “Website”“E-Mail” “Newsletter” ...)
, ,
Website
Design Produktaspekte (z.B. “Code”“Design” , “Seitentypen”
, ...)
Module Elemente (z.B. “Typografie” “Navigation” ...)
,
Layout Navigation Typografie
11 |17

12. Wireframes
Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | | Prototyp
Wireframes:
Benutzer-Login Sprachauswahl Home | Kontakt | Impressum | Sitemap
Logo
Suche
(Bereichsauswahl)
Basiselemente Druck Web Office Sales Marketing
News Einführung Blog Forum FAQ
Startseite .... (Breadcrumb)
Einleitung (wieso, weshalb, warum...) News aus Forum Blog
Benutzer-Login Sprachauswahl Home | Kontakt | Impressum | Sitemap
Logo
Suche
(Bereichsauswahl)
Web
Basiselemente Druck Office Sales Marketing
News Einführung Blog Forum FAQ
Zielgrupppeneinstieg
Startseite Web Website
Drucken Downloadbereich
Kapitel als PDF
- Grundlagen
- Website
- Seitenlayout
- Navigation
Website
Druck Web Office Druck
- Naming
Benutzer-Login Sprachauswahl Home | Kontakt | Impressum | Sitemap
- Farbe
Logo
- Typografie
Suche
- Formulare (Bereichsauswahl)
Seitenlayout:
- Tabellen
News aus Forum Blog bezüglich
- Bilder - Regeln
Websites
- Illustrationen - Anwendungsbeispiele
- Donts
Web
Basiselemente Druck Office Sales Marketing
- E-Mail News Einführung Blog Forum FAQ
- Newsletter
Startseite Web
News aus Forum und Blog - speziell für Web-Anwendungen
- Grundlagen
- Website
- E-Mail
- Newsletter
Drucken
Kapitel als PDF Downloadbereich
Website E-Mail
Downloadbereich
Newsletter
12 |17

13. Prototyp
Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes |
13 |17

14. Prototyp
Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes |
1 |17

15. Prototyp
Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes |
1 |17

16. Prototyp
Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes |
1 |17

17. Prototyp
Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes |
17 |17