wsg august 2008 one web
DESCRIPTION
Slides from the talk I gave to Web Standards Group meeting August 2008 about the mobile webTRANSCRIPT
One Web, No GoOliver Weidlich, Ideal Interfaces
www.idealinterfaces.com.au
Have you used the mobile web?
www.idealinterfaces.com.au
Who here design or codes mobile phone sites?
www.idealinterfaces.com.au
Who here design or codes mobile phone applications?
www.idealinterfaces.com.au
“Do we need a mobile site now phones can view the “normal” web?”
www.idealinterfaces.com.au
The Enablers
Better standard mobile browsers (e.g Webkit used in N95, iPhone)
Better 3rd party browsers (e.g. Opera)
Better user interfaces and more screen real estate (e.g. iPhone)
Synching bookmarks across devices
www.idealinterfaces.com.au
Issues with viewing full websites on mobile
Slow
Expensive
Hard to navigate
Some content doesn’t work
Not taking advantages of opportunities of mobile
Not appropriate interaction methodswww.idealinterfaces.com.au
Why are they viewing full websites on mobile?
Unaware of mobile version
Incorrect re-direction
Don’t see the link to the mobile version
They want functions/information not available on mobile service
www.idealinterfaces.com.au
What to do
Re-direct appropriately
Publicise mobile version
Give option to send link from website
Make the mobile version useful
Provide link from mobile to full & vice versa
Direct them to mobile application
www.idealinterfaces.com.au
Read more at: http://keithahern.com/
Issues
Variety of browsers
Platforms offer inconsistent capabilities
Different front end code
Backend code hasn’t been done correctly or to standards
Range of interaction methods
Hard to get through mobile layerswww.idealinterfaces.com.au
Mobile Layers
Hardware
Operating system
Application/browser
Portal
Mobile web app
www.idealinterfaces.com.au
Strengths
Always on
Always with them
Location (cell or GPS)
Maps
Click-to-call
www.idealinterfaces.com.au
1 Web = 7 Interfaces
PC + Widget
Mobile
• WML
• XHTML low end
• XHTML High end
• iPhone Web App (& future large screen touch)
• Mobile Application (Java & iPhone)
www.idealinterfaces.com.au
Keep in Mind
Stick to standards
Ensure mobile version is easy to find/identify
Plan with wireframes and visual design
Clear labels and IA
Keep text concise and meaningful within the space allowed
Make mobile different and leverage benefitswww.idealinterfaces.com.au
Keep in Mind
Mobile specific content
Frequent quick interactions
Longer format content accessible but a little deeper
Bubble relevant content to the entry point
URL: m. or i. or /m etc. .mobi? Nah!
Design for device rangewww.idealinterfaces.com.au
The Future of the Browser
Better integration between mobile services/apps
Standardised code
Richer mobile web technologies
Offline browsing
Better rendering and higher resolution
= more application likewww.idealinterfaces.com.au
Mobile Web InitiativeMobile Web Best Practices 1.0
http://www.w3.org/TR/mobile-bp/
www.idealinterfaces.com.au
One Web Day22 September
onewebday.org
www.idealinterfaces.com.au
www.idealinterfaces.com.au
Thanks
Contact DetailsOliver Weidlich, Mobile Usability SpecialistIdeal [email protected] 551 561