wud slovakia 2015: data-driven design / jozef očkay

87
Data–Driven Design Jozef Očkay

Upload: suxask

Post on 16-Apr-2017

658 views

Category:

Technology


4 download

TRANSCRIPT

Page 1: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Data–Driven DesignJozef Očkay

Page 2: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

“Nowadays, every hipster is a designer”

– interview candidate

Page 3: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Hipster Designer

• tend to express himself

• self-expression > function

• 3rd bullet point for extra coolness

Page 4: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Ego Designer

• is always right

• has big ego

• I think …• I expect …• in my opinion …• based on my knowledge …

Page 5: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Designer

• asks questions

• likes to iterate

• wants to solve the problem

Page 6: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

HipsterDesigner

EgoDesigner

Designer

Client Expectation

Customerneed

Page 7: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Decisions

• opinion-driven• ego-driven• authority-driven• data-driven

Page 8: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

“Without data youare just another person

with an opinion”– W. Edwards Deming,

Data Scientist

Page 9: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

IconsFloppy disks are like Jesus.They died to becomethe icon of saving.

Page 10: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 11: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Hello :)

Page 12: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 13: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 14: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 15: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 16: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 17: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 18: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Winner

Page 19: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 20: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

?

Page 21: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 22: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 23: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

new icon

Page 24: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

new icon

Page 25: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

new icon

Page 26: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

new icon

Page 27: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

new icon

Page 28: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

new icon

Page 29: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

new icon

Page 30: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

new icon

Page 31: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

new icon

Page 32: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Old icon1.

2. New icon

3.

4.

5.

Page 33: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Old iconNew icon

Page 34: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

IA InformationArchitecture

Where’s the bestplace to hide a body?Page two of Google.

<body>

Page 35: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 36: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 37: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 38: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Around 400 participants of which 50 have sorted all 75 cardsAVG time to complete: 16 minutes

Page 39: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 40: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Dendrogram

Page 41: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 42: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Similarity Matrix

Page 43: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 44: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

User FlowUX is like a joke.If you have to explainit, it’s no good.

Page 45: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

Page 46: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

40% success rate19.58 sec

Page 47: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

Page 48: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

100% success rate18.65 sec

Page 49: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

Page 50: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

100% success rate25.83 sec

Page 51: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

40% success rate19.58 sec

Page 52: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

100% success rate25.83 sec

Page 53: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

Page 54: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Change voice from English UK to US

80% success rate35.78 sec

Page 55: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Observations

• huge impact on success rate• hard to deal with categories first• list order helping to drive attention• alphabet over country flags

Page 56: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

Page 57: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

100% success rate18.04 sec

Page 58: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

Page 59: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

100% success rate12.39 sec

Page 60: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

100% success rate15.67 sec

Page 61: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

Page 62: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

100% success rate14.08 sec

Page 63: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

Page 64: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

80% success rate16.59 sec

Page 65: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

Page 66: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Download the map of Egypt

100% success rate15.49 sec

Page 67: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Observations

• not much impact on success rate• little or no doubt where to find things• less time needed• no use for Search field• “Manage Maps” better than “Offline Maps”• long list doesn’t work

Page 68: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 69: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 70: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Focus GroupsBrainstorming suckswhen you lack focus

Page 71: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

IF THE SUNSET

IS ON THE WEST …

Page 72: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

… WHY IS IT EAST IN

SYGIC GPS NAVIGATION ?!

Page 73: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 74: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 75: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 76: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 77: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 78: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Another Session[next week]

Page 79: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 80: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 81: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 82: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Page 83: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Message

Page 84: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

design

self-expression ego

Page 85: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Designer

Client Expectation

Customerneed

Page 86: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Thx, Questions?

Page 87: WUD Slovakia 2015: Data-Driven Design / Jozef Očkay