marlinmobile

marlinmobile MOBILE UX WITH ADRIAN MENDOZA 2

marlinmobile

DEVICES

MOBILE UX WITH ADRIAN MENDOZA 3

IOS

ANDROID

CARRIERS

marlinmobile

OS’S

MOBILE UX WITH ADRIAN MENDOZA 4

OS VERSIONS

marlinmobile

SCREEN RESOLUTIONS

MOBILE UX WITH ADRIAN MENDOZA 5

2048  x  1536  pixels  

1024  X  768  pixels  

960  x  1600  pixels  

480  x  854  pixels  

480  x  800  pixels  

320  x  480  pixels  

What the?

marlinmobile

IT’S A MILLION MATRIX PROBLEM

MOBILE UX WITH ADRIAN MENDOZA 6

Your Mobile User

Experience

marlinmobile MOBILE UX WITH ADRIAN MENDOZA 7

marlinmobile

BE ON THE DEVICE

MOBILE UX WITH ADRIAN MENDOZA 8

This is a start, but in no way is it scalable.

marlinmobile

KNOW THY DEVICES

MOBILE UX WITH ADRIAN MENDOZA 9

7X difference

Real devices = Real Results.

marlinmobile

KNOW THY USERS

MOBILE UX WITH ADRIAN MENDOZA 10

Source: Google

marlinmobile

KNOW THY USERS

MOBILE UX WITH ADRIAN MENDOZA 11

Do you know what your user wants, have you asked them? Feedback is king.

marlinmobile

KNOW THAT EXPECTATIONS ARE DIFFERENT

MOBILE UX WITH ADRIAN MENDOZA 12

404 error

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.

One extra

click

One extra

second

One extra

MB

marlinmobile

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.. iPhone user use the big button approach. “one button for all”) •  Design, user experience, and developer are tied together

MOBILE UX WITH ADRIAN MENDOZA 13

UX

Design

Dev

marlinmobile

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

MOBILE UX WITH ADRIAN MENDOZA 14

marlinmobile

PROTOTYPING …. BE ON THE DEVICE

MOBILE UX WITH ADRIAN MENDOZA 15

Everything changes when you get on the device. See how the UI looks, interacts, and get feedback from users.

I wasn’t kidding

marlinmobile

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 performance issues )

MOBILE UX WITH ADRIAN MENDOZA 16

marlinmobile MOBILE UX WITH ADRIAN MENDOZA 17