Upload
ben-holliday
View
3.975
Download
0
Embed Size (px)
Citation preview
The Mobile WebWe are Tincan / @tincanpippip
Ben HollidayUX Designer / @hollidazed
Mobile“Mobile is under hyped in the medium term”
Steve Wing - Guardian News & Media
Mobile
MobileIt's becoming increasingly difficult to determine what
exactly is mobile and what isn't
MobileIt's becoming increasingly difficult to determine what
exactly is mobile and what isn't
The challenge is to make it simpler, easier, and better for users to connect whenever, wherever and
however they want
Assumptions
AssumptionsWe know how people view our websites
AssumptionsWe know how people view our websites
We know the context of use when people use our websites on different devices
Context
ContextContext doesn’t necessarily determine intent
ContextContext doesn’t necessarily determine intent
Making 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?
ChallengeUser 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
Foundation1. Business/User Goals2. Audience/Personas3. Strategy4. Content
1. Native Apps2. Web Apps/Mobile Sites3. Responsive Design4. Adaptive Process
Solutions
Native AppsEyewitness
Developed/targeted to a specific OS. Should have a specific purpose, be beautiful,
accessible, and high quality.
British Heart Foundation RSPCA Just Giving
Twitter Telegraph TimesBBC iPlayer
Beyond iOS
Motorola Xoom (Android)
HTC Flyer (Android)
Web Apps/Mobile SitesWork using a web browser using HTML5, CSS3, and Javascript. Can be targeted to specific devices
Responsive DesignWork 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
ica.org.uk
Adaptive ProcessStart with responsive content/designs...
...then consider a mobile site for specific platforms if your users would benefit from different
content or presentation
Native App•Paid or free
•Separate versions required for each operating system (OS)
•Customisable/can integrate with device design, features and functions
•Run locally with quick loading and fluid interaction
•More cost/time investment required•Updated through new versions for users to
download.
App Vs BrowserBrowser/Mobile Site•Free •Accessible to all cross-platform/browsers.
Can be optimised/targeted to specific OS•Discoverable – search/linked through the
wider web and engaged on social media• Internet reliance. Local caching/HTML5
storage options•Less investment/native web technologies•Relatively simple to maintain with instant
updates to all users.
free
Adaptive Content
InstapaperReadabilitySafari
User tools now exist to free up content from a 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
We are Tincan
End