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




    ...
Forces-Analyse
                   Anforderungen |                       | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wi...
Forces-Analyse
                                                     Anforderungen |                              | Unbegre...
Forces-Analyse
                              Anforderungen |                    | Unbegrenzte Möglichkeiten | Inhaltsstruk...
Unbegrenzte Möglichkeiten
                              Anforderungen | Forces-Analyse |                                  ...
Unbegrenzte Möglichkeiten
                         Anforderungen | Forces-Analyse |                               | Inhalt...
Unbegrenzte Möglichkeiten
                         Anforderungen | Forces-Analyse |                               | Inhalt...
Inhaltsstruktur
                                 Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten |             ...
Wireframes
                                                                                                               ...
Prototyp
Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes |




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




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




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




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




                 ...
Kontept eines Online-Styleguides
Kontept eines Online-Styleguides
Kontept eines Online-Styleguides
Nächste SlideShare
Wird geladen in …5
×

Kontept eines Online-Styleguides

2.374 Aufrufe

Veröffentlicht am

Konzeptpräsentation eines Online-Styleguides.

Veröffentlicht in: Design
0 Kommentare
3 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.374
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
89
Aktionen
Geteilt
0
Downloads
39
Kommentare
0
Gefällt mir
3
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Kontept eines Online-Styleguides

  1. 1. 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
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. Prototyp Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes | 13 |17
  11. 11. Prototyp Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes | 1 |17
  12. 12. Prototyp Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes | 1 |17
  13. 13. Prototyp Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes | 1 |17
  14. 14. Prototyp Anforderungen | Forces-Analyse | Unbegrenzte Möglichkeiten | Inhaltsstruktur | Wireframes | 17 |17

×