Your SlideShare is downloading. ×
Den Multi Device Konsumenten zufrieden stellen …
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Den Multi Device Konsumenten zufrieden stellen …

1,340
views

Published on

M-Days 2012 …

M-Days 2012

Stephan Haux
Director Product Management
Netbiscuits GmbH
Blog by Messe Frankfurt for the Digital Business:
http://connected.messefrankfurt.com/en/

Published in: Technology, Business

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,340
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Den Multi Device Konsumenten  zufrieden stellen … Stephan Haux Director Product Management Netbiscuits GmbHFebruary 9, 2012 © Netbiscuits GmbH 2011 1
  • 2. … Mehr als nur Design erforderlich Stephan Haux Director Product Management Netbiscuits GmbHFebruary 9, 2012 © Netbiscuits GmbH 2011 2
  • 3. Telefone überholen PCs February 9, 2012 © Netbiscuits GmbH 2011 3
  • 4. Wieviel sufen Smartphone Besitzer ? February 9, 2012 © Netbiscuits GmbH 2011 4
  • 5. “The hyper‐connected consumer of  today has little patience for clutter or  noise. His smartphone is the compass  with which he engages the world, the  persistent interface that guides him  through the ever‐evolving digital  landscape. How then, as marketers, do  we evolve in order to not only keep  pace with the mobile revolution, but  also to utilize it as intended?” – Jan 2012:  http://mashable.com/2012/01/23/mobile‐marketing‐flaws/February 9, 2012 © Netbiscuits GmbH 2011 5
  • 6. February 9, 2012 © Netbiscuits GmbH 2011 6
  • 7. 1. Falle: Ist doch alles Web/ HTML / …. February 9, 2012 © Netbiscuits GmbH 2011 7
  • 8. 1. Falle: Ist doch alles Web/ HTML / ….Unterschätzen der Einzigartigkeit mobiler Medien February 9, 2012 © Netbiscuits GmbH 2011 8
  • 9. Niemand steht mit dem Laptop im Laden … February 9, 2012 © Netbiscuits GmbH 2011 9
  • 10. 2. Falle: Laufen ist nicht SitzenMobile Konsumenten nicht wie sitzende PC Surfer behandeln February 9, 2012 © Netbiscuits GmbH 2011 10
  • 11. 3. Falle: Die Stärke des Augenblicks versäumt Warum Special Apps (und Webseiten) nicht funktionieren February 9, 2012 © Netbiscuits GmbH 2011 11
  • 12. 3. Falle: Die Stärke des Augenblicks versäumt Smartphones machen das Internet zum Begleiter im Alltag  Stationäres Web  Ungeteilte Aufmerksamkeit  Konzentrierte Nutzung  Animation muß aus dem Web selber  kommen  “Wenn ich schon mal dran sitze”  Mobil  Insellösungen funktionieren nicht  Eines von vielen Eindrücken  Anlass zum Surfen jenseits des Internet  Schnell an – Schnell aus February 9, 2012 © Netbiscuits GmbH 2011 12
  • 13. 4. Falle: Monolog statt Dialog… Dialog ist nicht nur Worte und Menschen February 9, 2012 © Netbiscuits GmbH 2011 13
  • 14. 5. Falle: Nehmen statt Geben  Web ist voll von Formularen …  Marketing Kampagnen sammeln E‐Mails  oder “Freunde” oder “Fans” … … damit man kommunizieren kann.  Cookies, Social Graph und Profile  verlangen/ sammeln viel Information,  um … … häufig wenig Antworten zu geben. February 9, 2012 © Netbiscuits GmbH 2011 14
  • 15. Besser Machen February 9, 2012 © Netbiscuits GmbH 2011 15
  • 16. Alltag AUFWACHEN FRÜHSTÜCKEN February 9, 2012 © Netbiscuits GmbH 2011 16
  • 17. Alltag UNTERWEGS VORMITTAGSPAUSE February 9, 2012 © Netbiscuits GmbH 2011 17
  • 18. Alltag MITTAGSPAUSE KAFFEPAUSE February 9, 2012 © Netbiscuits GmbH 2011 18
  • 19. Alltag ZUHAUSE WECKER STELLEN February 9, 2012 © Netbiscuits GmbH 2011 19
  • 20. Zusammenfassung Hand aufs Herz: Nur 12 Mal pro Tag  online?  Nutzung nach Verfügbarkeit und  Situation  Tägliche Surfzeit: 3,4 Stunden – 2,7  davon irgendwie “socializing” (Land: USA)  Tablet + Smartphone billiger als Laptop February 9, 2012 © Netbiscuits GmbH 2011 20
  • 21. February 9, 2012 © Netbiscuits GmbH 2011 21
  • 22. Mobile Web Considerations Challenges, Problems, Devices, ThoughtsFebruary 9, 2012 © Netbiscuits GmbH 2012 22
  • 23. Layout Paradigm: Stack  Positions of layout containers are changed depended  on orientation or form factor  Functionality remains unchanged February 9, 2012 © Netbiscuits GmbH 2012 23
  • 24. Layout Paradigm: Stretch & Collapsible  Content is stretched between portrait and landscape mode  Individual Items reduced independently to a minimum February 9, 2012 © Netbiscuits GmbH 2012 24
  • 25. Layout Paradigm: Show & Hide  Layout Container becomes visible if device is  turned from landscape to portrait and vice versa  In portrait mode hidden elements can be made  visible via button February 9, 2012 © Netbiscuits GmbH 2012 25
  • 26. Today’s Approaches to Mobile Design Name Core principle Content  Resolution  Context  Performance Pros Cons Device  adaptation independe Inspection DB req. nceResponsive  Serve same  No  Yes  No  Good Good technique for making •Inefficient image  No design HTML to every  site less dependent on  handling  device. browser resolution •Achieves resolution  independence only  ‐ flexible grid •No context driven  ‐ media queries adaptation ‐ flexible images Progressive  Serve base  Yes  Yes  Yes  Bad •Full adaptation possible  • No High End   No enhancement HTML to device,  functionality, look & feel  use JavaScript to  possible build up  • Content adaptation  functionality as  only on client far as possible  • Hard to maintainServer‐side  All logic on  Yes  Yes  No  Limited only by server  •Full adaptation possible Device detection library  Yes adaptation server, client  performance •Fine‐grained controls  required (usually  receives only  commercial)  what is required (TACTILE +  Use device  Yes  Yes  Yes  Good •Full adaptation possible •Device detection library  Yes  detection to  All clients get initial  • Utilize client side  requiredNB Platf.) serve initial  page quickly but  adaptation   •Complex = Hybrid device‐sensitive  subsequent  (e.g. config settings, real‐ HTML payload,  enhancement may  time data) to add to  use client‐side  impose delays  experience  progressive  dependend on web  • Can be used to overcome  enhancement to  app HTML5 fragmentation build up  09.02.2012 © 2010 Netbiscuits GmbH Folie 26
  • 27. Why adaptation begins on the Server …   All that s   on   happen r  e the serv ng  se n d i before  ient.  cl it to the 09.02.2012 © 2010 Netbiscuits GmbH Folie 27
  • 28. Layouts differSmartphone Spaghetti to Tablet Layouts February 9, 2012 © Netbiscuits GmbH 2012 28
  • 29. Cross Device Design and Flows Split Transform Overlays (Hide) February 9, 2012 © Netbiscuits GmbH 2012 29
  • 30. February 9, 2012 Distinct Hardware capabilities Software & Content capab. secondary Evolution of Device Categories Distinct Devices evolved to a Connected Continuum© Netbiscuits GmbH 2012 Continous Software & Content capabilities Hardware capab. secondary30
  • 31. Was kommt? & Was machen?Was kommt? Die mobile Welt bleibt in Bewegung Neue Geräte & Geräteklassen Unbekannte Anforderungen & BenutzergruppenWas machen? Mobile First ‐ Now In multiplen Bildschirmgrößen denken Design & Business Logik entkoppeln February 9, 2012 © Netbiscuits GmbH 2011 31
  • 32. Einladung: Tactile Open BetaNetbiscuits Multi Device Framework http://www.netbiscuits.com/tactile‐open‐beta February 9, 2012 © Netbiscuits GmbH 2011 32
  • 33.  Mobile First Stephan Haux N>1 Bildschirmgrößen +49 175 2234652 s.haux@netbiscuits.com Geräte & OS übergreifend Twitter: sthaux Smart Development Design statt Code See you at our Mobile Web Site m.netbiscuits.comFebruary 9, 2012 © Netbiscuits GmbH 2011 33