creating a specialized mobile ui
DESCRIPTION
In this presentation we’ll have a look at a few real-world examples of successful mobile sites and what they do right and wrong. We’ll explore how the mobile Web fits into the larger stack of data that you already control. By modeling the Apple 3-tier approach, iTunes store (in the cloud), iTunes (desktop app), and iPod (mobile), you can use your company’s strengths to create a mobile site that complements your existing presence. By the end of this presentation you will understand some of the basic technologies used to target mobile devices and platforms, how to improve the user-experience and interaction with page elements such as forms, and generally what the mobile Web is and where it is heading in the near future—plus a bit of cheese slicing history thrown in for good measure. If your company is interested in getting involved in the mobile space or want to take your basic site to the next level, then this presentation is ideal for you.TRANSCRIPT
Creating a specialized Mobile UI
Brian Sudahttp://suda.co.uk
Thor Bjørklund
Talking Heads
It is about the lifestyle
Full fat vs. Fat free
Types of Users
Repetitive Now
Types of Users
Types of Users
Bored Now
Urgent Now
Types of Users
Types of Devices
Nokia 1100 Apple iPhone
~14 Million by the end of 2008
200+ Million so far
Nokia 1100 Apple iPhone
Types of Devices
Browser Sniffing
Tel protocol
<a href=“tel:+123.456.7890”>call me</a>
Downcasting
á → aö → o
Downcasting
Résumé→ Resume
Downcasting
Rauðalækur
Downcasting
RauðalækurRaudalaekur
T9 and URLs
Activation Code: ABA2C
T9 and URLs
Activation Code: ADA3C
Dropdowns vs. Lists
Seek time vs. choices
http://www.37signals.com/svn/posts/1128-learning-from-bad-ui
Command Line Interfaces
3 tiered approach
2D barcodes
1D Barcodes
1D barcodes
2D barcodes
Train Timetable
2D barcodes
2D barcodes
Best Practices
kurafire
Core Phones
TEST TEST TEST
Conclusions
Questions?
Real World Examples