Viele Wege führen nach Rom (nur Folien)
-
Upload
stefan-freimark -
Category
Technology
-
view
2.682 -
download
1
description
Transcript of Viele Wege führen nach Rom (nur Folien)
![Page 1: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/1.jpg)
Bild: David Iliff
Methoden in der Website-Konzeption
Viele Wege führen nach Rom
Bild: David Iliff
Methoden in der Website-Konzeption
Viele Wege führen nach Rom
![Page 2: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/2.jpg)
Hallo!
![Page 3: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/3.jpg)
![Page 4: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/4.jpg)
![Page 5: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/5.jpg)
![Page 6: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/6.jpg)
![Page 7: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/7.jpg)
![Page 8: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/8.jpg)
![Page 9: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/9.jpg)
Was ich Euch nicht erzähle ...
![Page 10: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/10.jpg)
Swimlanes
Content Inventory
Mental Model
Personas
Creative Brief
Card SortSitemaps
Use Cases
Page Description Diagram
Wireframes
WireflowsUser Journey
Backcasting
Content Analysis
Content Audit
Guerilla Ethnography
Benchmark Analysis
Scenarios
Storyboard
Prototypes
Specification Split Tests
Multi Variant Tests
Business Requirements Capture
Design the Box Concept Maps
Conversational Sketching
Usability Test
Focus GroupTemplates
Scribbles
Components
HiFi Prototype
Taxonomy
Paper Prototype
Controlled Vocabulary
Affinity Diagram
Heuristic Evaluation
Task Analysis Gap Analysis
Patterns
Page Types
![Page 11: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/11.jpg)
Bild: David Iliff
![Page 12: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/12.jpg)
Reisevorbereitung
![Page 13: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/13.jpg)
Strukturiert vorgehen!
• An wen richte ich mich?• Was möchte ich erreichen?• Welche Informationen benötige ich?• Gibt es Beispiele?• Loslegen!• Überarbeiten
![Page 14: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/14.jpg)
An wen richte ich mich?
![Page 15: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/15.jpg)
Kunde
• Denkt konkret• Beschäftigt sich nur zeitweise
mit dem Projekt• Muss interne Interessen
berücksichtigen• Benötigt neben Lösungen auch
Argumente, um sie intern zu vertreten
![Page 16: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/16.jpg)
Grafik
• Denkt visuell: Liest oft keine Anmerkungen bei Wireframes
• Farbkonzepte sind manchmal wichtiger als gute Usability
• Lässt auch mal was weg• Denkt eher in Seiten statt in
Komponenten
![Page 17: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/17.jpg)
Technik
• Denkt abstrakt• Denkt in Komponenten statt
in Seiten• Braucht detaillierte Angaben• Wollen sehr früh im Projekt
Informationen haben• Legt früh technische Vorgaben
fest, die u.U. mit dem Konzept kollidieren
![Page 18: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/18.jpg)
Neue Team-Mitglieder
• Kennen die Projekthistorie nicht
?
![Page 19: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/19.jpg)
Was möchte ich erreichen?
![Page 20: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/20.jpg)
Verstehen
![Page 21: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/21.jpg)
Context
Content Users
Morville, Rosenfeld: Information Architecture for the World Wide Web (O‘Reilly, 2006)oreilly.com/catalog/infoarch3
![Page 22: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/22.jpg)
Vergleich von MVV-ZeitkartenIs
arC
ard-
Woc
he
Isar
Car
d-M
onat
Isar
Car
dAbo
Isar
Car
d9U
hr
Isar
Car
d9U
hr im
Abo
Isar
Car
d60
Isar
Car
d60
im A
bo
Aus
bild
ungs
tarif
I +
II
Isar
Car
dJob
Abo
Plu
sCar
d
Isar
Car
d-W
oche
Isar
Car
d-M
onat
Isar
Car
dAbo
Isar
Car
d9U
hr
Isar
Car
d9U
hr im
Abo
Isar
Car
d60
Isar
Car
d60
im A
bo
Aus
bild
ungs
tarif
I +
II
Isar
Car
dJob
Abo
Plu
sCar
d
Art (Dauer) Wochenkarte Monatskarte Monats- oder Jahreskarte Monatskarte Monats- oder Jahreskarte Monatskarte Monats- oder Jahreskarte Wochen- oder Monatskarte
Jahreskarte Jahreskarte
Art (Abo) Bar Bar Abo Bar Abo Bar Abo Bar Firmen-Abo Abo
Gültigkeitsbereich je nach Anzahl der Ringe je nach Anzahl der Ringe je nach Anzahl der Ringe Innenraum, Außenraum oder Gesamtnetz
Innenraum, Außenraum oder Gesamtnetz
Innenraum, Außenraum oder Gesamtnetz
Innenraum, Außenraum oder Gesamtnetz
je nach Anzahl der Ringe je nach Anzahl der
Ringe
je nach Kombination
von Verkehrs-verbünden
Gültigkeitsdauer 1 Woche + bis 12:00 am ersten Werktag der Folgewoche
1 Monat + bis 12:00 am ersten Werktag des Folgemonats
1 Jahr 1 Monat + bis 12:00 am ersten Werktag des Folgemonats
1 Jahr 1 Monat + bis 12:00 am ersten Werktag des Folgemonats
1 Jahr 1 Woche oder 1 Monat 1 Jahr 1 Jahr
Übertragbarkeit ja ja wahlweise ja wahlweise ja wahlweise nein nein wahlweise
Mitnahme Kinder-Regelung Kinder-Regelung Kinder-Regelung Kinder-Regelung Kinder-Regelung nein nein nein Kinder-Regelung Erwachsenen-Minahme
SA + SO (4 Personen)
Ausschlusszeit nein nein nein MO-FR, 6-9 Uhr MO-FR, 6-9 Uhr MO-FR, 6-9 Uhr MO-FR, 6-9 Uhr nein nein nein
Für jeden? ja ja ja ja ja nur ab 60 nur ab 60 nein nur Firmen ja
Preis abhängig von Ringen abhängig von Ringen abhängig von Ringen + abhängig von Zonen abhängig von Zonen + abhängig von Zonen abhängig von Zonen + abhängig von Ringen + abhängig von Ringen + je nach Kombination Preis abhängig von Ringen abhängig von Ringen abhängig von Ringen + Zahlungs-intervall
abhängig von Zonen abhängig von Zonen + Zahlungs-intervall
abhängig von Zonen abhängig von Zonen + Zahlungs-intervall
abhängig von Ringen + Zahlungsintervall + Ausbildungs-tarif
abhängig von Ringen +
Rabattstufe
je nach Kombination
von Verkehrs-verbünden
Verkaufsstellen Alle Verkaufsstellen + Automanten
Alle Verkaufsstellen + Automanten
2 Abo-Center + Online-Bestellung
Alle Verkaufsstellen + Automanten
2 Abo-Center + Online-Bestellung
Alle Verkaufsstellen + Automanten
2 Abo-Center + Online-Bestellung
Alle Verkaufsstellen + Automaten [vorherige Ausstellung einer Kundenkarte nötig!]
nur Tarifabteilung nur DB-Abo-Center
Landshut
Abo möglich? nein ja [Ist Abo] ja [Ist Abo] ja [Ist Abo] nein [Ist Abo] [Ist Abo]
Zahlungsweise vor Ort vor Ort Lastschrift vor Ort Lastschrift vor Ort Lastschrift vor Ort Abrechnung über Firma Lastschrift
Zahlungsintervall wöchentlich monatlich monatlich oder jährlich monatlich monatlich oder jährlich monatlich monatlich oder jährlich wöchentlich oder monatlich
monatlich monatlich
Kündigung nötig? nein nein Ja [Abo] nein Ja [Abo] nein Ja [Abo] nein Ja [Abo] Ja [Abo]
Boni - - Carsharing + Tierpark - Carsharing + Tierpark - Carsharing + Tierpark - - Carsharing + Tierpark
Besonderheit 1 Erweiterungskarte für andere Zonen verfügbar.
Erweiterungskarte für andere Zonen verfügbar.
Erweiterungskarte für andere Zonen verfügbar.
Erweiterungskarte für andere Zonen verfügbar.
Erweiterungskarte für andere Zonen verfügbar ("grüne Jugendkarte").
Weiterer Rabatt gegenüber IsarCardAbo
Kostenlose BC25 bei pers. Abo
Besonderheit 2 Keine Fahrten in der Keine Fahrten in der Fahrten in der Sperrzeit Fahrten in der Sperrzeit Kundenkarte Besonderheit 2 Keine Fahrten in der
Sperrzeit möglich
Keine Fahrten in der
Sperrzeit möglich
Fahrten in der Sperrzeit möglich.
Fahrten in der Sperrzeit möglich.
Kundenkarte
erforderlich
Stand: 22. Juni 2007
Autor: Stefan Freimark, Phase 4 Communications GmbH ([email protected])
Content Audit
![Page 23: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/23.jpg)
Mental Model
With kind permission by Indi Young.
Indi Young: Mental Models (Rosenfeld Media, 2008)www.rosenfeldmedia.com/books/mental-models
![Page 24: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/24.jpg)
Mental Model
With kind permission by Indi Young.
Indi Young: Mental Models (Rosenfeld Media, 2008)www.rosenfeldmedia.com/books/mental-models
![Page 25: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/25.jpg)
Mental Model
With kind permission by Indi Young.
Indi Young: Mental Models (Rosenfeld Media, 2008)www.rosenfeldmedia.com/books/mental-models
![Page 26: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/26.jpg)
Kommunizieren
![Page 27: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/27.jpg)
With kind permission by Joshua Porter.
Joshua Porter: Designing for the Social Web (New Riders, 2008)bokardo.com/archives/designing-for-the-social-web-the-book
Process Flow
![Page 28: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/28.jpg)
User Journey
I saw that ad about this new car and would like to
know more.
Maybe they tell if I click on "Build your
own".
Ah, it's right on the homepage. Let's see if they can tell me more.
Jeff sits down at his computer and navigates to the manufacturer's website.
That car looks goodand it has some very
nice features. But how much does it cost?
The price differs with the engine. I go with
that one and add more equipment.
I like that. I'll save that for later.
Honey,lunch is ready!
I'll be right there!
Stencils:• boxesandarrows.com/view/comics-not-just-for• graffletopia.com/stencils/128
![Page 29: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/29.jpg)
Swimlanes
Sto
ryb
oard
No
tes
Use c
ase
User
Exp
eri
en
ce
Bu
sin
ess
Pro
cess
The homepage displays the offered car in a teaser. Alternative: A landing page which URL has been promoted.
The new features are the most important point to communicate. Price information is secondary.
Configuring a car is the next best activity. Secondary in this context: ordering a brochure, locate a dealer.
In this case, Jeff opts for a break and uses the Save vehicle function to resume later.
A seperate user journey explains the configurator in detail.
CC CC.saveCC.engine, CC.extras
Car Configurator Car ConfiguratorCar Configurator
Start
Go to
manufacturer.com
via browser
EndFollow a teaser
Car Configurator
Learning
about the
product
Scanning for
price
information
Configure
engineSave vehicle
Configure
extras
Scenario: Find product information, configure carStart point: Jeff watched a television ad about a new productEnd point: Jeff found some information including price, and has started a configuration (which he saves for later)
I saw that ad about this new car and would like to
know more.
Maybe they tell if I click on "Build your
own".
Ah, it's right on the homepage. Let's see if they can tell me more.
Jeff sits down at his computer and navigates to the manufacturer's website.
That car looks goodand it has some very
nice features. But how much does it cost?
The price differs with the engine. I go with
that one and add more equipment.
I like that. I'll save that for later.
Honey,lunch is ready!
I'll be right there!
![Page 30: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/30.jpg)
Produktion vorbereiten und begleiten
![Page 31: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/31.jpg)
Zentraldokument
![Page 32: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/32.jpg)
Structure Content SEO Other infoTeaser
1st 2nd 3rd 4th 5th 6th Name in navigation Page type txt_
az
txt_
ch
ron
img
1
img
2
Page title (TITLE) Meta description Meta keywords Subdomain Shortname Owner Status Comment
0.0 Startseite Home x x Fiktiv Schreibgeräte AG
1.0 Produkte Product Entry x x x Produkte - [Standardtext]1.1 Füllfederhalter (Skip)1.1 Füllfederhalter (Skip)
1.1.1 Classic Product Detail x1.1.2 Premium Product Detail x
1.2 Kugelschreiber (Skip)1.2.1 Ball pen classic Product Detail1.2.2 Ball pen premium Product Detail
1.3 Etuis (Skip)1.3.1 Classic Etui Product Detail1.3.2 Deluxe Etui Product Detail
1.4 Zubehör (Skip)1.4.1 Tinte Product Detail1.4.2 Minen Product Detail1.4.2 Minen Product Detail
2.0 Service Entry2.1 Garantie Content2.2 Anleitungen Subindex
2.2.1 Füllfederhalter (Skip)2.2.1.1 Classic Content
2.2.2 Kugelschreiber (Skip)2.2.2.1 Ball pen classic Content
3.0 Unternehmen Entry3.1 Aktuell News Archive
3.1.n [Datum] News Detail3.2 Innovation Content3.3 Geschichte Content3.4 Team Matrix3.5 Kontakt Content
M1 Startseite (Link)M2 [Search box] (Input field)
M2.1 Suchergebnisse Search resultsM2.1 Suchergebnisse Search resultsM3 Kontakt (Link)
Zentraldokument
![Page 33: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/33.jpg)
Folgende Situation ...
• 2 Grafiker• 3 Tage Zeit• 119 Layouts zu überarbeiten
![Page 34: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/34.jpg)
Screen List
![Page 35: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/35.jpg)
Screen List
![Page 36: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/36.jpg)
Screen List
![Page 37: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/37.jpg)
Screen List
![Page 38: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/38.jpg)
Dokumentieren
![Page 39: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/39.jpg)
Projektdefinition Kunde: Fiktiv Schreibwaren AG Projekt: Relaunch Online-Shop Datum: 04.05.2009 Thema: Der Online-Shop soll für die Besucher übersichtlicher werden und zudem die Wertigkeit der Marke und ihrer Produkte widerspiegeln. Ziele sind die Steigerung des Online-Umsatzes sowie die Verbesserung der Kundenzufriedenheit. Im Backend soll der Shop an ein Warenwirtschaftssystem angebunden werden.
Projektdefinition
![Page 40: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/40.jpg)
Projektdefinition Kunde: Fiktiv Schreibwaren AG Projekt: Relaunch Online-Shop Datum: 04.05.2009 Thema: Der Online-Shop soll für die Besucher übersichtlicher werden und zudem die Wertigkeit der Marke und ihrer Produkte widerspiegeln. Ziele sind die Steigerung des Online-Umsatzes sowie die Verbesserung der Kundenzufriedenheit. Im Backend soll der Shop an ein Warenwirtschaftssystem angebunden werden.
Projektdefinition
![Page 41: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/41.jpg)
Projektdefinition Fiktiv Schreibwaren AG wg. Relaunch Online-Shop
Seite 2 von 3
Bestandsaufnahme Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
• Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
• vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto • odio dignissim qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait Zielgruppen Hauptzielgruppe: Endkunden
• Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
• vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto Sekundäre Zielgruppe: Händler
• Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
• vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto Ziele quantitative Ziele: Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse. qualitative Ziele: Vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Rahmenbedingungen Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
• Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
• vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto • odio dignissim qui blandit praesent luptatum zzril delenit augue duis
dolore te feugait In scope Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna. Out of scope Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. Projektdefinition
![Page 42: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/42.jpg)
Projektdefinition Fiktiv Schreibwaren AG wg. Relaunch Online-Shop
Seite 3 von 3
Ansprechpartner Kunde
Unternehmen Ansprechpartner Kontaktdaten
Fiktiv Schreibwaren AG Heinz Hohmann Marketing
[email protected] Tel.: +49-89-555123-10 Bayerstraße 82, 80335 München
Marion Nagel Vertrieb
[email protected] Tel.: +49-89-555123-25
Bernd Schuster Produktmanagement
[email protected] Tel.: +49-89-555123-47
Ansprechpartner Dienstleister
Unternehmen Ansprechpartner Kontaktdaten
Online-Agentur Anne Mauer Projektmanagement
[email protected] Tel.: +49-30-123555-38 Märkisches Ufer 37, 10179 Berlin
Stefan Freimark Konzeption
[email protected] Tel.: +49-30-123555-44
Sarah Winter Art Direktion
[email protected] Tel.: +49-30-123555-62
Florian Maierl Frontend-Development
[email protected] Tel.: +49-30-123555-24
Systemhaus Maximilian Raab System-Entwicklung
[email protected] Henkestraße 43, 91052 Erlangen Tel.: +49-9131-448822-03
Historie dieses Dokuments
Datum Autor Notiz
30.04.2009 Stefan Freimark Initialdokument
04.05.2009 Stefan Freimark Anpassungen nach Kunden-Feedback
Projektdefinition
![Page 43: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/43.jpg)
OAD – Object-oriented Approach to Design
With kind permission by Nick Iozzo.
oad.humansize.com
HOME100
HOME100 :: :: Copyright 2009 :: Proprietary and Confidential :: Last modified on 4.26.2009 at 8:40 PM :: Amazon on OAD example v1.0.vsd
Client’s name : : Project’s name
Shop All Departments
Books >
Movies, Music & Games >
Digital Downloads >
Computers & Office >
Electronics >
Home & Garden >
Grocery, Health & Beauty >
Toys, Kids & Baby >
Apparel, Shoes & Jewelry >
Sports & Outdoors >
Tools, Auto & Industrial >
!"#$%#$%&"'%"()'%*+,'%-"'.%&"'%/$'0%#$%
0'1(,.#2'34%!"#$%&'(&)*
+$%""*,*-." !"#$%#$%&"'%"()'%*+,'%5(0%6)+2(.41()
789:;<<%%=#'-%;<+$%""*,/!
Amazon.com logo Hello. Sign in to get personalized recommendations. New customer? Start here. Free 2-Day Shipping. No Minimum Purchase [v]
Your Amazon.com [v] Today’s Deals [v] Gifts & Wish Lists [v] Gift Cards [v] Your Account | Help
Search All Department GO Cart [v] Your Lists [v]
Check This Out
Product Name
Duis autem vel eum iriure dolor in
Product Name
Duis autem vel eum iriure dolor in
Product Name
Duis autem vel eum iriure dolor in
Product Name
Duis autem vel eum iriure dolor in
Ad inventory for internal product
Amazon DailyBlog
{n} posts since yesterdayRead posts
Product image
Read More{$88.88} $66.66
Product Name
Duis autem vel eum iriure dolor in
> Find similar items
Ad inventory for internal product
{Personalization category heading}
Product image
{$88.88} $66.66
Product Name... Duis autem vel eum iriure dolor in
Product image
{$88.88} $66.66
Product Name... Duis autem vel eum iriure dolor in
Product image
{$88.88} $66.66
Product Name... Duis autem vel eum iriure dolor in
789:;<<4;<
789:;<<4><
789:;<<4?>
789:;<<4@<
789:;<<4A<
789:;<<4?<
789:;<<4?@
1 2 3
4
5
789:;<<4A<
Specifications for HOME100
Name this reference
Values: All Departments | Books | Movies, Music & Games | Digital Downloads | Computers & Office | Electronics | Home & Garden | Grocery, Health & Beauty | Toys, Kids & Baby | Apparel, Shoes & Jewelry | Sports & Outdoors | Tools, Auto & Industrial
Default Value: All Department
Required: Yes
Functionality: Site search is limited to what is selected here
Validation: N/A
1
Page 3 of 7
![Page 44: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/44.jpg)
OAD – Object-oriented Approach to Design
HOME100.32RightWay
HOME100.32RightWay :: :: Copyright 2009 :: Proprietary and Confidential :: Last modified on 4.26.2009 at 8:40 PM :: Amazon on OAD example v1.0.vsd
Client’s name : : Project’s name
Get more with Amazon [v] Gifts & Wish Lists [v] Gift Cards [v] Your Account | Help
10 – Initial State
User can not be identified via cookie (or they said they are not that user as stored in the cookie)
1 2
Your Amazon.com (5) [v] Today’s Deals (2) [v] Gifts & Wish Lists (none) [v] Gift Cards [v] Your Account | Help
30 – Initial State
User logged in
Your Amazon.com [v] Today’s Deals [v] Gifts & Wish Lists [v] Gift Cards [v] Your Account | Help
20 – Initial State
Cookie on machine IDs user
User not logged in
!"#$%&&'(& !"#$%&&'() !"#$%&&'(*
!"#$%&&'(+ !"#$%&&'() !"#$%&&'(*!"#$%&&'((1 2
!"#$%&&'(+ !"#$%&&'() !"#$%&&'(*!"#$%&&'((
1
2
,-./0./0100213.415.62170-8198:0;-.<-0
<6251.2/017705-80=8:/6217.>890<6258250
?6:05-80<@::8250@/8:'0
!"#$%&'(&)*
+),-."/*01" A8:/6217.>890213.415.62
!"#$%&&'B)+),-."/2!
Specifications for HOME100.32
Your Account Link
1
Page 6 of 7
With kind permission by Nick Iozzo.
oad.humansize.com
![Page 45: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/45.jpg)
Unify
With kind permission by Nathan Curtis.
Nathan Curtis: Modular Web Design (New Riders, t.b.a.)unify.eightshapes.com
![Page 46: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/46.jpg)
Welche Informationen benötige ich?
![Page 47: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/47.jpg)
Welche Informationen benötige ich?
• Habe ich alle Informationen, um loslegen zu können?• Welche Informationen fehlen mir?• Wer kann mir diese Informationen geben?
![Page 48: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/48.jpg)
Gibt es Beispiele?
![Page 49: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/49.jpg)
Gibt es Beispiele?
• Vorlagen• Deliverables aus alten Projekten• Mit Kollegen die Vorgehensweise beraten• Literatur
![Page 50: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/50.jpg)
Loslegen!
![Page 51: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/51.jpg)
![Page 52: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/52.jpg)
![Page 53: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/53.jpg)
Überarbeiten
![Page 54: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/54.jpg)
Fazit
![Page 55: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/55.jpg)
Fazit
• Hauptzweck für das Dokument überlegen- Verstehen- Kommunizieren- Produktion vorbereiten und begleiten- Dokumentieren
• Umfang und Inhalt von Dokumenten an die Zielgruppe anpassen
• Brauche ich überhaupt ein Dokument?
• Viele Wege führen nach Rom: Es gibt nicht den einen Weg, um eine Aufgabe zu lösen – nutzen Sie das, was in der Situation sinnvoll ist
![Page 56: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/56.jpg)
Das Wichtigste ...
![Page 57: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/57.jpg)
Das Wichtigste ...
Auszug aus einem Briefing• Zielgruppe: Vertriebsmitarbeiter Nutzfahrzeuge
• Kommunikationsschwerpunkte: Stärkung der internen Kommunikation, Web 2.0
• Schaffung eines Community-Portals mit Incentive-Charakter
• Verbesserung der Kommunikation, Identifikation mit dem Unternehmen, Vertrieb der Nutzfahrzeuge
![Page 58: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/58.jpg)
Das Wichtigste ...
Nicht mit der Lösung anfangen, sondern erst das Problem verstehen!
Auszug aus einem Briefing• Zielgruppe: Vertriebsmitarbeiter Nutzfahrzeuge
• Kommunikationsschwerpunkte: Stärkung der internen Kommunikation, Web 2.0
• Schaffung eines Community-Portals mit Incentive-Charakter
• Verbesserung der Kommunikation, Identifikation mit dem Unternehmen, Vertrieb der Nutzfahrzeuge
![Page 59: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/59.jpg)
Lektüre für die Reise
![Page 60: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/60.jpg)
![Page 61: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/61.jpg)
![Page 62: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/62.jpg)
![Page 63: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/63.jpg)
![Page 64: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/64.jpg)
wireframes.linowski.ca
![Page 66: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/66.jpg)
Credits
![Page 67: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/67.jpg)
Review• Anna Buß
Credits
Deliverables
Content Audit Stefan Freimark
Mental Model Indi Young – used with kind permission
Process Flow (Usage Lifecycle) Joshua Porter – used with kind permission
User Journey & Swimlane Stefan FreimarkStencils:• boxesandarrows.com/view/comics-not-just-for• graffletopia.com/stencils/128
Zentraldokument Stefan Freimark
Screen List Stefan Freimark
Projektdefinition Stefan Freimark
OAD Nick Iozzo – used with kind permission
Unify (IA Summit 2009 Poster) Nathan Curtis – used with kind permission
![Page 68: Viele Wege führen nach Rom (nur Folien)](https://reader033.fdocuments.net/reader033/viewer/2022051513/547dae0db4af9fa0158b545d/html5/thumbnails/68.jpg)
Fotos
• Titelbild: David Iliffde.wikipedia.org/w/index.php?title=Datei:Colosseum_in_Rome,_Italy_-_April_2007.jpg
• BMW Welt: Stefan Freimark ©• Graffiti: Stefan Freimark• Zielgruppe Kunde: istockphoto.com, ID 7763242 ©• Zielgruppe Grafik: istockphoto.com, ID 4087682 ©• Zielgruppe Technik: istockphoto.com, ID 5305920 ©• Deliverables: Stefan Freimark
Buchcover• Communicating Design: Peachpit ©• Designing for the Digital Age: Wiley ©• Mental Models: Rosenfeld Media ©• Making things happen: O‘Reilly ©
Screenshots• Wireframes Magazine: Jakub Linowski ©
Bildnachweis