0
marlinmobile
marlinmobile   MOBILE UX WITH ADRIAN MENDOZA   2
DEVICES                             CARRIERS  IOS                ANDROID marlinmobile             MOBILE UX WITH ADRIAN ME...
OS’S   OS VERSIONSmarlinmobile          MOBILE UX WITH ADRIAN MENDOZA   4
SCREEN RESOLUTIONS                2048	  x	  1536	  pixels	                                  1024	  X	  768	  pixels	     ...
IT’S A MILLION MATRIX PROBLEM                                               Your                                          ...
marlinmobile   MOBILE UX WITH ADRIAN MENDOZA   7
BE ON THE DEVICE   This is a start, but in no way is it scalable. marlinmobile                                       MOBIL...
KNOW THY DEVICES                                                 7X                                             difference...
KNOW THY USERS  Source: Google marlinmobile      MOBILE UX WITH ADRIAN MENDOZA   10
KNOW THY USERS  Do you know what your user wants, have you asked them? Feedback is king. marlinmobile                     ...
KNOW THAT EXPECTATIONS ARE DIFFERENT                                                                           One        ...
KNOW THAT DESIGN IS DIFFERENT•  Use Gestures instead of Clicks•  UI needs space for fingers (around 48 pixels)•  Users and...
WIREFRAME FOR MOBILE•  Design screens based around flows. Not just a single screen•  Show call to actions after the each f...
PROTOTYPING …. BE ON THE DEVICE                                                                  I wasn’t                 ...
CREATE A MOBILE “EXPERIENCE” STRATEGY•  Design for multiple platforms if you can•  Target your users if you know them•  As...
marlinmobile   MOBILE UX WITH ADRIAN MENDOZA   17
Upcoming SlideShare
Loading in...5
×

Mobile Monday Labs Boston 9/10/12 - Mobile Experience Design with Adrian Mendoza

414

Published on

Presentation given at mobile Mondays labs event in Boston on September 10th 2012. The topic is an intro to the state of mobile experience design. Topics covered are the mobile problem, user interface design for mobile, and user experience design for mobile. More info see http://momoboston.com/

The presenter is Adrian Mendoza, co-founder of Marlin Mobile based in Boston. Visit Adrian Mendoza sblog at http://www.marlinmobile.com/blog

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
414
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile Monday Labs Boston 9/10/12 - Mobile Experience Design with Adrian Mendoza"

  1. 1. marlinmobile
  2. 2. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 2
  3. 3. DEVICES CARRIERS IOS ANDROID marlinmobile MOBILE UX WITH ADRIAN MENDOZA 3
  4. 4. OS’S OS VERSIONSmarlinmobile MOBILE UX WITH ADRIAN MENDOZA 4
  5. 5. SCREEN RESOLUTIONS 2048  x  1536  pixels   1024  X  768  pixels   960  x  1600  pixels   480  x  854  pixels   What the? 480  x  800  pixels   320  x  480   pixels   marlinmobile MOBILE UX WITH ADRIAN MENDOZA 5
  6. 6. IT’S A MILLION MATRIX PROBLEM Your Mobile User Experience marlinmobile MOBILE UX WITH ADRIAN MENDOZA 6
  7. 7. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 7
  8. 8. BE ON THE DEVICE This is a start, but in no way is it scalable. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 8
  9. 9. KNOW THY DEVICES 7X difference Real devices = Real Results. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 9
  10. 10. KNOW THY USERS Source: Google marlinmobile MOBILE UX WITH ADRIAN MENDOZA 10
  11. 11. KNOW THY USERS Do you know what your user wants, have you asked them? Feedback is king. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 11
  12. 12. KNOW THAT EXPECTATIONS ARE DIFFERENT One extra click One 404 error extra second One extra MB Mobile is not your desktop experience The concept of failure is redefined. Its not just about your site being down its about your experience not being optimized for mobile. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 12
  13. 13. KNOW THAT DESIGN IS DIFFERENT•  Use Gestures instead of Clicks•  UI needs space for fingers (around 48 pixels)•  Users and UI are different for each platform(For example: Android users know what a menu button is.. iPhoneuser use the big button approach. “one button for all”)•  Design, user experience, and developer are tied together Design UX Dev marlinmobile MOBILE UX WITH ADRIAN MENDOZA 13
  14. 14. WIREFRAME FOR MOBILE•  Design screens based around flows. Not just a single screen•  Show call to actions after the each flow•  Keep the users in a loop marlinmobile MOBILE UX WITH ADRIAN MENDOZA 14
  15. 15. PROTOTYPING …. BE ON THE DEVICE I wasn’t kidding Everything changes when you get on the device. See how the UI looks, interacts, and get feedback from users. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 15
  16. 16. CREATE A MOBILE “EXPERIENCE” STRATEGY•  Design for multiple platforms if you can•  Target your users if you know them•  Ask the hard question before you start.•  Are you a mobile web, app, or web app Or are you all of the above? Are you designing for a tablet?•  Weight the advantages and disadvantages of each(For example: Do you go response and weigh the performanceissues ) marlinmobile MOBILE UX WITH ADRIAN MENDOZA 16
  17. 17. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 17
  1. A particular slide catching your eye?

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

×