• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin Kimmett
 

Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin Kimmett

on

  • 790 views

Tools and techniques for designers to create great mobile experiences. And a showcase of CBC’s newest iPhone applications.

Tools and techniques for designers to create great mobile experiences. And a showcase of CBC’s newest iPhone applications.

Statistics

Views

Total Views
790
Views on SlideShare
787
Embed Views
3

Actions

Likes
0
Downloads
14
Comments
0

2 Embeds 3

http://www.linkedin.com 2
http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin Kimmett Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin Kimmett Presentation Transcript

    • Tools and techniques for designers to create great mobile experiences And a showcase of CBC’s newest iPhone applications 1
    • WORK Senior Digital Designer, Product Development Team CBC Digital Programming & Business Development PERSONAL SITE www.kevinkimmett.com 2
    • What I am going to be talking about: My resources CBC.ca web application CBC Radio application CBC Hockey application CBC Radio application for Palm Pre 3
    • Resources 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • Pattern Tap patterntap.com 10
    • Design For Mobile wiki patterns.design4mobile.com 11
    • Smashing Magazine smashingmagazine.com 12
    • Creative Applications creativeapplications.net 13
    • 14
    • 15
    • 15
    • 16
    • 17
    • Designing Tips 18
    • Simplify 19
    • • Simplify Avoid Clutter 20
    • • Simplify • Avoid Clutter Follow iPhone Conventions 21
    • • Simplify • Avoid Clutter • Follow iPhone Conventions Special Attention to Typography 22
    • • Simplify • Avoid Clutter • Follow iPhone Conventions • Special Attention to Typography Flow 23
    • • Simplify • Avoid Clutter • Follow iPhone Conventions • Special Attention to Typography • Flow Think about environment 24
    • • Simplify • Avoid Clutter • Follow iPhone Conventions • Special Attention to Typography • Flow • Think about environment Attention span 25
    • • Simplify • Avoid Clutter • Follow iPhone Conventions • Special Attention to Typography • Flow • Think about environment • Attention span iPhone Users Are Smart 26
    • Why I like MONDAYS 27
    • CBC.ca Web Application Jumping head-first into designing for the iPhone 28
    • 29
    • 30
    • 31
    • Flow chart 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • Designing Home Screen Icons 43
    • Home Screen Icon sketches 44
    • 45
    • Research • Be creative • Be different • Attention to detail • Copy 46
    • • Research Be creative • Be different • Attention to detail • Copy 47
    • • Research • Be creative Be different • Attention to detail • Copy 48
    • • Research • Be creative • Be different Attention to detail • Copy 49
    • • Research • Be creative • Be different • Attention to detail Copy 50
    • CBC Radio Application Bringing CBC Radio to the people (with iPhones) 51
    • 52
    • 53
    • Sketches 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 30 x 30 pixels 67
    • • 30 x 30 pixels Simple and streamlined 68
    • • 30 x 30 pixels • Simple and streamlined Use them if they’ve got them 69
    • • 30 x 30 pixels • Simple and streamlined • Use if they’ve got them Can they guess what it is? 70
    • “Loving the CBC radio iPhone app. It's almost too much choice. Is that even possible?” 71
    • “Yay CBC iPhone app.” 72
    • CBC Hockey Application “Um, somebody get me a playbook!” 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • “The CBC Hockey app is awesome. Get it if you're an NHL fan!” 93
    • “ CBC Hockey app for iPhone is AWESOME! #WIN” 94
    • 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 95
    • Images of Palm Pre 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • What’s Next? 112
    • CBC Web and native iPhone apps - Phase 2 And a CBC News application? 113
    • 114
    • 115
    • “Be careful, it’s easy to go overboard and screw things up” – Mike Rundle, flyosity.com 116
    • Punchcut Perspective: Considerations for Designing Touch UI Punchcut is a user interface design company based in San Francisco that is focused on user experience for consumer devices; mobile, television and beyond. 117
    • kevin.kimmett@cbc.ca kevinkimmett.com Slides and links will be on SlideShare.com 118
    • News and Blogs Videos iPhone Buzz Design your iPhone app with Adobe Fireworks www.iphonebuzz.com www.building43.com/videos/2009/06/23/mockup-iphone-app-adobe-fireworks The iPhone blog www.theiphoneblog.com Random iPhoneTunes CreativeApplications.Net iphonetunes.net www.creativeapplications.net/category/iphone Just Another iPhone Blog tap tap tap Blog justanotheriphoneblog.com/wordpress www.taptaptap.com/blog Overcommitted Blog blog.overcommittedapps.com Resources Teehan+Lax Blog iPhone GUI PSD 3.0 iPhone Gestures www.teehanlax.com/blog/?p=1628 www.interactivegestures.com/index.php?title=IPhone Teehan+Lax Blog www.teehanlax.com/blog Books and guides Sketching User Experiences by Bill Buxton Design For Mobile patterns.littlespringsdesign.com/index.php/Main_Page Mobile Design and Development by Brian Fling Pattern Tap Beginning iPhone Development by Dave Mark and Jeff LaMarche patterntap.com iPhone Human Interface Guidelines (PDF) Designing for the iPhone: Resources tutorialblog.org/designing-for-the-iphone-resources iPhone Human Interface Guidelines for Web Applications (PDF) iPhoneFlow www.iphoneflow.com 119