FSTO edition 2015
“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/
Simpsons copyright Fox Broadcasting
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
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
Users:
Mobile
Using app in various settings
Specifically bars & outdoor events
Out with friends
My Little Pony copyright Hasbro Toy Company
Solution:
Substitute content with ponies
deep dive
Find out everything you can
about ponies.
Each pony is unique.
(personality and behavior)
Just like your Users
“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
13 - 9 - 7
Mobile UX is a balancing act
My Little Pony copyright Hasbro Toy Company
constraints
and
behaviours
capabilities
and
needs
Jenga copyright Hasbro Toy Company
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
Pro Tip: A Touch Template helps design Interactions
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
Sources: Apple Developer HIG
DON’T
Keeping the Child in Mind: Press versus Tap
Keeping the Child in Mind: Press versus Tap
onRelease vs. onPress
<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”
content
My Little Pony copyright Hasbro Toy Company
Natural
Recall
Performance is Design
My Little Pony copyright Hasbro Toy Company
performance is design
84
Test in the Wild
85
Test in the Wild
Drop the WiFi
86
Test in the Wild
Test using “one bar”
My Little Pony copyright Hasbro Toy Company
Help the Sad Butterfly Find the Ponies
If a 4 year old can find the ponies
so can your user
Thank you!
Questions?
@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

Editor's Notes

  • #40 Emtional vs Efficient design
  • #41 Emtional vs Efficient design
  • #42 Emtional vs Efficient design
  • #45 Emtional vs Efficient design