Bcit oct302010 v01

419 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
419
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Bcit oct302010 v01

  1. 1. Designing a great mobile experience My favourite tools and techniques and a showcase of CBC’s iOS applications
  2. 2. Senior Digital Designer, Digital Product Development CBC Media Operations & Technology
  3. 3. Senior Digital Designer, Digital Product Development CBC Media Operations & Technology
  4. 4. Senior Digital Designer, Digital Product Development CBC Media Operations & Technology
  5. 5. Senior Digital Designer, Digital Product Development CBC Media Operations & Technology
  6. 6. VIDEO: Punchcut Perspective: Considerations for Designing Touch UI
  7. 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
  8. 8. Pattern Tap patterntap.com
  9. 9. Design For Mobile wiki patterns.design4mobile.com
  10. 10. Smashing Magazine smashingmagazine.com
  11. 11. Creative Applications creativeapplications.net
  12. 12. Initial thoughts
  13. 13. The Idea
  14. 14. •The Idea What can I work with?
  15. 15. •The Idea •What can I work with? Fight feature addiction
  16. 16. Designing Tips
  17. 17. Simplify
  18. 18. •Simplify Avoid Clutter
  19. 19. •Simplify •Avoid Clutter Follow UI Conventions
  20. 20. •Simplify •Avoid Clutter •Follow UI Conventions Special Attention to Typography
  21. 21. •Simplify •Avoid Clutter •Follow UI Conventions •Special Attention to Typography Flow
  22. 22. •Simplify •Avoid Clutter •Follow UI Conventions •Special Attention to Typography •Flow Think about environment
  23. 23. •Simplify •Avoid Clutter •Follow UI Conventions •Special Attention to Typography •Flow •Think about environment Mobile Users Are Smart
  24. 24. VIDEO: Designing For The Mobile Lifestyle: A Conversation With Punchcut
  25. 25. CBC.ca Web Application Jumping head-first into designing for the iPhone
  26. 26. Flow chart
  27. 27. Designing Home Screen Icons
  28. 28. Home Screen Icon sketches
  29. 29. Research •Be creative •Be different •Attention to detail •Copy
  30. 30. •Research Be creative •Be different •Attention to detail •Copy
  31. 31. •Research •Be creative Be different •Attention to detail •Copy
  32. 32. •Research •Be creative •Be different Attention to detail •Copy
  33. 33. •Research •Be creative •Be different •Attention to detail Copy
  34. 34. CBC Radio Application Bringing CBC Radio to the people (with iPhones)
  35. 35. Sketches
  36. 36. 30 x 30 pixels
  37. 37. •30 x 30 pixels Simple and streamlined
  38. 38. •30 x 30 pixels •Simple and streamlined Use them if they’ve got them
  39. 39. •30 x 30 pixels •Simple and streamlined •Use if they’ve got them Can they guess what it is?
  40. 40. “Loving the CBC radio iPhone app. It's almost too much choice. Is that even possible?”
  41. 41. “Yay CBC iPhone app.”
  42. 42. NOW Magazine, Best Of Toronto BEST APP Critics Pick
  43. 43. CBC Hockey Application “Um, somebody get me a playbook!”
  44. 44. “The CBC Hockey app is awesome. Get it if you're an NHL fan!”
  45. 45. “ CBC Hockey app for iPhone is AWESOME! #WIN”
  46. 46. Now, make it bigger!
  47. 47. 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
  48. 48. Images of Palm Pre
  49. 49. “What, you haven’t heard about ...“
  50. 50. VIDEO: Concept Series: Seabird A Community-driven Mobile Phone Concept
  51. 51. “Be careful, it’s easy to go overboard and screw things up” – Mike Rundle, flyosity.com
  52. 52. kevinkimmett.com kevinkimmett@gmail.com

×