Download - How do we create great user experiences?
![Page 1: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/1.jpg)
Jan Hagen, Wordcamp 2013
How do we create great user experiences?
![Page 2: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/2.jpg)
HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
Quantitative
«People want us to give hard and fast rules:Don`t show more than X menu items; dont write more than Y words per page; nothing should be more than Z clicks away from the homepage.
Unfortunately, UI design doesn`t work that way. Usability questions seldom have a single answer. Rather, they are qualitative issues that specify the direction and nature of inevitable design trade-offs» Jacob Nielsen
It's always a mixture
Qualitative
Research
ELEMENTS OF SUCCESS
2
![Page 3: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/3.jpg)
2009 2010 2011 2012 2013
•Field Studies •Focus groups •Interviews
International cases
Copywriting and web analysis
User patterns
Usability engineering
RESEARCH EXPERIENCE
3
Qualitative OCA
•Tracked 2,5 million
•1+ testing group each week
•Sony, Hotels, Ducati etc.
•19x4h training camps
•Video tracking
HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 4: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/4.jpg)
There is no such thing that people don`t read anymore. However, how they consume
text with technology has definately changed a lot.
People read.Always test your ideas! Never assume that people think and
act the way you do.
Never assume.There is no person in the world that
is willing to wait for information if they can get it elsewhere quicker.
Examples: Loading time, text, image psychology and navigation is time
sensitive.
People don`t wait
WHAT I`VE LEARNED
4 HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 5: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/5.jpg)
CURRENT WORKFLOW
Profiling, Heatmapping, Overlays, Scrollmapping and time-task-analysis.
Quantitative analysis
Card sorting, Interviews, Architecture validation (task analysis), Design and wireframe test.
Qualitative
Traffic, internal/external search, geographic, demographic and conversions.
Webanalysis
5 HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 6: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/6.jpg)
NUMBERS AND STUFF
![Page 7: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/7.jpg)
WHY DO PEOPLE LEAVE?
Behavior Result
Looking at first page 1 min 42 sec
Final webpage 2 min 34 sec
Interior pages vs homepage 32 sec VS 25 sec
Competitor visits per.task 3 in avg.
Time is critical, give people answers!- Focus on intent without content stuffingTime is critical, give people answers!- Focus on intent without content stuffing
7
0 %
1 %
2 %
3 %
4 %
5 %
SECONDS 20.s 40.s 60 80 100 120
12%
HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 8: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/8.jpg)
Almost 80% of the time is spent above the fold.
People scroll pages with predictable content (wikipedia, news, booking engines etc.)
People scroll, but spend less
time.
IS THE «FOLD» REAL?
8
Pages are scrolled 70% of the time
HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 9: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/9.jpg)
RESEARCH NAVIGATION
9
Research architecture validation, with card sorting and users tasks.
Drop mouseovers and make headings and pictures clickable.
Do an internal and external keyword analysis - remove internal jargon
Make the navigation stand out if you want a high successrate.
HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 10: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/10.jpg)
PREDICTING NEXT STEP
10 HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 11: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/11.jpg)
CONCEPT VIDEOS
11
People visit 2-3 competing sites before making decitions, don`t let videos be the only option of informational gathering.
Videos are great for advanced illustration where you show features that is hard to explain with pictures/infographs.
Large concept explainations are seldom the best way to go about it.
HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 12: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/12.jpg)
IGNORED ELEMENTS
12
Social boxes Ads Stock photos
HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 13: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/13.jpg)
SLIDERS AND GALLERIES
13
WorkWork
Footer (fail) 50% of clicks
HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN
![Page 14: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/14.jpg)
SAY WHAT ACTION?
![Page 15: How do we create great user experiences?](https://reader033.vdocument.in/reader033/viewer/2022051616/553ba2734a7959ac798b46c2/html5/thumbnails/15.jpg)
CALL ME MAYBE
Jan HagenSenior [email protected]
15
+47 452 88 533
HOW DO WE CREATE GREAT USER EXPERIENCES? JAN HAGEN