Mobile UX - A Nerdery Interactive Primer
Upcoming SlideShare
Loading in...5
×
 

Mobile UX - A Nerdery Interactive Primer

on

  • 17,065 views

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

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

Statistics

Views

Total Views
17,065
Views on SlideShare
16,484
Embed Views
581

Actions

Likes
5
Downloads
76
Comments
1

12 Embeds 581

http://blog.nerdery.com 540
http://blog.websourcing.fr 12
url_unknown 6
http://bytes.fallonhotdish.com 5
http://lannonian.com 4
https://si0.twimg.com 3
http://localhost 3
http://www.thoughtsandstrengths.com 2
http://nuts.iitj.ac.in 2
http://www.netvibes.com 2
http://reader.googleusercontent.com 1
http://feeds.feedburner.com 1
More...

Accessibility

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…
  • Apply for our User Experience Designer or Mobile Developer jobs at The Nerdery: http://nerdery.com/jobs
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Mobile UX - A Nerdery Interactive Primer Mobile UX - A Nerdery Interactive Primer Presentation Transcript

  • 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
  • HOW TO PARTICIPATEUsing the questions panels in the GoToMeeting appOn Twitter @The_NerderySend us an email at primers@nerdery.com
  • 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 Limitations
  • 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 Fun Games Serious EntertainmentSource: http://nrdry.com/3X
  • 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
  • 3. MOBILE UX PROCESS
  • MOBILE UX PROCESS1. User Requirements Analysis2. Conceptual Design3. Design and Implementation4. Usability Evaluation5. Launch and Maintenance
  • 4. DESIGNING FOR MOBILE
  • DESIGNING MOBILE APPS THINGS TO KEEP IN MIND Simplicity User-focused Design Understanding Devices Standard UI Conventions Technology Limitations
  • 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
  • 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?
  • UNDERSTANDING DEVICES
  • CHOOSING A TARGET OS
  • 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
  • SELECTING TARGET DEVICES MOST POPULAR TABLETS ON THE MARKET 1. 2. 3.Apple iPad (82%) Motorola Xoom (4%) Dell Streak (3%)
  • 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 Practices for UINokia Design & User Experience LibraryBada Application UI GuideSony Ericsson UI RulebookUI Guidelines for Windows Mobile
  • UI DESIGNOS GUI TEMPLATES
  • 5. TECHNOLOGY LIMITATIONS
  • TECHNOLOGY LIMITATIONSWeb App VS. Native App
  • NATIVE APPIN FAVOR OF NATIVE APPLICATIONS Better Experience Background Applications Device Capabilities Findability Offline Mode Games
  • WEB APPIN FAVOR OF WEB APPLICATIONS Cross-platform support Central updates Accessibility Development Effort Open Mobile Web
  • 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.comMore answers online at http://nerdery.com