Jetzt anmelden zu dem kostenlosem und spannendem Webinar am 06/11: http://www.kuehlhaus.com/event-Mobile-7.html Spätestens seit der Einführung des iPhone wird das Mobile Web in Führungsebenen sowie Marketingeinheiten heftig diskutiert. In Zeiten von Smartphones und Apps ergeben sich viele neue Handlungsfelder und kreative Möglichkeiten.

1. Mobile Design
Nur wer den Trend versteht, kann zielgerichtet handeln!
Christian Becker, Senior Information Architect kuehlhaus AG

2. „ MOBILE
WEB…
IST DAS WIRKLICH
EIN THEMA FÜR
UNTERNEHMEN?!

3. INTERNET JA!
2,095,006,005
INTERNETNUTZER IN DER WELT
~ 30% DER WELTBEVÖLKERUNG
Quelle: http://internetworldstats.com/

4. MOBILE?!
5,981,000,000
GERÄTEANSCHLÜSSE
WELTWEIT
~ 85% DER WELTBEVÖLKERUNG
Quelle:http://www.itu.int/

5. MOBILE?!
940,000,000
NUTZUNG VON 3G SERVICES
~ 20% DER MOBILTELEFONE SIND WWW READY
~ CA. 50% DER INTERNETNUTZER
Quelle:http://www.itu.int/

6. Ist zu Hause und telefoniert mit seiner Mutter
…Randerscheinungen & Exoten!
Quelle: http://www.flickr.com/photos/philliecasablanca/2070476239/

7. Mobile ist DAS Thema 2012!
Überprüft die
Spielt aktuellen
Online-Games Aktienkurse
Hat gerade eine E-Mail von
Ihrem Arbeitgeber bekommen Fotografiert und
veröffentlicht Quelle: http://www.flickr.com/photos/udono/4391951806//
im Social Web

8. „ MOBILE
WEB…
IST EIN THEMA UND WIRD
IN ZUKUNFT WEITER AN
STELLENWERT
GEWINNEN!

9. WAS ZEICHNET MOBILE AUS?!

10. Fokussierte Nutzer
Komfortable Umgebung
Viele Eingabemöglichkeiten
Mobil ≠ Desktop
Unbegrenzt Strom und Internet Quelle: http://www.flickr.com/photos/fuzzcat/22019163

11. Kontext: Laut, leise? Wo?
Unterschiedliche Eingabemöglichkeiten
Nutzung extrem durch Zeit- und Gewohnheit getrieben: Kleine Displays
1. Dringend (Brauche schnell etwas)
2. Gelangweilt (Brauche Unterhaltung)
3. Wiederholend (Suche soziale Interkation)
Diversität der Endgeräte
Diffuse, partielle Aufmerksamkeit
Quelle: http://www.flickr.com/photos/trustypics/4585106322/

12. NUTZER HABEN
UNTERSCHIEDLICHE:
ZIELE/AUFGABEN,
ANFORDERUNGEN
&
KONTEXTE!

13. Ein gutes Beispiel, die Bahn…
Quelle: http://www.flickr.com/photos/oberau-online/2527572966/

15. Quelle: http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
Mobile ≠ iPhone App!

16. NEUE NATÜRLICHE
INTERAKTIONS-
FORMEN

17. Natürliche Interaktion: nicht GUI sondern NUI
Soziale Interaktion
Sprache als Eingabemedium
Bewegung als Eingabemedium
Touch, Gesten,
Direkt Manipulation
Quelle: http://www.flickr.com/photos/emersunn/4620261477/

18. MEHR
MÖGLICHKEITEN

19. Location-based Services
Quelle: http://www.flickr.com/photos/garyhayes/5240005611/

20. Foto, Video und Audio
Video Kamera
Sprach Aufnahme Video Ausgabe
Sound Ausgabe
Quelle: http://www.flickr.com/photos/mr-brown/10820866/

21. „Na das muss ich René mal schicken…“
Social Sharing: Freund und Kollegen immer dabei!
Quelle: http://www.flickr.com/photos/shekharsahu/4593021169/

22. Augmented Reality: Verschmelzung der digitalen und realen Welt
„Ah das meinen die damit!“
Quelle: http://www.flickr.com/photos/violala/5086804386/

23. „Wenn Sie schon hier sind,
haben sie schon daran gedacht?“
Von der passiven zur aktiven Kommunikation!
Vom Monolog zum Dialog!
Quelle: http://www.flickr.com/photos/epitti/2565572445/

24. WENIGER
MÖGLICHKEITEN

25. BANDBREITE,
NETZABDECKUNG,
FLASH, EFFEKTE, PLATZ…
Quelle:Flickr, Shadows, TheArtificer

26. MOBILE = PARETO
80:20 REGEL
Quelle:Flickr, Schwester,Schere , carhartl

27. MOBILE IST
PERSÖNLICH!

28. Persönliche Erweiterung: Unterschiedliche Geräte,
unterschiedliche Apps, Unterschiedliche Anwendungsfälle…
Quelle: http://www.flickr.com/photos/mytikkashop/5423256142/

29. UND IMMER BEDENKEN…
CONTEXT IS KING!

30. MOBILE DESIGN
BEDEUTET DESIGNING…

31. ... die nicht!
...Services…
Checkt gerade mobil ein..
Quelle: http://www.flickr.com/photos/buhsnarf/345826015/

32. …Entertainment…
Quelle: http://www.flickr.com/photos/didmyself/5451726072/

33. …soziale Interaktion!
Seins!
Meins!
Quelle: http://www.flickr.com/photos/erwyn/1065039124/

34. WIE GEHEN MAN
ZIELGERICHTET AN
DIE SACHE?!

35. Vorgehensmodell in Projekten
01 02 03 04
Strategie Struktur Aufbau Oberfläche
Abstimmung mit Test und Optimierung mit Test und Optimierung mit Test und Optimierung mit
Marketing, Vertrieb ,Technik Endanwender, Anbieter Endanwender, Anbieter Endanwender, Anbieter

36. Kompetenz und Methodik
01 02 03 04
Strategie Struktur Aufbau Oberfläche
Abstimmung mit Test und Optimierung mit Test und Optimierung mit Test und Optimierung mit
Marketing, Vertrieb ,Technik Endanwender, Anbieter Endanwender, Anbieter Endanwender, Anbieter
Workshops Workshops Konzeption Interaction-Design
Strategie-Beratung Interviews Wireframing Interface-Design
Interviews Cardsorting Prototyping Interaction-Guidelines
Feldstudien Online-Cardsorting Usability-Test Text-Design
Anforderungsanalyse Experten-Gutachten User Experience Test Icon-Design
Mental Models Prozess-Modelling UX Index Eyetracking

37. Mobile User-Experience Test von kuehlhaus
Darstellung des iPhone Screens Probandenkamera 1 (Frontal)
und der Touchpoints
Probandenkamera 2
(Umgebung)

38. MOBILE KANN SOGAR KOSTEN
SPAREN:
RESPONSIVE
DESIGN

39. Skalierung und Anpassung des Angebots
Beispiele:
http://designmodo.com/responsive-design-examples/

40. THINK MOBILE
(FIRST)!

41. kuehlhaus AG
N7 5-6
D-68161 Mannheim
Christian Becker
Senior Information Architect
Telefon +49.621.496083-0
E-Mail info@kuehlhaus.com
Internet www.kuehlhaus.com
Die Inhalte dieser Präsentation sind das geistige Eigentum unseres
Unternehmens. Jede weitere Verwendung sowie Weitergabe an Dritte im
Original, als Kopie, in Auszügen, elektronischer Form oder durch
inhaltsähnliche Darstellung bedürfen der Zustimmung der kuehlhaus AG.