111012 next media think tank hh heiko scherer responsive design thinking

25
clapp. powering your mobile strategy Responsive Design Thinking Next Media Think Tank - Hamburg, 10.10.2012

Upload: nextmediahamburg

Post on 24-Jun-2015

714 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: 111012 next media think tank hh heiko scherer responsive design thinking

clapp. powering your mobile strategy

Responsive Design ThinkingNext Media Think Tank - Hamburg, 10.10.2012

Page 2: 111012 next media think tank hh heiko scherer responsive design thinking

Beyond paper? Beyond PC!

Page 3: 111012 next media think tank hh heiko scherer responsive design thinking

everything else was ‘not mobile’...

full-sized keyboard

comfy chair

focused user

work surface

environment

privacy

unlimited data

reliable power source

reliable network

http://www.flickr.com/photos/fuzzcat/22019163

Das „Internet“ wie wir es kannten..

Page 4: 111012 next media think tank hh heiko scherer responsive design thinking

http://www.flickr.com/photos/anap/2878165366

turned on its head...this context has been..wird gerade auf

den Kopf gestellt!

Page 5: 111012 next media think tank hh heiko scherer responsive design thinking

Denis Waren (NYT): „The user is likely to read the Times on a tablet in the morning and in the evenings..“

Page 6: 111012 next media think tank hh heiko scherer responsive design thinking

„...and to use their phone as an “interstitial” news device during the day.“

Page 7: 111012 next media think tank hh heiko scherer responsive design thinking

News Brand Loyalty

63%

Desktop/Laptop

30%Smartphone

Tablet PC

25%

Cross Platform!

Source: The Future of Mobile News – A PEJ Infographic, September 2012

Page 8: 111012 next media think tank hh heiko scherer responsive design thinking

Nicht nur iPhones..

Page 9: 111012 next media think tank hh heiko scherer responsive design thinking

Device FragmentationBehold: The New Tower of Babel!

Page 10: 111012 next media think tank hh heiko scherer responsive design thinking

Android Device Market

Page 11: 111012 next media think tank hh heiko scherer responsive design thinking

128x160

320x480

480x800

240x320

1024x7681280x768

what isn’t...Screen Sizes

Different Resolutions and..

Page 12: 111012 next media think tank hh heiko scherer responsive design thinking

Responsive DesignProgressive Enhancement

Page 13: 111012 next media think tank hh heiko scherer responsive design thinking

The Boston Globe

Page 14: 111012 next media think tank hh heiko scherer responsive design thinking

480x Mobile Landcape

320x Mobile Portrait

960x Laptop Browser

600x Tablet Portrait

768x Tablet Landscape

Page 15: 111012 next media think tank hh heiko scherer responsive design thinking

Quartz.com

“It sounds sort of silly to say this, but anyone can navigate directly to any of our stories. You can’t do that in the app store world.”Zachary Steward

Page 16: 111012 next media think tank hh heiko scherer responsive design thinking

Business Benefits

• Kontinutität, Einheitlichkeit und Offenheit

• Geringerer Entwicklungsaufwand

• Kostenvorteile und Geschwindigkeit

• Unabhängigkeit von Plattformen (Apple, Google, Amazon)

Page 17: 111012 next media think tank hh heiko scherer responsive design thinking

Business Problems• HTML5 noch längst nicht ausgereift..

• Einschränkung Features und User Experience

• Ad Sales Formate und Technologie

• Build once - debug everywhere!?

• Die übliche „Internet-Payment-Hürde“

Page 18: 111012 next media think tank hh heiko scherer responsive design thinking

Multi-Platform-User

Einmal kaufen - über all Lesenincl. „Whisper Sync“

Page 19: 111012 next media think tank hh heiko scherer responsive design thinking

"Hardware becomes irrelevant soon" - Jeff Bezos

Page 20: 111012 next media think tank hh heiko scherer responsive design thinking

Kohärenz Screen Sharing

Übertragung Ergänzung/2nd Screen Simultanität

Synchronisierung

Page 21: 111012 next media think tank hh heiko scherer responsive design thinking

From Ownership to Access

Pay once! Play on anything! Play everywhere!Play everything!Share with everyone!

Page 22: 111012 next media think tank hh heiko scherer responsive design thinking
Page 23: 111012 next media think tank hh heiko scherer responsive design thinking

Kostenlos Y EUR Z EURX EUR

?

Ein Inhalt, X-Produkte

Page 24: 111012 next media think tank hh heiko scherer responsive design thinking

Ein Service, ein Preise

Personalisierung

Synchronisierung

SameContent

DifferentContext

Page 25: 111012 next media think tank hh heiko scherer responsive design thinking

Danke für die Aufmerksamkeit!

clapp. powering your mobile strategy

clapp mobile GmbHWiener Str. 3510999 Berlin+49 (0) 30 610 73 148+49 (0) 174 180 5909skype: [email protected]; www.clapp.de