Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
The Mobile WebWe are Tincan / @tincanpippip            Ben Holliday      UX Designer / @hollidazed
Mobile“Mobile is under hyped in the medium term”        Steve Wing - Guardian News & Media
Mobile
MobileIts becoming increasingly difficult to determine what           exactly is mobile and what isnt
MobileIts becoming increasingly difficult to determine what           exactly is mobile and what isnt  The challenge is to...
Assumptions
AssumptionsWe know how people view our websites
Assumptions    We know how people view our websitesWe know the context of use when people use our         websites on diff...
Context
ContextContext doesn’t necessarily determine intent
Context  Context doesn’t necessarily determine intentMaking decisions about what people want based  simply on the device t...
Context
Context“Mobile” has become a synonym for “Less” and “Desktop” has become a synonym for “More”
Context“Mobile” has become a synonym for “Less” and “Desktop” has become a synonym for “More”          Mobile = Smaller Sc...
ContentWhy should the “desktop” user be more willing    to put up with unnecessary content?
Challenge    User expectations are very high...everywhere optimised for their context and      situation, now. All channels.
Opportunity
OpportunityAn opportunity to refocus, identify and re-affirm business goals, consider key audiences and         establish ...
Foundation1. Business/User Goals2. Audience/Personas3. Strategy4. Content
Foundation               Solutions1. Business/User Goals   1. Native Apps2. Audience/Personas     2. Web Apps/Mobile Sites...
Twitter               BBC iPlayer           Telegraph     TimesEyewitness         British Heart Foundation    RSPCA      J...
Motorola Xoom (Android)Beyond iOS                 HTC Flyer (Android)
Web Apps/Mobile SitesWork using a web browserusing HTML5, CSS3,and Javascript. Can betargeted to specific devices
Responsive Design   Work using a web browser using HTML, CSS,and Javascript. Devices are treated as a spectrum  (based on ...
about.com
ica.org.uk
ica.org.uk
Adaptive Process       Start with responsive content/designs......then consider a mobile site for specific platforms      ...
App Vs Browsere   Native App                                    Browser/Mobile Site    • Paid or free                     ...
Adaptive Content             Safari   Readability   Instapaper  User tools now exist to free up content froma single endpo...
Adaptive Content
EndWe are Tincan
Tincan - Mobile Elephant
Tincan - Mobile Elephant
Tincan - Mobile Elephant
Upcoming SlideShare
Loading in …5
×

Tincan - Mobile Elephant

4,311 views

Published on

Approaches to tackling the "mobile" web. Content strategy, responsive design, web and native apps.

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

Tincan - Mobile Elephant

  1. 1. The Mobile WebWe are Tincan / @tincanpippip Ben Holliday UX Designer / @hollidazed
  2. 2. Mobile“Mobile is under hyped in the medium term” Steve Wing - Guardian News & Media
  3. 3. Mobile
  4. 4. MobileIts becoming increasingly difficult to determine what exactly is mobile and what isnt
  5. 5. MobileIts becoming increasingly difficult to determine what exactly is mobile and what isnt The challenge is to make it simpler, easier, andbetter for users to connect whenever, wherever and however they want
  6. 6. Assumptions
  7. 7. AssumptionsWe know how people view our websites
  8. 8. Assumptions We know how people view our websitesWe know the context of use when people use our websites on different devices
  9. 9. Context
  10. 10. ContextContext doesn’t necessarily determine intent
  11. 11. Context Context doesn’t necessarily determine intentMaking decisions about what people want based simply on the device they are using is a little bit like telepathy
  12. 12. Context
  13. 13. Context“Mobile” has become a synonym for “Less” and “Desktop” has become a synonym for “More”
  14. 14. Context“Mobile” has become a synonym for “Less” and “Desktop” has become a synonym for “More” Mobile = Smaller Screen
  15. 15. ContentWhy should the “desktop” user be more willing to put up with unnecessary content?
  16. 16. Challenge User expectations are very high...everywhere optimised for their context and situation, now. All channels.
  17. 17. Opportunity
  18. 18. OpportunityAn opportunity to refocus, identify and re-affirm business goals, consider key audiences and establish design principles
  19. 19. Foundation1. Business/User Goals2. Audience/Personas3. Strategy4. Content
  20. 20. Foundation Solutions1. Business/User Goals 1. Native Apps2. Audience/Personas 2. Web Apps/Mobile Sites3. Strategy 3. Responsive Design4. Content 4. Adaptive Process
  21. 21. Twitter BBC iPlayer Telegraph TimesEyewitness British Heart Foundation RSPCA Just Giving Native Apps Developed/targeted to a specific OS. Should have a specific purpose, be beautiful, accessible, and high quality.
  22. 22. Motorola Xoom (Android)Beyond iOS HTC Flyer (Android)
  23. 23. Web Apps/Mobile SitesWork using a web browserusing HTML5, CSS3,and Javascript. Can betargeted to specific devices
  24. 24. Responsive Design Work using a web browser using HTML, CSS,and Javascript. Devices are treated as a spectrum (based on capabilities) rather than treated as mobile vs desktop - provides basic reach to all platforms/devices
  25. 25. about.com
  26. 26. ica.org.uk
  27. 27. ica.org.uk
  28. 28. Adaptive Process Start with responsive content/designs......then consider a mobile site for specific platforms if your users would benefit from different content or presentation
  29. 29. App Vs Browsere Native App Browser/Mobile Site • Paid or free • Free • Separate versions required for each • Accessible to all cross-platform/browsers. operating system (OS) Can be optimised/targeted to specific OS • Customisable/can integrate with device • Discoverable – search/linked through the design, features and functions wider web and engaged on social media • Run locally with quick loading and fluid • Internet reliance. Local caching/HTML5 interaction storage options • More cost/time investment required • Less investment/native web technologies • Updated through new versions for users to • Relatively simple to maintain with instant download. updates to all users.
  30. 30. Adaptive Content Safari Readability Instapaper User tools now exist to free up content froma single endpoint. The challenge is how can we design for our content in such a way that the reader won’t reach for them?
  31. 31. Adaptive Content
  32. 32. EndWe are Tincan

×