Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Making the most of mobile

8 758 vues

Publié le

From WebContent 2011 in Chicago, with Jeff Eaton

Publié dans : Technologie
  • Soyez le premier à commenter

Making the most of mobile

  1. Jeff Eaton Karen McGrane@eaton @karenmcgrane 1
  2. Hi, I’m Jeff Eaton from Lullabot @eaton 2
  3. Hi, I’m Karen McGranefrom Bond Art + Science @karenmcgrane 3
  4. WEB STANDARDS ISYOUR NEW BICYCLE 5
  5. 7
  6. iPad 768x1024 iPhone 4 640x960 Motorola Droid 480x854 Samsung Moment 320x480LG Incite CT810 240x400 8
  7. TIME TO PRIORITIZE! 9
  8. “When you are working with a 320x480 pixelscreen, 80% of the screen space you had at1024x768 is gone.That means 80% of the content, navigation,promotions, and interactions needs to go. —Luke Wroblewski http://www.lukew.com/ff/entry.asp?1117 10
  9. 11
  10. THERE IS NO MOBILE CONTEXT 12
  11. 13
  12. 14
  13. 16
  14. 17
  15. THERE IS NO MOBILE VERSION 18
  16. “Fragmenting our content across different “device-optimized” experiences is a losing proposition, orat least an unsustainable one. —Ethan Marcotte, Responsive Web Design 19
  17. SO, NOW WHAT? 20
  18. BUILD FOR FLEXIBILITY,NOT FOR THE LATEST TREND 21
  19. REUSABLE CONTENT STORE _ Does our CMS support EMAIL HANDSETS creating reusable content chunks that can be TABLETS displayed across channels? _ How will our approvalSOCIALMEDIA processes and governance models need to change? CONTENT PRINTMICROSITES .COM SITE INTRANET 22
  20. SEPARATION OF CONTENT FROMFORM.(FOR REAL THIS TIME.) 23
  21. WE’VE GOT ISSUES._TECHNOLOGY_CONTENT_GOVERNANCE_ANALYTICS_ADVERTISING 25
  22. RESPONSIVE DESIGN?_Solves at the design level, not the content level_Design adapts to device capabilities_Means you have ONE website 26
  23. 27
  24. RESPONSIVE DESIGN CAVEATS_Still have to prioritize_Easy to overwhelm mobile browsers_Bandwidth considerations still important_Complex designs don’t get easier (they get harder!) 28
  25. ARE APPS THE ANSWER?_Great for tools and regular tasks_Total control over design (within OS guidelines)_Access to device capabilities (geolocation, address book, maps, camera)_Better for offline use_All the cool kids are doing it 29
  26. 30
  27. 31
  28. APP CAVEATS_App as revenue source looks grim (at least for high- profile publications)_iOS and Android are the new Netscape and IE_Findability in app stores is a nightmare (most apps are shared by word of mouth) 32
  29. TRANSITION TO AN API?(AND OTHER PERPLEXING ACRONYMS) 33
  30. TRANSITION TO AN API?(AND OTHER PERPLEXING ACRONYMS)_COPE: Create once, publish everywhere_Never seen anyone regret having flexibility in how they deploy content_May help solve problems you already have_Like a force multiplier for the effectiveness of all your other decisions_Democratize innovation with your content: put it into the hands of your users 34
  31. Website Tablet App Phone App Phone Website 35
  32. Website iOS Integration Mobile Website iPad App 36
  33. API CAVEATS_Easy to disappear down rabbit holes_Technical side (as communicated through acronyms) doesn’t matter as much as strategy_Is this an experiment or your foundation?_Is it for your staff, partners, the public?_How will you measure value? 37
  34. WE’VE GOT ISSUES._TECHNOLOGY_CONTENT_GOVERNANCE_ANALYTICS_ADVERTISING 38
  35. HOW DO YOU PRIORITIZE? 39
  36. NAVIGATIONSEARCHRELATED ARTICLESSAVED SEARCHESTOOLSGRAPHICSADVERTISING
  37. 41
  38. 42
  39. 42
  40. 44
  41. TASKS VS. TAXONOMY 45
  42. WE’VE GOT ISSUES._TECHNOLOGY_CONTENT_GOVERNANCE_ANALYTICS_ADVERTISING 46
  43. http://culturalsemanticweb.files.wordpress.com/2006/10/pic_fivea.JPG 47
  44. WE’VE GOT ISSUES._TECHNOLOGY_CONTENT_GOVERNANCE_ANALYTICS_ADVERTISING 48
  45. REUSABLE CONTENT STORE _ Will our current analytics EMAIL HANDSETS tools allow us to evaluate our content, wherever it TABLETS appears?SOCIALMEDIA CONTENT PRINTMICROSITES .COM SITE INTRANET 49
  46. 50
  47. WE’VE GOT ISSUES._TECHNOLOGY_CONTENT_GOVERNANCE_ANALYTICS_ADVERTISING 51
  48. Website Tablet App Phone App Phone Website 52
  49. Website Tablet App Phone App Phone Website 53
  50. Website Tablet App Phone App Phone Website 53
  51. 54
  52. BUILD FOR FLEXIBILITY,TO SUPPORT MORESPECIALIZATION 55
  53. Thanks!@eaton & @karenmcgrane 56

×