THE NERDERYHOURS WORKED SINCE 2003        PROJECTS                         DOGS IN OUR OFFICE   BIKE COMMUTERS670,792 3876...
HOW TO PARTICIPATEUsing the questions panels in the GoToMeeting appOn Twitter @The_NerderySend us an email at primers@nerd...
MOBILE UXINTERACTIVE PRIMER SERIES
JACOBUSER EXPERIENCE DESIGNER
JONSENIOR DEVELOPER
WHAT WE WILL COVER1. The Mobile Landscape2. Types of Mobile Apps3. Mobile UX Process4. Designing Mobile Apps5. Technology ...
1. THE MOBILE LANDSCAPE
MOBILE GROWTHSource: http://nrdry.com/3X
MOBILE FACTS                     MOBILE USAGE   Source: http://nrdry.com/3X
MOBILE MARKETING     Source: http://nrdry.com/3X
MOBILE FINANCE
2. TYPES OF MOBILE APPS
TYPES OF MOBILE APPS                              Serious Tools                              Fun Tools                    ...
UX DESIGN FOR MOBILEUX Designers know how to work in a rapidly evolvingfield.UX Designers understand how to create experie...
3. MOBILE UX PROCESS
MOBILE UX PROCESS1. User Requirements Analysis2. Conceptual Design3. Design and Implementation4. Usability Evaluation5. La...
4. DESIGNING FOR MOBILE
DESIGNING MOBILE APPS     THINGS TO KEEP IN MIND                Simplicity                User-focused Design             ...
SIMPLICITY                              SIMPLICITY EQUATES TO USABILITY                                   Reduce Functiona...
USER-FOCUSED DESIGNWhy do they use your app?What features are they using?What features are crucial for them on mobile?What...
UNDERSTANDING DEVICES
CHOOSING A TARGET OS
SELECTING TARGET DEVICES    MOST POPULAR PHONES ON THE MARKET    1.               2.               3.                  4. ...
SELECTING TARGET DEVICES        MOST POPULAR TABLETS ON THE MARKET     1.                    2.                 3.Apple iP...
EXISTING UI CONVENTIONS  Native UI   VS.   Custom UI
EXERCISEUI COMPARISON
UI COMPARISON  FACEBOOK - IPHONE
UI COMPARISON FACEBOOK - ANDROID
UI COMPARISONFACEBOOK - WINDOWS MOBILE
UI COMPARISON FACEBOOK - BLACKBERRY
UI COMPARISON  TWITTER - IPHONE
UI COMPARISON  TWITTER - ANDROID
UI COMPARISON  TWITTER - WINDOWS
UI COMPARISON TWITTER - BLACKBERRY
UI COMPARISON   YELP - IPHONE
UI COMPARISON   YELP - ANDROID
UI COMPARISON  YELP - WINDOWS
UI COMPARISON  YELP - BLACKBERRY
UI COMPARISONCAN YOU PICK OUT WHICH APP GROUPS BELONG TO WHAT OS?
UI COMPARISONIPHONE       WINDOWS         ANDROID       BLACKBERRY CAN YOU PICK OUT WHICH APP GROUPS BELONG TO WHAT OS?
UI GUIDELINESiOS Human Interface GuidelinesUI Guidelines for BlackBerryAndroid User Interface GuidelinesMotorola’s Best Pr...
UI DESIGNOS GUI TEMPLATES
5. TECHNOLOGY LIMITATIONS
TECHNOLOGY LIMITATIONSWeb App   VS.   Native App
NATIVE APPIN FAVOR OF NATIVE APPLICATIONS                    Better Experience                    Background Applications ...
WEB APPIN FAVOR OF WEB APPLICATIONS                   Cross-platform support                   Central updates            ...
WEB APPS VS. NATIVE APPS  INTERACTIVE PRIMER       http://nrdry.com/8
QUESTIONS?Using the questions panels in the GoToMeeting appOn Twitter @The_NerderySend us an email at primers@nerdery.comM...
Mobile UX - A Nerdery Interactive Primer
Upcoming SlideShare
Loading in...5
×

Mobile UX - A Nerdery Interactive Primer

16,926

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
16,926
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
79
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide

Mobile UX - A Nerdery Interactive Primer

  1. 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. 2. HOW TO PARTICIPATEUsing the questions panels in the GoToMeeting appOn Twitter @The_NerderySend us an email at primers@nerdery.com
  3. 3. MOBILE UXINTERACTIVE PRIMER SERIES
  4. 4. JACOBUSER EXPERIENCE DESIGNER
  5. 5. JONSENIOR DEVELOPER
  6. 6. WHAT WE WILL COVER1. The Mobile Landscape2. Types of Mobile Apps3. Mobile UX Process4. Designing Mobile Apps5. Technology Limitations
  7. 7. 1. THE MOBILE LANDSCAPE
  8. 8. MOBILE GROWTHSource: http://nrdry.com/3X
  9. 9. MOBILE FACTS MOBILE USAGE Source: http://nrdry.com/3X
  10. 10. MOBILE MARKETING Source: http://nrdry.com/3X
  11. 11. MOBILE FINANCE
  12. 12. 2. TYPES OF MOBILE APPS
  13. 13. TYPES OF MOBILE APPS Serious Tools Fun Tools Fun Games Serious EntertainmentSource: http://nrdry.com/3X
  14. 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. 15. 3. MOBILE UX PROCESS
  16. 16. MOBILE UX PROCESS1. User Requirements Analysis2. Conceptual Design3. Design and Implementation4. Usability Evaluation5. Launch and Maintenance
  17. 17. 4. DESIGNING FOR MOBILE
  18. 18. DESIGNING MOBILE APPS THINGS TO KEEP IN MIND Simplicity User-focused Design Understanding Devices Standard UI Conventions Technology Limitations
  19. 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. 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. 21. UNDERSTANDING DEVICES
  22. 22. CHOOSING A TARGET OS
  23. 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. 24. SELECTING TARGET DEVICES MOST POPULAR TABLETS ON THE MARKET 1. 2. 3.Apple iPad (82%) Motorola Xoom (4%) Dell Streak (3%)
  25. 25. EXISTING UI CONVENTIONS Native UI VS. Custom UI
  26. 26. EXERCISEUI COMPARISON
  27. 27. UI COMPARISON FACEBOOK - IPHONE
  28. 28. UI COMPARISON FACEBOOK - ANDROID
  29. 29. UI COMPARISONFACEBOOK - WINDOWS MOBILE
  30. 30. UI COMPARISON FACEBOOK - BLACKBERRY
  31. 31. UI COMPARISON TWITTER - IPHONE
  32. 32. UI COMPARISON TWITTER - ANDROID
  33. 33. UI COMPARISON TWITTER - WINDOWS
  34. 34. UI COMPARISON TWITTER - BLACKBERRY
  35. 35. UI COMPARISON YELP - IPHONE
  36. 36. UI COMPARISON YELP - ANDROID
  37. 37. UI COMPARISON YELP - WINDOWS
  38. 38. UI COMPARISON YELP - BLACKBERRY
  39. 39. UI COMPARISONCAN YOU PICK OUT WHICH APP GROUPS BELONG TO WHAT OS?
  40. 40. UI COMPARISONIPHONE WINDOWS ANDROID BLACKBERRY CAN YOU PICK OUT WHICH APP GROUPS BELONG TO WHAT OS?
  41. 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. 42. UI DESIGNOS GUI TEMPLATES
  43. 43. 5. TECHNOLOGY LIMITATIONS
  44. 44. TECHNOLOGY LIMITATIONSWeb App VS. Native App
  45. 45. NATIVE APPIN FAVOR OF NATIVE APPLICATIONS Better Experience Background Applications Device Capabilities Findability Offline Mode Games
  46. 46. WEB APPIN FAVOR OF WEB APPLICATIONS Cross-platform support Central updates Accessibility Development Effort Open Mobile Web
  47. 47. WEB APPS VS. NATIVE APPS INTERACTIVE PRIMER http://nrdry.com/8
  48. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×