Mobile UX - A Nerdery Interactive Primer

18,348 views
17,906 views

Published on

Apply for our User Experience Designer or Mobile Developer jobs at The Nerdery: http://nerdery.com/jobs

1 Comment
5 Likes
Statistics
Notes
  • Apply for our User Experience Designer or Mobile Developer jobs at The Nerdery: http://nerdery.com/jobs
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
18,348
On SlideShare
0
From Embeds
0
Number of Embeds
597
Actions
Shares
0
Downloads
82
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide

Mobile UX - A Nerdery Interactive Primer

  1. THE NERDERYHOURS WORKED SINCE 2003 PROJECTS DOGS IN OUR OFFICE BIKE COMMUTERS670,792 3876HOURS WORKED, LAST 12 MONTHS EIGHT 6 AVERAGE JANUARY TEMPERATURE º PEOPLE WHO WORK AT THE NERDERY TWO HUNDRED FIVE FOUR WE HELP OUR PARTNERS GET BIG IDEAS OUT OF THEIR HEADS AND ONTO THEIR CLIENTS’ WEBSITES HTTP://WWW.NERDERY.COM TWITTER: @THE_NERDERY
  2. HOW TO PARTICIPATEUsing the questions panels in the GoToMeeting appOn Twitter @The_NerderySend us an email at primers@nerdery.com
  3. MOBILE UXINTERACTIVE PRIMER SERIES
  4. JACOBUSER EXPERIENCE DESIGNER
  5. JONSENIOR DEVELOPER
  6. WHAT WE WILL COVER1. The Mobile Landscape2. Types of Mobile Apps3. Mobile UX Process4. Designing Mobile Apps5. Technology Limitations
  7. 1. THE MOBILE LANDSCAPE
  8. MOBILE GROWTHSource: http://nrdry.com/3X
  9. MOBILE FACTS MOBILE USAGE Source: http://nrdry.com/3X
  10. MOBILE MARKETING Source: http://nrdry.com/3X
  11. MOBILE FINANCE
  12. 2. TYPES OF MOBILE APPS
  13. TYPES OF MOBILE APPS Serious Tools Fun Tools Fun Games Serious EntertainmentSource: http://nrdry.com/3X
  14. UX DESIGN FOR MOBILEUX Designers know how to work in a rapidly evolvingfield.UX Designers understand how to create experienceswith technical constraints. ds BuIt’s the UX Designers job to align User Needs and e Ne sin erBusiness Objectives into the final application. ess Us Application
  15. 3. MOBILE UX PROCESS
  16. MOBILE UX PROCESS1. User Requirements Analysis2. Conceptual Design3. Design and Implementation4. Usability Evaluation5. Launch and Maintenance
  17. 4. DESIGNING FOR MOBILE
  18. DESIGNING MOBILE APPS THINGS TO KEEP IN MIND Simplicity User-focused Design Understanding Devices Standard UI Conventions Technology Limitations
  19. SIMPLICITY SIMPLICITY EQUATES TO USABILITY Reduce Functionality Relate Visual Precedence to Task Importance Keep Navigation Narrow and Shallow Avoid Extraneous Information on Each Screen Reduce or Remove PreferencesSource: http://nrdry.com/3N Use Progressive Disclosure
  20. USER-FOCUSED DESIGNWhy do they use your app?What features are they using?What features are crucial for them on mobile?What are some sources of frustration?What devices do they use to access the mobile web?
  21. UNDERSTANDING DEVICES
  22. CHOOSING A TARGET OS
  23. SELECTING TARGET DEVICES MOST POPULAR PHONES ON THE MARKET 1. 2. 3. 4. 5.Apple iPhone 4 Motorola Atrix HTC Thunderbolt T-Mobile myTouch 4G Samsung Galaxy S
  24. SELECTING TARGET DEVICES MOST POPULAR TABLETS ON THE MARKET 1. 2. 3.Apple iPad (82%) Motorola Xoom (4%) Dell Streak (3%)
  25. EXISTING UI CONVENTIONS Native UI VS. Custom UI
  26. EXERCISEUI COMPARISON
  27. UI COMPARISON FACEBOOK - IPHONE
  28. UI COMPARISON FACEBOOK - ANDROID
  29. UI COMPARISONFACEBOOK - WINDOWS MOBILE
  30. UI COMPARISON FACEBOOK - BLACKBERRY
  31. UI COMPARISON TWITTER - IPHONE
  32. UI COMPARISON TWITTER - ANDROID
  33. UI COMPARISON TWITTER - WINDOWS
  34. UI COMPARISON TWITTER - BLACKBERRY
  35. UI COMPARISON YELP - IPHONE
  36. UI COMPARISON YELP - ANDROID
  37. UI COMPARISON YELP - WINDOWS
  38. UI COMPARISON YELP - BLACKBERRY
  39. UI COMPARISONCAN YOU PICK OUT WHICH APP GROUPS BELONG TO WHAT OS?
  40. UI COMPARISONIPHONE WINDOWS ANDROID BLACKBERRY CAN YOU PICK OUT WHICH APP GROUPS BELONG TO WHAT OS?
  41. UI GUIDELINESiOS Human Interface GuidelinesUI Guidelines for BlackBerryAndroid User Interface GuidelinesMotorola’s Best Practices for UINokia Design & User Experience LibraryBada Application UI GuideSony Ericsson UI RulebookUI Guidelines for Windows Mobile
  42. UI DESIGNOS GUI TEMPLATES
  43. 5. TECHNOLOGY LIMITATIONS
  44. TECHNOLOGY LIMITATIONSWeb App VS. Native App
  45. NATIVE APPIN FAVOR OF NATIVE APPLICATIONS Better Experience Background Applications Device Capabilities Findability Offline Mode Games
  46. WEB APPIN FAVOR OF WEB APPLICATIONS Cross-platform support Central updates Accessibility Development Effort Open Mobile Web
  47. WEB APPS VS. NATIVE APPS INTERACTIVE PRIMER http://nrdry.com/8
  48. QUESTIONS?Using the questions panels in the GoToMeeting appOn Twitter @The_NerderySend us an email at primers@nerdery.comMore answers online at http://nerdery.com

×