Tincan - Mobile Elephant

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 make it simpler, easier, andbetter for users to connect whenever, wherever and however they want

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 different devices

Context

ContextContext doesn’t necessarily determine intent

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

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 Screen

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 design principles

Foundation1. Business/User Goals2. Audience/Personas3. Strategy4. Content

Foundation Solutions1. Business/User Goals 1. Native Apps2. Audience/Personas 2. Web Apps/Mobile Sites3. Strategy 3. Responsive Design4. Content 4. Adaptive Process

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.

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 capabilities) rather than treated as mobile vs desktop - provides basic reach to all platforms/devices

about.com

ica.org.uk

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

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.

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?

Adaptive Content

EndWe are Tincan

Tincan - Mobile Elephant

by Ben Holliday

Accessibility

Categories

Upload Details

Usage Rights

Statistics