SlideShare a Scribd company logo
1 of 44
Mobile Design,
Thinking Beyond
     Apple
Platform Characteristics
Interfacing with the Hardware
Design Processes
Interface design elements
Best Practices
tap           double tap            swipe




      pinch          tap and hold
Interfacing with the Hardware
800px x 480px resolution
4 face buttons
Different manufacturers,
different hardware
800px x 480px resolution
4 face buttons
Different manufacturers,
different hardware
iPhone   Android
iPhone   Android
Design Processes
Process
Interface design elements
Best Practices
Don’t let the UI hinder the experience
Don’t let the UI hinder the experience
Elevate the content people care about
Elevate the content people care about
Elevate the content people care about
Minimize user input
Plan for Interruptions
Don't design for the power user
Don't design for the power user
Delight with stunning graphics
Delight with stunning graphics
Avoid forcing a user to rotate the device
Avoid forcing a user to rotate the device
Avoid creating new touch gestures




    Report adult content to Apple
Avoid creating new touch gestures
Avoid help
Apple iOS
http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html



Android
http://developer.android.com/guide/practices/ui_guidelines/index.html



BlackBerry
http://docs.blackberry.com/en/developers/deliverables/17965/index.jsp?name=UI+Guidelines+-+BlackBerry
+Smartphones6.0&language=English&userType=21&category=Java+Development+Guidelines&subCategory=



Windows Phone 7
http://go.microsoft.com/fwlink/?LinkID=183218



HP- Palm webOS
https://developer.palm.com/content/api/design/mojo/hi-guidelines.html
Thank You
colbowdesign.com
  sideways.com
  @bradcolbow

More Related Content

Similar to Colbow midwest ux_v2_nonotes

Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525jinwook shin
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10Almog Koren
 
iOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-PlatformsiOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-PlatformsMartin Ebner
 
why android first?
why android first?why android first?
why android first?Enhancers
 
Managing change with prototyping
Managing change with prototypingManaging change with prototyping
Managing change with prototypingGeorge Abraham
 
Mobile Human interface giude
Mobile Human interface giudeMobile Human interface giude
Mobile Human interface giudePragati Singh
 
iOS Human Interface Guidelines (HCI)
iOS Human Interface Guidelines (HCI)iOS Human Interface Guidelines (HCI)
iOS Human Interface Guidelines (HCI)Mohammad Khalil
 
Good Design Principles for App Developer (UAB) 2017
Good Design Principles for App Developer (UAB) 2017Good Design Principles for App Developer (UAB) 2017
Good Design Principles for App Developer (UAB) 2017Marçal P.
 
Preparing for Release to the App Store
Preparing for Release to the App StorePreparing for Release to the App Store
Preparing for Release to the App StoreGeoffrey Goetz
 
Designing for Mobile
Designing for MobileDesigning for Mobile
Designing for Mobilepaultrani
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App DevelopersJigyasa Makkar
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesFloat
 
iOS humaninterfaceguidelines
iOS humaninterfaceguidelinesiOS humaninterfaceguidelines
iOS humaninterfaceguidelinescdsg
 
MHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping ToolsMHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping ToolsMark Billinghurst
 
2010 Mobile motivation
2010  Mobile motivation2010  Mobile motivation
2010 Mobile motivationWCET
 
10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...
10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...
10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...Raj Lal
 

Similar to Colbow midwest ux_v2_nonotes (20)

Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525
 
Droidcon2014 - Android UX
Droidcon2014 - Android UXDroidcon2014 - Android UX
Droidcon2014 - Android UX
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
iOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-PlatformsiOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-Platforms
 
why android first?
why android first?why android first?
why android first?
 
Managing change with prototyping
Managing change with prototypingManaging change with prototyping
Managing change with prototyping
 
Sydney Mobile - April 2010 - Tigerspike
Sydney Mobile - April 2010 - TigerspikeSydney Mobile - April 2010 - Tigerspike
Sydney Mobile - April 2010 - Tigerspike
 
Mobile Human interface giude
Mobile Human interface giudeMobile Human interface giude
Mobile Human interface giude
 
iOS Human Interface Guidelines (HCI)
iOS Human Interface Guidelines (HCI)iOS Human Interface Guidelines (HCI)
iOS Human Interface Guidelines (HCI)
 
Good Design Principles for App Developer (UAB) 2017
Good Design Principles for App Developer (UAB) 2017Good Design Principles for App Developer (UAB) 2017
Good Design Principles for App Developer (UAB) 2017
 
Preparing for Release to the App Store
Preparing for Release to the App StorePreparing for Release to the App Store
Preparing for Release to the App Store
 
Designing for Mobile
Designing for MobileDesigning for Mobile
Designing for Mobile
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
 
iOS humaninterfaceguidelines
iOS humaninterfaceguidelinesiOS humaninterfaceguidelines
iOS humaninterfaceguidelines
 
MHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping ToolsMHIT 603: Lecture 3 - Prototyping Tools
MHIT 603: Lecture 3 - Prototyping Tools
 
2010 Mobile motivation
2010  Mobile motivation2010  Mobile motivation
2010 Mobile motivation
 
Introducción a iOS
Introducción a iOSIntroducción a iOS
Introducción a iOS
 
10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...
10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...
10 Tips For Designing Mobile Widgets - Maemo Summit, Amsterdam, Oct 11, 2009 ...
 
Mobile Learning Development: Get it Right
Mobile Learning Development: Get it RightMobile Learning Development: Get it Right
Mobile Learning Development: Get it Right
 

Colbow midwest ux_v2_nonotes

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n