'

FSTO edition 2015

Понравилась презентация – покажи это...





Слайд 0

FSTO edition 2015


Слайд 1


Слайд 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

Simpsons copyright Fox Broadcasting


Слайд 4


Слайд 5


Слайд 6


Слайд 7

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


Слайд 8

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


Слайд 9

Users: Mobile Using app in various settings Specifically bars & outdoor events Out with friends


Слайд 10


Слайд 11

My Little Pony copyright Hasbro Toy Company


Слайд 12

Solution: Substitute content with ponies


Слайд 13

deep dive


Слайд 14

Find out everything you can about ponies.


Слайд 15

Each pony is unique. (personality and behavior)


Слайд 16

Just like your Users


Слайд 17

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


Слайд 18

11 - 6 - 4


Слайд 19

13 - 9 - 7


Слайд 20


Слайд 21


Слайд 22

Mobile UX is a balancing act My Little Pony copyright Hasbro Toy Company


Слайд 23

constraints and behaviours capabilities and needs Jenga copyright Hasbro Toy Company


Слайд 24

fitts’s law


Слайд 25

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


Слайд 26


Слайд 27

Small Touch Target = Big Problems


Слайд 28

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


Слайд 29

Small Touch Target = Big Problems


Слайд 30

Small Touch Target = Big Problems


Слайд 31

Pro Tip: A Touch Template helps design Interactions


Слайд 32

Touch Zones: LukeW


Слайд 33

Touch Zones: LukeW


Слайд 34


Слайд 35

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


Слайд 36


Слайд 37

skeuomorph vs. flat


Слайд 38

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


Слайд 39


Слайд 40


Слайд 41


Слайд 42


Слайд 43


Слайд 44


Слайд 45


Слайд 46


Слайд 47


Слайд 48


Слайд 49


Слайд 50


Слайд 51


Слайд 52


Слайд 53


Слайд 54


Слайд 55


Слайд 56


Слайд 57

Sources: Apple Developer HIG


Слайд 58

DON’T


Слайд 59


Слайд 60


Слайд 61


Слайд 62


Слайд 63


Слайд 64


Слайд 65


Слайд 66

Keeping the Child in Mind: Press versus Tap


Слайд 67

Keeping the Child in Mind: Press versus Tap onRelease vs. onPress


Слайд 68


Слайд 69


Слайд 70

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


Слайд 71

Simple solutions are elegant.


Слайд 72

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


Слайд 73

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


Слайд 74


Слайд 75

content


Слайд 76


Слайд 77


Слайд 78

My Little Pony copyright Hasbro Toy Company


Слайд 79

Natural Recall


Слайд 80


Слайд 81

Performance is Design My Little Pony copyright Hasbro Toy Company


Слайд 82

performance is design


Слайд 83

84 Test in the Wild


Слайд 84

85 Test in the Wild Drop the WiFi


Слайд 85

86 Test in the Wild Test using “one bar”


Слайд 86

My Little Pony copyright Hasbro Toy Company


Слайд 87


Слайд 88

Help the Sad Butterfly Find the Ponies


Слайд 89

If a 4 year old can find the ponies


Слайд 90

so can your user


Слайд 91

Thank you!


Слайд 92

Questions?


Слайд 93

@andrewsmyk


Слайд 94


×

HTML:





Ссылка: