Download - «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation
![Page 1: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/1.jpg)
«Mobile Design Thinking»
Johann Richard
Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation
IA Konferenz 2010, Köln, 15.5.2010
![Page 2: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/2.jpg)
© Unic AG - Seite 2
―The essence of a knowledge society is
mobility in terms of where one lives, mobility
in terms of what one does, mobility in
terms of one's affiliation.‖
Peter Drucker, ca. 1969
![Page 3: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/3.jpg)
© Unic AG - Seite 3
120%Mobile Durchdringung Weltweit. Babies und Kinder mit eingerechnet.
![Page 4: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/4.jpg)
Ambivalenz im Innovations-KontinuumDas (Der?) Design Thinking Framework
![Page 5: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/5.jpg)
© Unic AG - Seite 5
«Design Thinking» (Die Grundprinzipien)
› Desirability – Design Thinking schafft
Benutzerzentrierte Lösungen welche auf
Wünsche und Bedürfnisse eingehen
› Viability – Design Thinking generiert
wirtschaftlich sinnvolle, tragbare und
erfolgreiche Produkte
› Feasibility – Design Thinking orientiert
sich am technisch Machbaren und
schafft somit umsetzbare Lösungen
Das (Der?) Design Thinking Framework
Quelle: Tim Brown, IDEO
![Page 6: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/6.jpg)
© Unic AG - Seite 6
Zwischenfrage: «Ist das nicht alter Wein in neuen Schläuchen?!»
User Experience Design (UXD) orientiert
sich tatsächlich an ähnlichen Achsen:
Design – Was das Produkt für den
Benutzer attraktiv macht
Economy – Der wirtschaftliche Nutzen
des Produkts
Technology – Die Technologie, welche
das Produkt erst möglich macht
Das (Der?) Design Thinking Framework
Quelle: iA Japan, The Spectrum of User Experience
![Page 7: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/7.jpg)
© Unic AG - Seite 7
Es ist nichts Neues unter der Sonne. ;-)
Ein weiser Mensch
![Page 8: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/8.jpg)
© Unic AG - Seite 8
Das Schulbuch-Vorgehen
Inspiration – Sich einlassen auf die
Problemstellung. Den Benutzer richtig gut
kennenlernen. Zum Beispiel mit
Personas. Aber auch reell: Eintauchen!
Ideation – Die wilde Ideenphase. Mit viel
Kreativität. Und vielen, vielen Prototypen.
Als Denkwerkzeuge. Nicht als
Lieferobjekte!
Implementation – Etwas bauen. Testen
und anpassen. Auch Vermarkten. Und
dann wieder von vorne beginnen.
«Design Thinking» Prozess
Quelle: IDEO / Harvard Business Review
![Page 9: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/9.jpg)
Die Denk-Grenzen sprengenIn komplexen Systemen denken
![Page 10: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/10.jpg)
Eine gemeinsame Vision entwickelnGrundlage für erfolgreiches Denken in Systemen
![Page 11: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/11.jpg)
Eintauchen im RaumDie notwendige Umgebung schaffen
![Page 12: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/12.jpg)
© Unic AG - Seite 12
―To be creative, a place does not have to be
crazy, kooky, and located in northern
California. What is a prerequisite is an
environment—social but also spatial—in
which people know they can experiment,
take risks, and explore the full range of their
faculties.‖– Tim Brown, IDEO
![Page 13: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/13.jpg)
ProjekträumeIdeen brauchen Platz. Viel Platz.
![Page 14: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/14.jpg)
Stickies! Kritzeln! Zeichnen! Malen! Schreiben!3M wird‘s uns danken
![Page 15: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/15.jpg)
Print-outsDenkwerkzeuge für kreative Diskussionen
![Page 16: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/16.jpg)
© Unic AG - Seite 16
Und so sieht das ganze am Schluss dann vielleicht aus … «Design Thinking» Prozess
Quelle: Damien Newman, «Design Squiggle»
Methoden «Struktur»
Prinzipien
Vorgehensweise
(End)Produkt
![Page 17: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/17.jpg)
© Unic AG - Seite 17
Und was ist jetzt mit «Mobile»?
![Page 18: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/18.jpg)
`Raus aus der IA-KomfortzoneDie Essenz von «Mobile Design Thinking»
![Page 19: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/19.jpg)
© Unic AG - Seite 19
› Mobile ist das erste persönliche
Medium
› Mobile ist das ständig mitgeführte
Medium
› Mobile ist das einzige «always-on»
Medium
Was «Mobile» (oder Mobilität) so speziell macht)
› Mobile ist das einzige Medium mit
einem eingebauten
Bezahlmechanismus
› Mobile ist das einzige Medium welches
jederzeit für kreative Inspiration zur
Verfügung steht
› Mobile ist das einzige Medium mit
genauer Kenntnis der Zielperson
› Nur Mobile kann den sozialen Kontext
meines Konsums erfassen
Die Essenz von «Mobile Design Thinking»
Quelle: Tomi Ahonen, Deeper insights into the 7th Mass Media channel
![Page 20: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/20.jpg)
Zwei zentrale Konzepte für‗s mobile WebDesign Thinking und «Mobile» in der Praxis
![Page 21: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/21.jpg)
© Unic AG - Seite 21
«Repetitive Now»
… ruft immer
wieder dieselben
Informationen ab
– Börsendaten, das
Wetter, den
Kontostand .
3 Nutzergruppen mobiler Angebote
«Bored Now»
… hat gerade Zeit
und entscheidet sich
«aus dem Moment»
heraus, ein mobiles
Angebot zu nutzen –
beispielsweise zu
einer Kampagne.
«Urgent Now»
… hat ein akutes
Informationsbedürfnis
und sucht gezielt über
den mobilen Kanal nach
lokalen Informationen
und Angeboten –
beispielsweise ein
Gebäude, Freunde oder
Verkehrsinformationen.
Design Thinking und «Mobile» in der Praxis
Quelle: Stephen Wellman, Google Lays Out Its Mobile User Experience Strategy
![Page 22: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/22.jpg)
Das Prinzip «Raum»Design Thinking und der richtige Kontext! (Und das ist nicht nur für das Buzzword Bingo)
![Page 23: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/23.jpg)
© Unic AG - Seite 23
«Kontext», etwas ausführlicherWiederum zentral: Der Systemgedanke
Wer begleitet
mich?
Der soziale
Kontext
Woher komme
ich?
Durchlässigkeit
der Information Wer bin ich?
Repetitive Now
Bored Now
Urgent Now
Wo befinde ich
mich?
Geographische
und Inhaltliche
Position
Wohin will ich?
Ziel und Zweck
![Page 24: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/24.jpg)
© Unic AG - Seite 24
«Eine Geschichte ist die kürzeste Distanz
zwischen zwei Menschen.»
Terrence Gargiulo
![Page 25: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/25.jpg)
Das mobile Web als soziales ZentrumSozialer Kontext des «Mobile Web»
![Page 26: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/26.jpg)
Was ich schon weiss. Und was ich wissen möchte.Inhaltlicher Kontext des «Mobile Web»
![Page 27: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/27.jpg)
© Unic AG - Seite 27
Das Internet ist dort, wo ich gerade binInhaltlicher Kontext
![Page 28: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/28.jpg)
Woher ich komme. Wo ich bin. Wohin ich gehe.Geographischer Kontext des «Mobile Web»
![Page 29: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/29.jpg)
© Unic AG - Seite 29
Alles schön und gut.
Aber: wie könnte das praktisch aussehen?
![Page 30: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/30.jpg)
Ein konkretes BeispielAbfahrtstafeln und Verkehrslage im Bahnverkehr
![Page 31: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/31.jpg)
© Unic AG - Seite 31
Woher komme ich?
Unterwegs zum Bahnhof,
mit der Abfahrtszeit und
dem Ziel im Kopf, welche
ich auf der Website in
Erfahrung brachte.
Der System-Kontext: Meine Reise mit dem Zug
Wo befinde ich mich?
Kurz vor, oder am Bahnhof.
Mit wenig Zeit. Und
meinem Endziel im Kopf.
Aber sicher nicht mit einer
Zugnummer.
Wohin will ich?
Auf meinen Zug. Und mich
bewegt die Frage: auf
welchem Gleis fährt er?
(Und: Ist er pünktlich?)
Ein einfaches Beispiel für Mobile Design Thinking
Woher komme
ich?
Durchlässigkeit
der Information
Wo befinde ich
mich?
Geographische
und Inhaltliche
Position
Wohin will ich?
Ziel und Zweck
![Page 32: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/32.jpg)
Was ist mein «soziales Objekt»? Das Problem im Ökosystem Bahn – Warum die Zugnummer nicht die Lösung ist
![Page 33: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/33.jpg)
© Unic AG - Seite 33
Vom «Hier und Jetzt» zur Zugsverbindung. Nicht umgekehrt.Ein einfaches Beispiel für Mobile Design Thinking
![Page 34: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/34.jpg)
Die ZukunftEin paar Themen, näher beleuchtet
![Page 35: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/35.jpg)
Natural User InterfacesTouch!
![Page 36: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/36.jpg)
© Unic AG - Seite 36
Verkaufte Touch-fähige Mobiltelefone. Pro Tag.
190‗000Quelle: Luke Wroblewski, Why Care About Touch Interfaces?
![Page 37: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/37.jpg)
Networked DevicesInternet of Things und komplexe Netzwerke mobiler Geräte
![Page 38: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/38.jpg)
© Unic AG - Seite 38
Und so landen wir schliesslich beim Service Design
Quelle: Rachel Shadoan, Flickr, http://www.flickr.com/photos/rachelshadoan/4171746951/
![Page 39: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/39.jpg)
«Aber es war doch so schön kuschelig hier»Hindernisse für erfolgreiches Design Thinking
![Page 40: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/40.jpg)
Die TechnologieHindernisse für Mobile Design Thinking
![Page 41: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/41.jpg)
Der KundeHindernisse für Design Thinking
![Page 42: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/42.jpg)
Wir selbstHindernisse für Design Thinking
![Page 43: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/43.jpg)
Mobile Design ThinkingZeit, die IA-Komfortzone zu verlassen
![Page 44: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/44.jpg)
© Unic AG - Seite 44
… wirtschaftlich
erfolgreiche,
wünschenswerte und
technisch machbare
Lösungen,
«Mobile Design Thinking» heisst …
… entwickelt in einem
kreativen, iterativen
Prozess (als Denkwerzeug)
der die Grenzen sprengt
und Systeme neu erdenkt
… um die Mobilität der
Benutzer mit ihren
spezifischen
Bedürfnissen
im richtigen
Kontext zu
adressieren.
Zeit, die IA-Komfortzone zu verlassen
![Page 45: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/45.jpg)
© Unic AG - Seite 45
Freedom is taken. Not granted.(Mit Empathie und Begeisterung. Und mit Herz und Verstand)
![Page 46: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/46.jpg)
Eigerstrasse 60
CH-3007 Bern
Tel +41 31 560 12 12
Fax +41 31 560 12 13
www.unic.com
Unic AG
© Unic AG - Seite 46
Johann Richard
Design Technologist, Q
Twitter: @johannrichard
http://ch.linkedin.com/in/johannrichard
http://xing.com/profile/Johann_Richard
http://delicious.com/johann.richard
![Page 47: «Mobile Design Thinking» – Erfolgreiches «Mobile Web» zwischen Hype und echter Innovation](https://reader034.vdocument.in/reader034/viewer/2022051612/54c31fc84a7959397c8b45be/html5/thumbnails/47.jpg)
© Unic AG - Seite 47
› Titel: aboutpixel.de Handytastatur © Dominik
Sellmann
› Slide 4: Darren Allen, sxc.hu
› Slide 9: Manun, photocase.com
› Slide 10: NASA
› Slide 11, 13,14, 15: d.school / flickr.com
› Slide 18: Toniboni / photocase.com
› Slide 20: Hennimac / photocase.com
› Slide 22: iStockphoto
› Slide 25: Nokia
› Slide 26: aboutpixel.de lost in nature1 © johnny
be_good
Bildquellen
› Slide 28: Aram Bartholl /
http://www.datenform.de/mapeng.html
› Slide 32: Schweizerische Bundesbahnen (SBB)
› Slide 34: DaniloT / photocase.com
› Slide 35: aboutpixel.de / Meins 2 © Martin
Wimmer
› Slide 37: tac6 / photocase.com
› Slide 39: jayboo / photocase.com
› Slide 40: Apple
› Slide 41: neelz / photocase.com
› Slide 42: ergonoMedia / photocase.com
› Slide 43: Toniboni / photocase.com
› Restliche Bilder: Eigene / Siehe Bildvermerk