What You Can Learn From a 4 Year Old About Ponies and Mobile UX

Andrew Smyk

Husband, father, educator, all around good guy

Program Coordinator for the Interactive Multimedia program at Sheridan.

Lover of all things pizza.

“People two, three or four years apart are having completely different experiences with technology,”

Lee Rainie, director of the Pew Research Center’s Internet and American Life Project.

http://www.flickr.com/photos/tocaboca/5523596357/

Project One:

Brewer’s Web RelaunchResponsive Web Design

Create a desktop and mobileUser Experience that capturesthe lifestyle of the brand

Allows users to participate in contests and give-a-ways easily regardless of platform

Optimized site elements for mobile

Project Two:

Mobile AppPush Promotions

Brand related games

Create a User Experience that captures the lifestyle of the brand

App to update content seamlessly for the user

Users:

Mobile

Accessing content in various settings

Specifically bars & outdoor events

Out with friends

Experiment:

Substitute content with ponies

“People two, three or four years apart are having completely different experiences with technology,”

Lee Rainie, director of the Pew Research Center’s Internet and American Life Project.

http://www.flickr.com/photos/tocaboca/5523596357/

11 - 6 - 4

12 - 7 - 5Born during

evolving techtechnology is gesture based

Born 1 year

before the

iPhone

digital and analog

“This is my iPad.”

“Why is there a phone in your camera?”

Mobile UX is a balancing act

constraints

andbehaviour

s

capabilities

and needs

fitts’s law

Fitts's Law is a model of human movement which predicts the time required to rapidly move to a target area a function of the distance to the target and the size of the target.

source: Wikipedia

Small Touch Target = Big Problems

Small Touch Target = Big Problems

Sources: Apple HIG & MIT Touch Lab

Small Touch Target = Big Problems

Small Touch Target = Big Problems

Touch Zones: LukeW

Touch Zones: LukeW

If it looks like a button, it better be a button.

skeuomorph vs. flat

Skeuomorphic vs Flat http://dribbble.com/shots/1123651-Skeuomorphic-vs-Flat-Design by Victor Bejar

content

Two versions of a site created(desktop vs. responsive)

95%abandon rate

<a href="#menu">[image file]</a>

<a name="menu"></a>

Simple solutions are elegant.

You will never hear, “Hey, where’s the slide out menu?”

You will hear, “Your menu doesn’t work! #fail”

performance is design

74

Test in the Wild

75

Test in the Wild

Drop the WiFi

76

Test in the Wild

Test using “one bar”

Help Your User (Find the Ponies)

If a 4 year old can find the ponies

so can your user

Thank you!

Questions?

@andrewsmyk