Visual Analytics

48
Visual Analytics A picture is worth a thousand words Bartosz Mozyrko [email protected]

Transcript of Visual Analytics

Page 1: Visual Analytics

Visual Analytics

A picture is worth a thousand words

Bartosz [email protected]

Page 2: Visual Analytics

Quick Poll

Who uses Google Analytics?

Page 3: Visual Analytics

Some stats

80% of websites using any kind of analytics use Google Analytics

http://blog.littledata.co.uk/2014/04/how-many-websites-use-google-analytics/

Page 4: Visual Analytics

Do we use it effectively?

Uhm… eee… kinda sorta

Page 5: Visual Analytics

Business need

Most of online businesses will make decisions based on a gut

feeling or by using wrong metrics.

Page 6: Visual Analytics

Let’s face it

People don’t get analytics

Page 7: Visual Analytics
Page 8: Visual Analytics

It goes like this

Data

Value

Page 9: Visual Analytics

Everybody has information

DataInformati

on

Data + Structure

Value

Page 10: Visual Analytics

That's the tricky part

DataInformati

onKnowledg

eDecision Change

Data + Structure

Information + Meaning

Knowledge + Recommendation

Value

Page 11: Visual Analytics

VS

Why your brain needs data visualization

Page 12: Visual Analytics

Visual Analytics aim to tell you “why”

What people do

What people say

Why & how to fix How many & how much

Visual Analytics

Surveys

Traditional Analytics

Interviews

Page 13: Visual Analytics

Traditional Analytics

1st page 2nd page 3rd page

Traditional analytics look at the transitions between pages

Page 14: Visual Analytics

Visual Analytics

1st page 2nd page 3rd page

Visual (in-page) analytics focus on what happens within the pages themselves

Traditional analytics look at the transitions between pages

Page 15: Visual Analytics

Here are some of the options

• Click Tracking

• Form Analytics

• Session Replay

• Misc.

Page 16: Visual Analytics

CLICK TRACKINGSee what makes your visitors click

Page 17: Visual Analytics

Click TrackingHeat map

Page 18: Visual Analytics

Click TrackingHeat map (reversed)

Page 19: Visual Analytics

Click Tracking

Area of Interest(AOI)

Page 20: Visual Analytics

The scroll reach

Page 21: Visual Analytics

http://www.conversionomics.com.au/learning-centre/increase-website-conversions-using-heat-mapping-analysis/

The scroll reach

Helps you with landing page optimization

Page 22: Visual Analytics

• Heat map analysis revealed that 24 % of the clicks were going in wrong places

• As a result, simple design changes increased conversion by 122%

How can heat maps improve conversion?

http://blog.usabilitytools.com/case-study-optimalenergy/

Page 23: Visual Analytics

Users don't need to go through the whole page. As soon as they find useful information, they leave. You can't click what you can't see.

Page 24: Visual Analytics

Why not stick it to the window? After spotting the issue, the solution came quickly.

Page 25: Visual Analytics

FORM ANALYTICSSee which elements make your visitors leave the website before completing the form

Page 26: Visual Analytics

That’s our pricing page

Page 27: Visual Analytics

Field abandonment rate

Form Tester tool shows you which fields cause most dropouts…

That’s an issue, right here

Page 28: Visual Analytics

Time spent

…and how much time users spend with each field

Page 29: Visual Analytics

SESSION REPLAYSee your website from the user perspective and learn from their behavior

Page 30: Visual Analytics
Page 31: Visual Analytics

Filters will help you to get most valuable user sessions

Page 32: Visual Analytics

Use one tool to spot the issue…

Zapytac Marcina

http://mozyrko.pl/2014/10/14/usability-tools-success-stories-pl/

Page 33: Visual Analytics

…and another to see what actually happened

Zapytac Marcina

http://mozyrko.pl/2014/10/14/usability-tools-success-stories-pl/

Page 34: Visual Analytics

Let’s see how it works

Demo time

http://usabilitytools.com/

Page 35: Visual Analytics

This is the technology behind it*

*A front-end guy told me, it might be the most interesting slide here

Page 36: Visual Analytics

Some benefits of Visual Analytics

• Find out how users click and scroll…

• …and where they aren’t

• Identify and fix usability issues

• See which features are working

• Spot bugs as they happened

• See how users experience your website

Page 37: Visual Analytics

Why the “why” is important?

Alesandro’s goals:- Go fast- Have fun

Marge’s goals:- Be safe- Be comfortable

Dale’s goals:- Haul big loads- Be reliable

http://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/0470084111

Page 38: Visual Analytics

Here’s why

http://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/0470084111

Page 39: Visual Analytics

Would Alesandro buy the car?

Alesandro’s goals:- Go fast- Have fun

Page 40: Visual Analytics

Nope

Page 41: Visual Analytics

Would Marge buy the car?

Marge’s goals:- Be safe- Be comfortable

Page 42: Visual Analytics

Nope

Page 43: Visual Analytics

Would Dale buy the car?

Dale’s goals:- Haul big loads- Be reliable

Page 44: Visual Analytics

Nope

Page 45: Visual Analytics

Conclusion

Guessing is expensive(believe me, I’ve been there)

Page 46: Visual Analytics

Thank you for your time!

The purpose of computing is insight, not numbers

- Richard Hamming (1915–1998)

Page 47: Visual Analytics

By the way, we're recruiting

R&D project. Have fun with us, if you’re:

• Product Manager

• JavaScript Developer

• Java Developer

http://career.usabilitytools.com/

Page 48: Visual Analytics

Yup, this is a link

The CTA slide