1. Designing a great mobile
experience
My favourite tools and techniques and a showcase of CBC’s
iOS applications

2. Senior Digital Designer,
Digital Product Development
CBC Media Operations & Technology

3. Senior Digital Designer,
Digital Product Development
CBC Media Operations & Technology

4. Senior Digital Designer,
Digital Product Development
CBC Media Operations & Technology

5. Senior Digital Designer,
Digital Product Development
CBC Media Operations & Technology

6. VIDEO:
Punchcut Perspective:
Considerations for Designing Touch UI

7. •iPhone Human Interface Guidelines
•iPhone HIG for Web Applications
•iPad Human Interface Guidelines
•Andriod Human Interface Guidelines
•BlackBerry Smartphones UI Guidelines
•UI Design and Interaction Guide for Windows Phone 7
Series

13. Pattern Tap
patterntap.com

14. Design For Mobile wiki
patterns.design4mobile.com

15. Smashing Magazine
smashingmagazine.com

16. Creative Applications
creativeapplications.net

24. Initial thoughts

25. The Idea

26. •The Idea
What can I work with?

27. •The Idea
•What can I work with?
Fight feature addiction

28. Designing Tips

29. Simplify

30. •Simplify
Avoid Clutter

31. •Simplify
•Avoid Clutter
Follow UI Conventions

32. •Simplify
•Avoid Clutter
•Follow UI Conventions
Special Attention to Typography

33. •Simplify
•Avoid Clutter
•Follow UI Conventions
•Special Attention to Typography
Flow

34. •Simplify
•Avoid Clutter
•Follow UI Conventions
•Special Attention to Typography
•Flow
Think about environment

35. •Simplify
•Avoid Clutter
•Follow UI Conventions
•Special Attention to Typography
•Flow
•Think about environment
Mobile Users Are Smart

36. VIDEO:
Designing For The Mobile Lifestyle:
A Conversation With Punchcut

37. CBC.ca Web Application
Jumping head-first into designing for the iPhone

57. Flow chart

67. Designing Home Screen Icons

68. Home Screen Icon sketches

70. Research
•Be creative
•Be different
•Attention to detail
•Copy

71. •Research
Be creative
•Be different
•Attention to detail
•Copy

72. •Research
•Be creative
Be different
•Attention to detail
•Copy

73. •Research
•Be creative
•Be different
Attention to detail
•Copy

74. •Research
•Be creative
•Be different
•Attention to detail
Copy

75. CBC Radio Application
Bringing CBC Radio to the people (with iPhones)

82. Sketches

95. 30 x 30 pixels

96. •30 x 30 pixels
Simple and streamlined

97. •30 x 30 pixels
•Simple and streamlined
Use them if they’ve got them

98. •30 x 30 pixels
•Simple and streamlined
•Use if they’ve got them
Can they guess what it is?

99. “Loving the CBC radio iPhone
app. It's almost too much choice.
Is that even possible?”

100. “Yay CBC iPhone app.”

101. NOW Magazine, Best Of Toronto
BEST APP
Critics Pick

102. CBC Hockey Application
“Um, somebody get me a playbook!”

126. “The CBC Hockey app is awesome.
Get it if you're an NHL fan!”

127. “ CBC Hockey app for iPhone is
AWESOME! #WIN”

128. Now, make it bigger!

152. Palm Pre CBC Radio Application
“There are no guidelines, but we’ll let you know what you’ve
done wrong once you are done.” - Palm

153. Images of Palm Pre

170. “What, you haven’t heard about ...“

171. VIDEO:
Concept Series: Seabird
A Community-driven Mobile Phone Concept

172. “Be careful, it’s easy to go
overboard and screw things up”
– Mike Rundle, flyosity.com

173. kevinkimmett.com
kevinkimmett@gmail.com