0
Creating a specialized Mobile UI




                  Brian Suda
                  http://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
Bored Now
    Types of Users
Urgent Now
    Types of Users
Nokia 1100        Apple iPhone




             Types of Devices
Nokia 1100               Apple iPhone




200+ Million so far     ~14 Million by the end
                               of...
Browser Sniffing
<a href=“tel:+123.456.7890”>call me</a>




      Tel protocol
á→a
ö→o
Downcasting
Résumé→ Resume

 Downcasting
Rauðalækur


Downcasting
Rauðalækur
Raudalaekur
Downcasting
Activation Code: ABA2C


            T9 and URLs
Activation Code: ADA3C


            T9 and URLs
Dropdowns vs. Lists
http://www.37signals.com/svn/posts/1128-learning-from-bad-ui




Seek time vs. choices
Command Line Interfaces
3 tiered approach
2D barcodes
1D barcodes
   1D Barcodes
2D barcodes
2D barcodes
2D barcodes
Best Practices




          kurafire
Core Phones
TEST TEST TEST
Conclusions
Questions?
Real World Examples
Creating a Specialized Mobile UI
Creating a Specialized Mobile UI
Creating a Specialized Mobile UI
Upcoming SlideShare
Loading in...5
×

Creating a Specialized Mobile UI

7,048

Published on

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.

Published in: Technology, Business
2 Comments
17 Likes
Statistics
Notes
No Downloads
Views
Total Views
7,048
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
317
Comments
2
Likes
17
Embeds 0
No embeds

No notes for slide

Transcript of "Creating a Specialized Mobile UI"

  1. 1. Creating a specialized Mobile UI Brian Suda http://suda.co.uk
  2. 2. Thor Bjørklund
  3. 3. Talking Heads
  4. 4. It is about the lifestyle
  5. 5. Full fat vs. Fat free
  6. 6. Types of Users
  7. 7. Repetitive Now Types of Users
  8. 8. Bored Now Types of Users
  9. 9. Urgent Now Types of Users
  10. 10. Nokia 1100 Apple iPhone Types of Devices
  11. 11. Nokia 1100 Apple iPhone 200+ Million so far ~14 Million by the end of 2008 Types of Devices
  12. 12. Browser Sniffing
  13. 13. <a href=“tel:+123.456.7890”>call me</a> Tel protocol
  14. 14. á→a ö→o Downcasting
  15. 15. Résumé→ Resume Downcasting
  16. 16. Rauðalækur Downcasting
  17. 17. Rauðalækur Raudalaekur Downcasting
  18. 18. Activation Code: ABA2C T9 and URLs
  19. 19. Activation Code: ADA3C T9 and URLs
  20. 20. Dropdowns vs. Lists
  21. 21. http://www.37signals.com/svn/posts/1128-learning-from-bad-ui Seek time vs. choices
  22. 22. Command Line Interfaces
  23. 23. 3 tiered approach
  24. 24. 2D barcodes
  25. 25. 1D barcodes 1D Barcodes
  26. 26. 2D barcodes
  27. 27. 2D barcodes
  28. 28. 2D barcodes
  29. 29. Best Practices kurafire
  30. 30. Core Phones
  31. 31. TEST TEST TEST
  32. 32. Conclusions
  33. 33. Questions?
  34. 34. Real World Examples
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×