mobile website der stadt zürich - blick hinter die kulissen
DESCRIPTION
Ein Blick in den Enstehungsprozess des mobilen Webangebotes der Stadt Zürich: http://m.stadt-zuerich.ch und http://m.ewz.ch. Das Vorgehen für die Konzeption war stark auf die Arbeit mit Prototypen abgestützt. In sehr kurzen Iterationen -- teilweise gab es mehrere Prototypen pro Tag -- wurde das neue Angebot gemeinsam entwickelt und sofort in einem realen Umfeld getestet. Zusätzlich wurde einer grossen Gruppe von interessierten Personen über das Instrument des "Walk-In Labs" frühzeitig Zugang zum Arbeitsstand gegeben und wertvolles Feedback eingeholt. Willkommen in der typographischen Tradition der Stadt Zürich.TRANSCRIPT
![Page 1: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/1.jpg)
Stadt Zürich. Spass.Mobile Website. Prototyping. Namics.
Christina Stücheli. Informationsbeauftragte des Stadtrates.Raphael Stump. Senior Interaction Designer.
28. März 2012.
![Page 2: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/2.jpg)
2 Fachtagung. Börse. Mobile. Namics.
Agenda. Aufgabenstellung.Antwort. Vorgehen.Vorschau.
![Page 3: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/3.jpg)
Aufgabenstellung.
VISION.
![Page 4: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/4.jpg)
4 Fachtagung. Börse. Mobile. Namics.
Partner.Stadt Zürich.
![Page 5: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/5.jpg)
5 Fachtagung. Börse. Mobile. Namics.
Hintergrund. Zürich wird positioniert als starker internationaler Standort für IT-Dienstleistungen und IT-Infrastruktur.
![Page 6: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/6.jpg)
6 Fachtagung. Börse. Mobile. Namics.
Massnahmen. Informationskonzept für mobile Endgeräte auf- und ausbauen.
![Page 7: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/7.jpg)
7 Fachtagung. Börse. Mobile. Namics.
Aufgabenstellung. Mobile Strategie.Mobile Website Stadt Zürich.Architektur und Content.
![Page 8: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/8.jpg)
8 Fachtagung. Börse. Mobile. Namics.
Aufgabenstellung. Mobile Strategie.Mobile Website Stadt Zürich.Architektur und Content.
![Page 9: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/9.jpg)
9
Heute.
![Page 10: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/10.jpg)
10 Fachtagung. Börse. Mobile. Namics.
Herausforderungen.
![Page 11: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/11.jpg)
11 Fachtagung. Börse. Mobile. Namics.
Vision.Strukturdenken.Nutzerzentriert.Beispielhaft.Innovativ.
![Page 12: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/12.jpg)
Antwort.
GRAPHICDESIGN.
![Page 13: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/13.jpg)
13 Fachtagung. Börse. Mobile. Namics.
Voilà.
![Page 14: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/14.jpg)
14 Fachtagung. Börse. Mobile. Namics.
Typisch Zürich.
![Page 15: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/15.jpg)
15 Fachtagung. Börse. Mobile. Namics.
Steueramt.
![Page 16: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/16.jpg)
16 Fachtagung. Börse. Mobile. Namics.
Parkieren.
![Page 17: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/17.jpg)
17 Fachtagung. Börse. Mobile. Namics.
Seitwärts parkieren.
![Page 18: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/18.jpg)
18 Fachtagung. Börse. Mobile. Namics.
ÖV.
![Page 19: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/19.jpg)
19 Fachtagung. Börse. Mobile. Namics.
ÖV.
![Page 20: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/20.jpg)
20 Fachtagung. Börse. Mobile. Namics.
![Page 21: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/21.jpg)
21 Fachtagung. Börse. Mobile. Namics.
Bookmarking.
Abfall /Entsorgung
StadtZürich
Freizeit
![Page 22: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/22.jpg)
22 Fachtagung. Börse. Mobile. Namics.
Bookmark City.
![Page 23: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/23.jpg)
23 Fachtagung. Börse. Mobile. Namics.
Graphic Design.Typisch Zürich.Konsequent.Einzigartig.Stilsicher.Mobile.
![Page 24: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/24.jpg)
Vorgehen.
PROTOTYPING.
![Page 25: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/25.jpg)
25 Fachtagung. Börse. Mobile. Namics.
Ideation.
![Page 26: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/26.jpg)
26 Fachtagung. Börse. Mobile. Namics.
Listen. Fertig.
![Page 27: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/27.jpg)
27 Fachtagung. Börse. Mobile. Namics.
Tastatur ist doof.
![Page 28: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/28.jpg)
28 Fachtagung. Börse. Mobile. Namics.
Ich bin ein Telefon.
![Page 29: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/29.jpg)
29 Fachtagung. Börse. Mobile. Namics.
Ideation.
![Page 30: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/30.jpg)
30 Fachtagung. Börse. Mobile. Namics.
Züritütsch.
![Page 31: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/31.jpg)
Bookmarks.
![Page 32: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/32.jpg)
32 Fachtagung. Börse. Mobile. Namics.
Alles Abgedeckt.
![Page 33: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/33.jpg)
33 Fachtagung. Börse. Mobile. Namics.
Alles Abgedeckt.
Frustration.
![Page 34: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/34.jpg)
34 Fachtagung. Börse. Mobile. Namics.
...
![Page 35: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/35.jpg)
35 Fachtagung. Börse. Mobile. Namics.
Inspiration.
![Page 36: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/36.jpg)
36 Fachtagung. Börse. Mobile. Namics.
Grosse Klappe.
![Page 37: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/37.jpg)
37 Fachtagung. Börse. Mobile. Namics.
Aha!
![Page 38: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/38.jpg)
38 Fachtagung. Börse. Mobile. Namics.
Accessibility + Style
![Page 39: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/39.jpg)
39 Fachtagung. Börse. Mobile. Namics.
= Spass.
![Page 40: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/40.jpg)
40 Fachtagung. Börse. Mobile. Namics.
Schulterblick.
![Page 41: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/41.jpg)
41 Fachtagung. Börse. Mobile. Namics.
Walkin Lab.
![Page 42: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/42.jpg)
42 Fachtagung. Börse. Mobile. Namics.
Prozess.
![Page 43: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/43.jpg)
43 Fachtagung. Börse. Mobile. Namics.
Prototype 33.
![Page 44: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/44.jpg)
44 Fachtagung. Börse. Mobile. Namics.
Abfall / Entsorgung.
![Page 45: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/45.jpg)
45 Fachtagung. Börse. Mobile. Namics.
![Page 46: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/46.jpg)
46 Fachtagung. Börse. Mobile. Namics.
Moods.
![Page 47: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/47.jpg)
47
Vorgabe.
![Page 48: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/48.jpg)
48 Fachtagung. Börse. Mobile. Namics.
Inspiration.
![Page 49: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/49.jpg)
49 Fachtagung. Börse. Mobile. Namics.
Reduktion.
![Page 50: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/50.jpg)
50 Fachtagung. Börse. Mobile. Namics.
Übersetzung.
![Page 51: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/51.jpg)
51 Fachtagung. Börse. Mobile. Namics.
Finales Design.
![Page 52: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/52.jpg)
52 Fachtagung. Börse. Mobile. Namics.
Prototyping.Zuhören.Beobachten.Ausprobieren.Scheitern.Loslassen.Spielen.
![Page 53: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/53.jpg)
Vorschau.
HTML.
![Page 55: Mobile Website der Stadt Zürich - Blick hinter die Kulissen](https://reader034.vdocuments.pub/reader034/viewer/2022042614/555e8cd0d8b42abd468b5734/html5/thumbnails/55.jpg)