The document discusses Andrew Smyk's role as a program coordinator and his thoughts on mobile user experience design, highlighting the challenges of responsive web design and the importance of usability. It includes insights from Lee Rainie about differing technology experiences across age groups and emphasizes performance in design through user testing. The document also references Fitts's law and the necessity of creating intuitive interfaces that engage users across various platforms.

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