Andrew Smyk
Husband, father, educator, all around good guy
Program Coordinator for the Interactive
Multimedia program at S...
“People two, three or four years apart
are having completely different
experiences with technology,”
Lee Rainie, director ...
Project One:
Brewer’s Web Relaunch
Responsive Web Design
Create a desktop and mobile
User Experience that captures
the lif...
Project Two:
Mobile App
Push Promotions
Brand related games
Create a User Experience that
captures the lifestyle of the br...
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 ...
11 - 6 - 4
12 - 7 - 5
digital and analog
“This is my iPad.”
“Why is there a phone in your camera?”
Mobile UX is a balancing act
constraints
and
behaviours
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 t...
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?
Contact me: @andrewsmyk
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
What You Can Learn From a 4 Year Old About Ponies and Mobile UX
Upcoming SlideShare
Loading in …5
×

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

605 views
551 views

Published on

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.

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

  • Be the first to like this

No Downloads
Views
Total views
605
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Emtionalvs Efficient design
  • Emtionalvs Efficient design
  • Emtionalvs Efficient design
  • Emtionalvs Efficient design
  • What You Can Learn From a 4 Year Old About Ponies and Mobile UX

    1. 1. Andrew Smyk Husband, father, educator, all around good guy Program Coordinator for the Interactive Multimedia program at Sheridan. Lover of all things pizza.
    2. 2. “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/
    3. 3. Project One: Brewer’s Web Relaunch Responsive Web Design Create a desktop and mobile User Experience that captures the lifestyle of the brand Allows users to participate in contests and give-a-ways easily regardless of platform Optimized site elements for mobile
    4. 4. Project Two: Mobile App Push Promotions Brand related games Create a User Experience that captures the lifestyle of the brand App to update content seamlessly for the user
    5. 5. Users: Mobile Accessing content in various settings Specifically bars & outdoor events Out with friends
    6. 6. Experiment: Substitute content with ponies
    7. 7. “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/
    8. 8. 11 - 6 - 4
    9. 9. 12 - 7 - 5
    10. 10. digital and analog
    11. 11. “This is my iPad.”
    12. 12. “Why is there a phone in your camera?”
    13. 13. Mobile UX is a balancing act
    14. 14. constraints and behaviours capabilities and needs
    15. 15. fitts’s law
    16. 16. 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
    17. 17. Small Touch Target = Big Problems
    18. 18. Small Touch Target = Big Problems Sources: Apple HIG & MIT Touch Lab
    19. 19. Small Touch Target = Big Problems
    20. 20. Small Touch Target = Big Problems
    21. 21. Touch Zones: LukeW
    22. 22. Touch Zones: LukeW
    23. 23. If it looks like a button, it better be a button.
    24. 24. skeuomorph vs. flat
    25. 25. Skeuomorphic vs Flat http://dribbble.com/shots/1123651-Skeuomorphic-vs-Flat-Design by Victor Bejar
    26. 26. content
    27. 27. Two versions of a site created (desktop vs. responsive)
    28. 28. 95% abandon rate
    29. 29. <a href="#menu">[image file]</a> <a name="menu"></a>
    30. 30. Simple solutions are elegant.
    31. 31. You will never hear, “Hey, where’s the slide out menu?”
    32. 32. You will hear, “Your menu doesn’t work! #fail”
    33. 33. performance is design
    34. 34. 74 Test in the Wild
    35. 35. 75 Test in the Wild Drop the WiFi
    36. 36. 76 Test in the Wild Test using “one bar”
    37. 37. Help Your User (Find the Ponies)
    38. 38. If a 4 year old can find the ponies
    39. 39. so can your user
    40. 40. Thank you!
    41. 41. Questions?
    42. 42. Contact me: @andrewsmyk

    ×