How To Brand Without Ruining The iPhone Experience Slides from Russell Quinn's presentation at Webtuesday in Zürich www.webtuesday.ch www.spoiledmilk.ch www.russellquinn.com

1. How to brand
without ruining the
iPhone experience
Russell Quinn
Technical Director

2. Spoiled Milk
creating engaging online experiences
COPENHAGEN
ZURICH

3. The iPhone Experience

4. Planning your application

5. Planning your application
• Make it belong

6. Planning your application
• Make it belong
• Ensure consistency

7. Planning your application
• Make it belong
• Ensure consistency
• Use built in controls

8. Planning your application
• Make it belong
• Ensure consistency
• Use built in controls
• Don’t confuse

9. e.g. Disclosure buttons

10. e.g. Disclosure buttons

11. e.g. Disclosure buttons

12. Three styles
• Hierarchical productivity applications

13. Three styles
• Hierarchical productivity applications

14. Three styles
• Utility applications

15. Three styles
• Immersive applications

16. Key is not to break the
experience

17. Key is not to break the
experience
If things do not work the way a user
expects, they will be confused and
unproductive

18. Bad

19. Bad
• Mixing application styles

20. Bad
• Mixing application styles
• Ignoring convention

21. Bad
• Mixing application styles
• Ignoring convention
• Reinventing paradigms

22. Bad

23. Bad

24. Good

25. Good
• Comply!

26. Good
• Comply!
• (immersive apps are excluded a little)

27. Good
• Comply!
• (immersive apps are excluded a little)
• Incorporate branding elements cautiously

28. Good
• Comply!
• (immersive apps are excluded a little)
• Incorporate branding elements cautiously
• This doesn’t mean you can't still add
personality and create an experience

29. Good

30. Good

31. Good

32. Good

33. Good

34. Good

35. Good

36. Good

37. Concepts

38. Concepts

39. How?

40. How?
• Customise

41. How?
• Customise
• Subclass

42. Customise
e.g. UITableViewCell

43. Customise
e.g. UITableViewCell

44. Customise
e.g. UITableViewCell

45. Customise
e.g. UITableViewCell

46. Customise
e.g. UITableViewCell

47. Customise
e.g. UITableViewCell

48. Customise
e.g. UITableViewCell
• accessoryType
• font
• backgroundView
• selectedBackgroundView
• textColor
• selectedTextColor
• selectionStyle

49. Subclassing
e.g. UITableViewCell

50. Subclassing
e.g. UITableViewCell

51. Subclassing
e.g. UITableViewCell

52. Subclassing
e.g. UITableViewCell

53. Subclassing
e.g. UITableViewCell

54. Subclassing
e.g. UITableViewCell

55. Case: CITYGUIDE

56. Case: CITYGUIDE