Mobile First - Kommunikationsdesign für den Markt der Zukunft

119
MOBILE FIRST!KOMMUNIKATIONSDESIGN FÜR DEN MARKT DER ZUKUNFT HAMBURG 10. & 11.05.2011 DESIGN FACTORY & KUNSTSCHULE WANDSBEK MARTIN SPITZENBERG LASSE LÜDERS

description

Am 10. & 11.05.2011 gaben Martin Spitzenberg (Geschäftsführer, Appmotion) und Lasse Lüders (Innovation Lab, SinnerSchrader) unter dem Titel "Mobile First - Kommunikationsdesign für den Markt der Zukunft" den Studenten der Design Factory Hamburg sowie der Kunstschule Wandsbek einen exklusiven Einblick in den Markt von Morgen. Der Vortrag zeigt an Hand von Beispielen neue Trends und gibt Tipps für gelungenes Design von morgen. Wir wünschen viel Spaß!

Transcript of Mobile First - Kommunikationsdesign für den Markt der Zukunft

Page 1: Mobile First - Kommunikationsdesign für den Markt der Zukunft

„MOBILE FIRST!“KOMMUNIKAT IONSDES IGN FÜR DEN MARK T DER ZUKUNFT

HAMBURG 10. & 11.05.2011

DESIGN FACTORY &KUNSTSCHULE WANDSBEK

MARTIN SPITZENBERGLASSE LÜDERS

Page 2: Mobile First - Kommunikationsdesign für den Markt der Zukunft

Martin Spitzenberg,CEO von Appmotion

Lasse Lüders,Innovation Lab vonSinnerSchrader

Entwicklung innovativer digitaler Projekte und neuer Produkte.

Entwicklung und Vermarktung mobiler Software für Smartphones.

Page 3: Mobile First - Kommunikationsdesign für den Markt der Zukunft

W A S I S T

M O B I L E ?

Page 4: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WIR HABEN UNS VIELEGEDANKEN ZUR DEFINITION GEMACHT...

Page 5: Mobile First - Kommunikationsdesign für den Markt der Zukunft

Als "Mobile" bezeichnet man alle transportablen, mit mobilen Energiespeichern versehenen, Geräte, die nicht ständig, aber ab und an, über den Zugang zum Internet verfügen und seinen Nutzer zu jeder Zeit und ortsunabhängig über soziale Aktivitäten informieren und ihn mit diesen interagieren lassen können. Lorem Ipsum...

DEFINITION

Page 6: Mobile First - Kommunikationsdesign für den Markt der Zukunft
Page 7: Mobile First - Kommunikationsdesign für den Markt der Zukunft

DINGMIT INTERNETS.

JEDES TRANSPORTABLE

Page 8: Mobile First - Kommunikationsdesign für den Markt der Zukunft
Page 9: Mobile First - Kommunikationsdesign für den Markt der Zukunft
Page 10: Mobile First - Kommunikationsdesign für den Markt der Zukunft
Page 11: Mobile First - Kommunikationsdesign für den Markt der Zukunft
Page 12: Mobile First - Kommunikationsdesign für den Markt der Zukunft
Page 13: Mobile First - Kommunikationsdesign für den Markt der Zukunft

2007

DIE EVOLUTION DES MOBILTELEFONS

1973

Photo: http://www.kylebean.co.uk/portfolio/#mobileevolution

Page 14: Mobile First - Kommunikationsdesign für den Markt der Zukunft

2007

DIE EVOLUTION DES MOBILTELEFONS

1973

MOTOROLA DynaTAC 8000X

KANN TELEFONIE,

KNAPP 30 CM HOCH,

4 KG SCHWER

UND $19.300 TEUER!

MODU PHONE (2010)

KANN TELEFONIE, SMS, MP3 PLAYER, OLED SCREEN UND BLUETOOTH

7 CM HOCH,

43 GR LEICHT

UND $200 GÜNSTIG!

Photo: http://www.kylebean.co.uk/portfolio/#mobileevolution

Page 15: Mobile First - Kommunikationsdesign für den Markt der Zukunft

GERÄTE KLEINER, MÖGLICHKEITEN GRÖSSER!

SMS WAPTELEFONIE MMS APPS

Photo: http://www.kylebean.co.uk/portfolio/#mobileevolution

Page 16: Mobile First - Kommunikationsdesign für den Markt der Zukunft

Video: Fabian Hemmert: The shape-shifting future of the mobile phone on http://www.ted.com

UND DAS MOBILTELEFON VON MORGEN?

Page 18: Mobile First - Kommunikationsdesign für den Markt der Zukunft

AH!FAKTEN

Page 20: Mobile First - Kommunikationsdesign für den Markt der Zukunft

6,8 MRD.MENSCHEN LEBEN AUF DER ERDE.

Source: http://www.itu.int

Page 22: Mobile First - Kommunikationsdesign für den Markt der Zukunft

4,6 MRD.MENSCHEN BESITZEN EIN MOBILTELEFON.

Source: http://www.itu.int

Page 23: Mobile First - Kommunikationsdesign für den Markt der Zukunft

1,3 MRD.Source: http://www.internetworldstats,com

Page 24: Mobile First - Kommunikationsdesign für den Markt der Zukunft

1,3 MRD.MOBILE INTERNET USER.

Source: http://www.internetworldstats,com

Page 26: Mobile First - Kommunikationsdesign für den Markt der Zukunft

JEDES 4.MOBILTELEFON IST EIN SMARTPHONE.

Source: http://www.itu.int

Page 28: Mobile First - Kommunikationsdesign für den Markt der Zukunft

2014

WIRD MOBILE INTERNET HÄUFIGER ALS DESKTOP INTERNET GENUTZT WERDEN.

Source: http://gigaom.com/2010/04/12/mary-meeker-mobile-internet-will-soon-overtake-fixed-internet/

Page 29: Mobile First - Kommunikationsdesign für den Markt der Zukunft

OH!FAKTEN

Page 30: Mobile First - Kommunikationsdesign für den Markt der Zukunft

85%Source: Video: The Growth of Mobile: Stats and figures that will shock you! by Sybase Inc.

Page 31: Mobile First - Kommunikationsdesign für den Markt der Zukunft

85%DER US-TEENS BESITZEN EIN MOBILTELEFON.

Source: Video: The Growth of Mobile: Stats and figures that will shock you! by Sybase Inc.

Page 32: Mobile First - Kommunikationsdesign für den Markt der Zukunft

3.339Source: http://blog.nielsen.com/nielsenwire/online_mobile/u-s-teen-mobile-report-calling-yesterday-texting-today-using-apps-tomorrow/

Page 33: Mobile First - Kommunikationsdesign für den Markt der Zukunft

3.339SMS VERSCHICKEN SIE IM MONAT!

Source: http://blog.nielsen.com/nielsenwire/online_mobile/u-s-teen-mobile-report-calling-yesterday-texting-today-using-apps-tomorrow/

Page 35: Mobile First - Kommunikationsdesign für den Markt der Zukunft

39%BENUTZEN IHR SMARTPHONE AUF TOILETTE!

Source: http://googlemobileads.blogspot.com/2011/04/smartphone-user-study-shows-mobile.html

Page 39: Mobile First - Kommunikationsdesign für den Markt der Zukunft

MOBILE IST EIN FESTER BESTANDTEIL UNSERES LEBENS GEWORDEN.

Page 40: Mobile First - Kommunikationsdesign für den Markt der Zukunft

FRÜHER WAREN UNSERE FREUNDE FASTNIE ERREICHBAR.

Photo: http://www.flickr.com/photos/alevadil/

Page 41: Mobile First - Kommunikationsdesign für den Markt der Zukunft

HEUTE SIND SIE ES MIT NUR EINEM TAP.

Page 42: Mobile First - Kommunikationsdesign für den Markt der Zukunft

FRÜHER LIEHEN WIR UNS BÜCHER IN DER BIBLIOTHEK AUS

UND KAUFTEN UNSERE ZEITUNG AM KIOSK.

Photo: http://www.flickr.com/photos/emilytebbettsphotography/

Page 43: Mobile First - Kommunikationsdesign für den Markt der Zukunft

HEUTE GIBT‘S DIE BILD AUF‘S iPAD.

Page 44: Mobile First - Kommunikationsdesign für den Markt der Zukunft

UND WINNIE THE POOH IM iBOOK-STORE.

Page 45: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WIR KAUFEN FAHRKARTEN, RUFEN UNS EIN TAXI ODER ERKUNDEN DIE STADT VON OBEN.

Page 46: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WIR BRAUCHEN KEIN HOTEL MEHR BUCHEN, SONDERN FINDEN PRIVATUNTERKÜNFTE.

Page 47: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WIR BEKOMMEN SPANNENDE ZUSATZ-INFORMATIONEN IN DER STADT.

Page 48: Mobile First - Kommunikationsdesign für den Markt der Zukunft

NIX KOMMT UNS MEHR SPANISCH VOR.

Page 50: Mobile First - Kommunikationsdesign für den Markt der Zukunft

HEUTE NUTZEN WIR SHAZAM.

Page 51: Mobile First - Kommunikationsdesign für den Markt der Zukunft

UND NEU: INTO_NOW

Page 52: Mobile First - Kommunikationsdesign für den Markt der Zukunft

„Fernsehen - das war für lange Zeit eine klare Angelegenheit. Im Wohnzimmer steht ein Sitzmöbel, das zum Fernseher ausgerichtet ist, und eine bestimmte Anzahl Sender strahlen zu bestimmten Zeiten bestimmte Sendungen aus.“

Photo: http://www.flickr.com/photos/j2willi4/ ; Quote: http://www.syzygy.de/projekte/goab/

FRÜHER MACHTE UNS TV NOCH ZU ZOMBIES.

Page 53: Mobile First - Kommunikationsdesign für den Markt der Zukunft

„TV eine vielfältige Ausprägungen:Fernsehen im Web, Webinhalte auf dem Fernseher, Video-on-Demand, IPTV, Kabel, Satellit, DVBT, MobileTV, Integration eines WLAN-Chips“ - Syzygy Lab

HEUTE IST TV INTERAKTIV.

Page 54: Mobile First - Kommunikationsdesign für den Markt der Zukunft

AUCH MARKEN NUTZEN DIE NEUESTEN TECHNOLOGIEN FÜR IHRE KOMMUNIKATION.

Page 55: Mobile First - Kommunikationsdesign für den Markt der Zukunft

HEINEKEN - STAR PLAYER APP

62%NUTZEN HANDY

BEIM FERNSEHEN

Page 59: Mobile First - Kommunikationsdesign für den Markt der Zukunft

FIAT - STREET EVO

Page 61: Mobile First - Kommunikationsdesign für den Markt der Zukunft

MOBILE KANN AUCH MIT HARDWARE-KOMPONENTEN VERBUNDEN WERDEN.

Page 64: Mobile First - Kommunikationsdesign für den Markt der Zukunft

Video: Nokia x Burton: Push Snowboarding with Terje Haakonsen

Page 65: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WHAT‘S NEXT?

Page 66: Mobile First - Kommunikationsdesign für den Markt der Zukunft

FRÜHER BEZAHLTEN WIR MIT DER D-MARK.

http://www.flickr.com/photos/zeromus/

Page 68: Mobile First - Kommunikationsdesign für den Markt der Zukunft

SQUARE - MOBILE CARD READER

Page 70: Mobile First - Kommunikationsdesign für den Markt der Zukunft

SAFARICOM - mPESA

Page 71: Mobile First - Kommunikationsdesign für den Markt der Zukunft

NEAR FIELD COMMUNICATION (NFC)

Photo: Deutsche Bahn AG - Touch & Travel

Page 72: Mobile First - Kommunikationsdesign für den Markt der Zukunft

DER AUSTAUSCH VON DATEN ÜBER KURZE STRECKEN VIA RFID BIETET NEUE WEGE DER KOMMUNIKATION

Page 73: Mobile First - Kommunikationsdesign für den Markt der Zukunft

Source: http://www.behance.net/gallery/WeSC-Karmatech/937440

Page 74: Mobile First - Kommunikationsdesign für den Markt der Zukunft

HYPERISLAND - WESC KARMA TECH

Page 75: Mobile First - Kommunikationsdesign für den Markt der Zukunft

HYPERISLAND - WESC KARMA TECH

Page 76: Mobile First - Kommunikationsdesign für den Markt der Zukunft

HYPERISLAND - WESC KARMA TECH

Page 77: Mobile First - Kommunikationsdesign für den Markt der Zukunft

OBJEKTE PER BERÜHRUNG AUF DEM DISPLAY ERKENNEN UND INTERAKTIV NUTZEN.

Page 78: Mobile First - Kommunikationsdesign für den Markt der Zukunft

VOLUMIQUE - iPAWN

Page 79: Mobile First - Kommunikationsdesign für den Markt der Zukunft

AUGMENTED REALITY, NEAR FIELD COMMUNICATION, QR CODE, RFID, LOCATION BASED SERVICES, WEBAPP, APP, SIX SENSE...

Page 80: Mobile First - Kommunikationsdesign für den Markt der Zukunft

ZURÜCK IN DIE GEGENWART!

1. ZIELGRUPPE

2. PLATTFORMEN

3. NATIVE APP ODER WEBAPP

Page 81: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WER NUTZT SMARTPHONES?

18-34 35-44 45-54 55-64 65+

6%

42%

23%

18%

12%

Page 82: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WELCHE PLATTFORMEN GIBT ES?

Page 83: Mobile First - Kommunikationsdesign für den Markt der Zukunft

KAMPF DER GIGANTEN

VS.

19,4% 38,5%

Page 84: Mobile First - Kommunikationsdesign für den Markt der Zukunft

VOR- UND NACHTEILE

iOS

+ HARDWARE STANDARD

+ SICHERHEIT

- GESCHLOSSENES SYSTEM

- ZULASSUNG APPSTORE

ANDROID

+ WEITGEHEND OFFEN

+ HOHE VERBREITUNG

- UNSICHER

- KEIN HARDWARE STANDARD

VS.

Page 85: Mobile First - Kommunikationsdesign für den Markt der Zukunft

UND WAS IST MIT FLASH?

Page 86: Mobile First - Kommunikationsdesign für den Markt der Zukunft

UND WAS IST MIT FLASH?

Page 88: Mobile First - Kommunikationsdesign für den Markt der Zukunft

OTTO FINDEN WIR GUT!

Page 89: Mobile First - Kommunikationsdesign für den Markt der Zukunft

OTTO FINDEN WIR GUT!

APP WEBAPP

Page 90: Mobile First - Kommunikationsdesign für den Markt der Zukunft

VORTEILE IM VERGLEICH.

VS.

NATIVE APP

+ ZUGRIFF AUF HARDWARE

+ SCHNELL

+ INTERFACE ANPASSBAR

+ OFFLINE VERFÜGBAR

+ SEXY

WEBAPP

+ HTML / CSS

+ CROSSPLATFORMING

+ GÜNSTIG

+ SOFORT ERREICHBAR

+ AUTOMATISCHE UPDATES

Page 91: Mobile First - Kommunikationsdesign für den Markt der Zukunft

NACHTEILE IM VERGLEICH.

VS.

NATIVE APP

- PLATTFORMGEBUNDEN

- TEURER

- NUR ÜBER APPSTORE

- UPDATES NUTZERGEBUNDEN

WEBAPP

- MITUNTER LANGSAM

- AN BROWSER GEBUNDEN

- KEINE DISTRIBUTION

- NICHT SO SEXY

Page 92: Mobile First - Kommunikationsdesign für den Markt der Zukunft

USABILITY

Photo: http://secondandpark.com/2010/12/revisiting-dont-make-me-think/

Page 93: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 94: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 95: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 96: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 97: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 98: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 99: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 100: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 101: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 102: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 103: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 104: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 105: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MAG DER USER?

1. AUFGERÄUMTES INTERFACE

2. RESPONSE

3. EYE-CANDY

4. SCHÖNE APP-ICONS

Page 106: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MUSS BEDACHT WERDEN?

Page 107: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MUSS BEDACHT WERDEN?

1. BILDSCHIRMGRÖSSEN UND FARBEN

2. GERÄTEGESCHWINDIGKEIT

3. WURSTFINGER

4. SICHTBARKEIT

Page 108: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MUSS BEDACHT WERDEN?

1. BILDSCHIRMGRÖSSEN UND FARBEN

2. GERÄTEGESCHWINDIGKEIT

3. WURSTFINGER

4. SICHTBARKEIT

Page 109: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MUSS BEDACHT WERDEN?

1. BILDSCHIRMGRÖSSEN UND FARBEN

2. GERÄTEGESCHWINDIGKEIT

3. WURSTFINGER

4. SICHTBARKEIT

Page 110: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WAS MUSS BEDACHT WERDEN?

1. BILDSCHIRMGRÖSSEN UND FARBEN

2. GERÄTEGESCHWINDIGKEIT

3. WURSTFINGER

4. SICHTBARKEIT

Page 111: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WIR BEFINDEN UNS IN EINER SCHNELL-LEBIGEN ZEIT MIT GROSSEN ZIELEN!

Source: http://www.flickr.com/photos/fosterphotography17/

Page 112: Mobile First - Kommunikationsdesign für den Markt der Zukunft

WIR BEFINDEN UNS IN EINER SCHNELL-LEBIGEN ZEIT MIT GROSSEN ZIELEN!

EIN PAAR TIPPS, UM IMMER VORNE MIT DABEI ZU SEIN!

Source: http://www.flickr.com/photos/fosterphotography17/

Page 113: Mobile First - Kommunikationsdesign für den Markt der Zukunft

BEOBACHTE TRENDS UND ENTWICKLE EINGESPÜR FÜR DIE WICHTIGEN DINGE!

Page 114: Mobile First - Kommunikationsdesign für den Markt der Zukunft

GEH‘ AUF VERANSTALTUNGEN UND TAUSCH‘DICH MIT UNTERSCHIEDLICHEN LEUTEN AUS!

Photo: http://www.stefangroenveld.de/

Page 115: Mobile First - Kommunikationsdesign für den Markt der Zukunft

GEH‘ AUF VERANSTALTUNGEN UND TAUSCH‘DICH MIT UNTERSCHIEDLICHEN LEUTEN AUS!

TIDENHUB

TWITTNITEGADGET-NIGHT

MOBILEMONDAY

TEDxIGNITE

SOCIALMEDIACLUB

ENERGY-CAMP CRAFT:

RAUM

THISHAPPENED

WEBMONTAGBEESOCIAL

SCHNAPSIDEE

SCHNAPSIDEE

Page 116: Mobile First - Kommunikationsdesign für den Markt der Zukunft

HAB‘ KEINE ANGST VOR NEUEN TECHNOLOGIEN, SONDERN SPIEL‘ DAMIT!

Photo: http://www.flickr.com/photos/meatandbones/

Page 117: Mobile First - Kommunikationsdesign für den Markt der Zukunft

UND VERSUCH‘ TECHNIK ZU MIXEN, UM NEUE INNOVATIVE LÖSUNGEN ZU FINDEN!

Photo: http://www.flickr.com/photos/loopseque/

Page 118: Mobile First - Kommunikationsdesign für den Markt der Zukunft

ALLES WAS DU JETZT NOCH BRAUCHSTIST EIN STARKES TEAM AUS EXPERTEN!

KONZEPTER

TECHNIKER DESIGNER

PLANNER

TEXTER

Photo: Power Rangers

Page 119: Mobile First - Kommunikationsdesign für den Markt der Zukunft

Martin Spitzenberg,CEO von Appmotion

Lasse Lüders,Innovation Lab vonSinnerSchrader

[email protected]/luetifacebookxing

[email protected]/mspitzenbergfacebookxing