Mobile UX - A Nerdery Interactive Primer

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

http://blog.nerdery.com	316
url_unknown	6
http://bytes.fallonhotdish.com	5

Mobile UX - A Nerdery Interactive Primer

by The Nerdery on May 10, 2011

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 327

Statistics

Mobile UX - A Nerdery Interactive Primer — Presentation Transcript