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.

3. Andrew Smyk
Husband, father, educator, all around good guy
Program Coordinator for the Interactive
Multimedia program at Sheridan.
Lover of all things pizza.

4. “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. 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

9. 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

10. Users:
Mobile
Accessing content in various settings
Specifically bars & outdoor events
Out with friends

13. Experiment:
Substitute content with ponies

14. “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/

15. 11 - 6 - 4

16. 12 - 7 - 5

17. digital and analog

18. “This is my iPad.”

19. “Why is there a phone in your camera?”

20. Mobile UX is a balancing act

21. constraints
and
behaviours
capabilities
and
needs

22. fitts’s law

23. 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

25. Small Touch Target = Big Problems

26. Small Touch Target = Big Problems
Sources: Apple HIG & MIT Touch Lab

27. Small Touch Target = Big Problems

28. Small Touch Target = Big Problems

29. Touch Zones: LukeW

30. Touch Zones: LukeW

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

34. skeuomorph vs. flat

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

46. content

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

57. 95%
abandon rate

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

70. Simple solutions are elegant.

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

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

73. performance is design

74. 74
Test in the Wild

75. 75
Test in the Wild
Drop the WiFi

76. 76
Test in the Wild
Test using “one bar”

78. Help Your User (Find the Ponies)

79. If a 4 year old can find the ponies

80. so can your user

81. Thank you!

82. Questions?

83. @andrewsmyk