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 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
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.(personal i ty 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 - 7Born during
evolving techtechnology is gesture based
Born 1 year before the iPhone
Mobile UX is a balancing act
My Little Pony copyright Hasbro Toy Company
constraints
andbehaviour
s
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
NaturalRecall
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