iPhone Apps UI
Design patterns, opportunities and issues




                                    Fabien Marry
            ...
Table View
Table View



Great for drilling down
hierarchical content
Tab Bar
Tab Bar

Great for independent
modal screens.
Tab Bar

Great for independent
modal screens.
Only four mode
recommended, rest is
“more”
Utility Apps
Utility Apps
Utility Apps



 Great for simple tasks,
 minimal user input
Mixing Both
Mixing Both
Mixing Both
Mixing Both
Immersive Apps
Immersive Apps
3rd Party
3rd Party
3rd Party
3rd Party
3rd Party
3rd Party
3rd Party
3rd Party
3rd Party
3rd Party
3rd Party
3rd Party
Some issues
Some issues
Some issues


Feature overload can
lead to UI overload.
Some issues


Feature overload can
lead to UI overload.
Buttons could use
labels
Some issues



Landscape or not?
Some issues
Some issues



Gestures?
Some issues
Discussion
Fabien Marry
@AlphabUX / alphab+ux@gmail.com
Thank you!



                  Fabien Marry
  @AlphabUX / alphab+ux@gmail.com
UX Camp London IPhone UI
Upcoming SlideShare
Loading in …5
×

UX Camp London IPhone UI

1,349 views

Published on

Slides from the presentation I made at the uxcamplondon on August 22 2009.

Do not contain some bits I've shown live with the iPhone Simulator.

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,349
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
43
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Settings Demo
  • Can be turned over / Dashboard
  • Can be turned over / Dashboard
  • Often copy real devices
  • Show gestures, pan, zoom (Gesture = natural),
    show buttons on by default,
    then if not touching a bit reveal. Animation as clue.
    Use only as shortcut, like keyboard they should not be only way of doing important stuff.
  • UX Camp London IPhone UI

    1. 1. iPhone Apps UI Design patterns, opportunities and issues Fabien Marry @AlphabUX / alphab+ux@gmail.com
    2. 2. Table View
    3. 3. Table View Great for drilling down hierarchical content
    4. 4. Tab Bar
    5. 5. Tab Bar Great for independent modal screens.
    6. 6. Tab Bar Great for independent modal screens. Only four mode recommended, rest is “more”
    7. 7. Utility Apps
    8. 8. Utility Apps
    9. 9. Utility Apps Great for simple tasks, minimal user input
    10. 10. Mixing Both
    11. 11. Mixing Both
    12. 12. Mixing Both
    13. 13. Mixing Both
    14. 14. Immersive Apps
    15. 15. Immersive Apps
    16. 16. 3rd Party
    17. 17. 3rd Party
    18. 18. 3rd Party
    19. 19. 3rd Party
    20. 20. 3rd Party
    21. 21. 3rd Party
    22. 22. 3rd Party
    23. 23. 3rd Party
    24. 24. 3rd Party
    25. 25. 3rd Party
    26. 26. 3rd Party
    27. 27. 3rd Party
    28. 28. Some issues
    29. 29. Some issues
    30. 30. Some issues Feature overload can lead to UI overload.
    31. 31. Some issues Feature overload can lead to UI overload. Buttons could use labels
    32. 32. Some issues Landscape or not?
    33. 33. Some issues
    34. 34. Some issues Gestures?
    35. 35. Some issues
    36. 36. Discussion
    37. 37. Fabien Marry @AlphabUX / alphab+ux@gmail.com
    38. 38. Thank you! Fabien Marry @AlphabUX / alphab+ux@gmail.com

    ×