what you can learn from a 4 year old about ponies and mobile ux
DESCRIPTION
Presented at SCREENS 2013 in Toronto. Details at fitc.ca/screens Look at mobile from a child’s perspective to gain insight to practical take-a-ways for implementation with real world examples. See how storytelling, usability and interactive design change the mobile user experience when designed and developed with a four year in mind. In this session, explore a project case study involving the UX for the various mobile platforms and decisions regarding navigation, content strategy based on testing the user experience with my 4 year old daughter by changing to kid friendly content and images. Take advantage of the humbling and brutal honesty of kids to build practical and engaging mobile web applications. Feedback was used to make changes to the RWD site’s user experience and the content strategy. If you can engage a 4 year old with good UX, you can certainly engage the target market with good UI/UX, presentation and navigation. Answer the pressing question “where are the ponies?” in your mobile UX.TRANSCRIPT
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