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

S
Data–Driven Design
Jozef Očkay
“Nowadays, every
hipster is a designer”
– interview candidate
Hipster Designer
• tend to express himself
• self-expression > function
• 3rd bullet point for extra coolness
Ego Designer
• is always right
• has big ego
• I think …
• I expect …
• in my opinion …
• based on my knowledge …
Designer
• asks questions
• likes to iterate
• wants to solve the problem
Hipster
Designer
Ego
Designer
Designer
Client
Expectation
Customer
need

 




Decisions
• opinion-driven
• ego-driven
• authority-driven
• data-driven
“Without data you
are just another person
with an opinion”
– W. Edwards Deming,
Data Scientist
Icons
Floppy disks are like Jesus.
They died to become
the icon of saving.
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Hello :)
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Winner
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
?
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
new icon
new icon
new icon
new icon
new icon
new icon
new icon
new icon
new icon
Old icon1.
2. New icon
3.
4.
5.
Old iconNew icon
IA Information
Architecture
Where’s the best
place to hide a body?
Page two of Google.
<body>
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Around 400 participants of which 50 have sorted all 75 cards
AVG time to complete: 16 minutes
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Dendrogram
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Similarity Matrix
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
User Flow
UX is like a joke.
If you have to explain
it, it’s no good.
Change voice from English UK to US
Change voice from English UK to US
40% success rate
19.58 sec
Change voice from English UK to US
Change voice from English UK to US
100% success rate
18.65 sec
Change voice from English UK to US
Change voice from English UK to US
100% success rate
25.83 sec
Change voice from English UK to US
40% success rate
19.58 sec
Change voice from English UK to US
100% success rate
25.83 sec
Change voice from English UK to US
Change voice from English UK to US
80% success rate
35.78 sec
Observations
• huge impact on success rate
• hard to deal with categories first
• list order helping to drive attention
• alphabet over country flags
Download the map of Egypt
Download the map of Egypt
100% success rate
18.04 sec
Download the map of Egypt
Download the map of Egypt
100% success rate
12.39 sec
Download the map of Egypt
100% success rate
15.67 sec
Download the map of Egypt
Download the map of Egypt
100% success rate
14.08 sec
Download the map of Egypt
Download the map of Egypt
80% success rate
16.59 sec
Download the map of Egypt
Download the map of Egypt
100% success rate
15.49 sec
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
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Focus Groups
Brainstorming sucks
when you lack focus
IF THE SUNSET
IS ON THE WEST …
… WHY IS IT EAST IN
SYGIC GPS NAVIGATION ?!
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Another Session
[next week]
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
Message
design
self-expression ego
Designer
Client
Expectation
Customer
need  
Thx, Questions?
WUD Slovakia 2015: Data-Driven Design / Jozef Očkay
1 of 87

Recommended

Data-Driven Design by
Data-Driven DesignData-Driven Design
Data-Driven DesignJozef Očkay
60 views76 slides
Devs vs Designers: getting onto the same page by
Devs vs Designers: getting onto the same pageDevs vs Designers: getting onto the same page
Devs vs Designers: getting onto the same pageAnita Cheng
356 views39 slides
From Flab to Fab! Design Secrets for Overweight Interfaces by
From Flab to Fab! Design Secrets for Overweight InterfacesFrom Flab to Fab! Design Secrets for Overweight Interfaces
From Flab to Fab! Design Secrets for Overweight InterfacesKim Bieler
1.8K views122 slides
Designing for Mobile by
Designing for MobileDesigning for Mobile
Designing for Mobilepaultrani
996 views61 slides
Design Essentials for Developers by
Design Essentials for DevelopersDesign Essentials for Developers
Design Essentials for DevelopersEffectiveUI
726 views78 slides
Death from slides by
Death from slidesDeath from slides
Death from slidesTimophy Chaptykov
267 views61 slides

More Related Content

Similar to WUD Slovakia 2015: Data-Driven Design / Jozef Očkay

Powerful Presentations: Delivering Effective Communications, Comprehension an... by
Powerful Presentations: Delivering Effective Communications, Comprehension an...Powerful Presentations: Delivering Effective Communications, Comprehension an...
Powerful Presentations: Delivering Effective Communications, Comprehension an...Rommie Duckworth
2.9K views82 slides
Taking Quantitative Research to a New Level by
Taking Quantitative Research to a New LevelTaking Quantitative Research to a New Level
Taking Quantitative Research to a New LevelVaughanFlood
93 views24 slides
The Importance of Design in Enterprise Software by
The Importance of Design in Enterprise SoftwareThe Importance of Design in Enterprise Software
The Importance of Design in Enterprise SoftwareD. Keith Robinson
907 views72 slides
Visual tools and innovation games workshop - sp fest chicago - dec 2014 by
Visual tools and innovation games   workshop - sp fest chicago - dec 2014Visual tools and innovation games   workshop - sp fest chicago - dec 2014
Visual tools and innovation games workshop - sp fest chicago - dec 2014Ruven Gotz
8.9K views152 slides
Visual Tools and Innovation Games Wworkshop - SharePoint Fest Chicago - Dec ... by
Visual Tools and Innovation Games  Wworkshop - SharePoint Fest Chicago - Dec ...Visual Tools and Innovation Games  Wworkshop - SharePoint Fest Chicago - Dec ...
Visual Tools and Innovation Games Wworkshop - SharePoint Fest Chicago - Dec ...Michelle Caldwell, PSM, SSGB
733 views152 slides
Maintaining the competitive edge in the digital age: Crafted IoD presentation by
Maintaining the competitive edge in the digital age: Crafted IoD presentationMaintaining the competitive edge in the digital age: Crafted IoD presentation
Maintaining the competitive edge in the digital age: Crafted IoD presentationCrafted
802 views243 slides

Similar to WUD Slovakia 2015: Data-Driven Design / Jozef Očkay(20)

Powerful Presentations: Delivering Effective Communications, Comprehension an... by Rommie Duckworth
Powerful Presentations: Delivering Effective Communications, Comprehension an...Powerful Presentations: Delivering Effective Communications, Comprehension an...
Powerful Presentations: Delivering Effective Communications, Comprehension an...
Rommie Duckworth2.9K views
Taking Quantitative Research to a New Level by VaughanFlood
Taking Quantitative Research to a New LevelTaking Quantitative Research to a New Level
Taking Quantitative Research to a New Level
VaughanFlood93 views
The Importance of Design in Enterprise Software by D. Keith Robinson
The Importance of Design in Enterprise SoftwareThe Importance of Design in Enterprise Software
The Importance of Design in Enterprise Software
D. Keith Robinson907 views
Visual tools and innovation games workshop - sp fest chicago - dec 2014 by Ruven Gotz
Visual tools and innovation games   workshop - sp fest chicago - dec 2014Visual tools and innovation games   workshop - sp fest chicago - dec 2014
Visual tools and innovation games workshop - sp fest chicago - dec 2014
Ruven Gotz8.9K views
Maintaining the competitive edge in the digital age: Crafted IoD presentation by Crafted
Maintaining the competitive edge in the digital age: Crafted IoD presentationMaintaining the competitive edge in the digital age: Crafted IoD presentation
Maintaining the competitive edge in the digital age: Crafted IoD presentation
Crafted 802 views
Visual tools and innovation games - full day workshop - sp intersections - no... by Ruven Gotz
Visual tools and innovation games - full day workshop - sp intersections - no...Visual tools and innovation games - full day workshop - sp intersections - no...
Visual tools and innovation games - full day workshop - sp intersections - no...
Ruven Gotz663 views
Visual tools and innovation games workshop - SPTechCon - Apr 2014 by Ruven Gotz
Visual tools and innovation games workshop - SPTechCon - Apr 2014Visual tools and innovation games workshop - SPTechCon - Apr 2014
Visual tools and innovation games workshop - SPTechCon - Apr 2014
Ruven Gotz1.6K views
Visual Tools and Innovation Games - Workshop - SPS Chicago Suburbs - May 2014 by Ruven Gotz
Visual Tools and Innovation Games - Workshop - SPS Chicago Suburbs - May 2014Visual Tools and Innovation Games - Workshop - SPS Chicago Suburbs - May 2014
Visual Tools and Innovation Games - Workshop - SPS Chicago Suburbs - May 2014
Ruven Gotz720 views
The 5 Biggest Productivity Blockers (And How to Fix Them) by Atlassian
The 5 Biggest Productivity Blockers (And How to Fix Them)The 5 Biggest Productivity Blockers (And How to Fix Them)
The 5 Biggest Productivity Blockers (And How to Fix Them)
Atlassian4.3K views
Is your website losing you customers? Suffolk Chamber of Commerce talk by Cra... by Crafted
Is your website losing you customers? Suffolk Chamber of Commerce talk by Cra...Is your website losing you customers? Suffolk Chamber of Commerce talk by Cra...
Is your website losing you customers? Suffolk Chamber of Commerce talk by Cra...
Crafted 644 views
Search Patterns: An Early Talk by Peter Morville
Search Patterns: An Early TalkSearch Patterns: An Early Talk
Search Patterns: An Early Talk
Peter Morville28.3K views
Search Patterns: UX Russia by Peter Morville
Search Patterns: UX RussiaSearch Patterns: UX Russia
Search Patterns: UX Russia
Peter Morville1.7K views

Recently uploaded

VNF Integration and Support in CloudStack - Wei Zhou - ShapeBlue by
VNF Integration and Support in CloudStack - Wei Zhou - ShapeBlueVNF Integration and Support in CloudStack - Wei Zhou - ShapeBlue
VNF Integration and Support in CloudStack - Wei Zhou - ShapeBlueShapeBlue
85 views54 slides
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue by
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlueWhat’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlueShapeBlue
131 views23 slides
Mitigating Common CloudStack Instance Deployment Failures - Jithin Raju - Sha... by
Mitigating Common CloudStack Instance Deployment Failures - Jithin Raju - Sha...Mitigating Common CloudStack Instance Deployment Failures - Jithin Raju - Sha...
Mitigating Common CloudStack Instance Deployment Failures - Jithin Raju - Sha...ShapeBlue
74 views18 slides
CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T by
CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&TCloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T
CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&TShapeBlue
56 views34 slides
Kyo - Functional Scala 2023.pdf by
Kyo - Functional Scala 2023.pdfKyo - Functional Scala 2023.pdf
Kyo - Functional Scala 2023.pdfFlavio W. Brasil
434 views92 slides
Keynote Talk: Open Source is Not Dead - Charles Schulz - Vates by
Keynote Talk: Open Source is Not Dead - Charles Schulz - VatesKeynote Talk: Open Source is Not Dead - Charles Schulz - Vates
Keynote Talk: Open Source is Not Dead - Charles Schulz - VatesShapeBlue
119 views15 slides

Recently uploaded(20)

VNF Integration and Support in CloudStack - Wei Zhou - ShapeBlue by ShapeBlue
VNF Integration and Support in CloudStack - Wei Zhou - ShapeBlueVNF Integration and Support in CloudStack - Wei Zhou - ShapeBlue
VNF Integration and Support in CloudStack - Wei Zhou - ShapeBlue
ShapeBlue85 views
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue by ShapeBlue
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlueWhat’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue
ShapeBlue131 views
Mitigating Common CloudStack Instance Deployment Failures - Jithin Raju - Sha... by ShapeBlue
Mitigating Common CloudStack Instance Deployment Failures - Jithin Raju - Sha...Mitigating Common CloudStack Instance Deployment Failures - Jithin Raju - Sha...
Mitigating Common CloudStack Instance Deployment Failures - Jithin Raju - Sha...
ShapeBlue74 views
CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T by ShapeBlue
CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&TCloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T
CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T
ShapeBlue56 views
Keynote Talk: Open Source is Not Dead - Charles Schulz - Vates by ShapeBlue
Keynote Talk: Open Source is Not Dead - Charles Schulz - VatesKeynote Talk: Open Source is Not Dead - Charles Schulz - Vates
Keynote Talk: Open Source is Not Dead - Charles Schulz - Vates
ShapeBlue119 views
Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De... by Moses Kemibaro
Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De...Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De...
Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De...
Moses Kemibaro29 views
DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti... by ShapeBlue
DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti...DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti...
DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti...
ShapeBlue46 views
iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas... by Bernd Ruecker
iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas...iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas...
iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas...
Bernd Ruecker50 views
HTTP headers that make your website go faster - devs.gent November 2023 by Thijs Feryn
HTTP headers that make your website go faster - devs.gent November 2023HTTP headers that make your website go faster - devs.gent November 2023
HTTP headers that make your website go faster - devs.gent November 2023
Thijs Feryn28 views
Igniting Next Level Productivity with AI-Infused Data Integration Workflows by Safe Software
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Safe Software344 views
Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda... by ShapeBlue
Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...
Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...
ShapeBlue63 views
【USB韌體設計課程】精選講義節錄-USB的列舉過程_艾鍗學院 by IttrainingIttraining
【USB韌體設計課程】精選講義節錄-USB的列舉過程_艾鍗學院【USB韌體設計課程】精選講義節錄-USB的列舉過程_艾鍗學院
【USB韌體設計課程】精選講義節錄-USB的列舉過程_艾鍗學院
ESPC 2023 - Protect and Govern your Sensitive Data with Microsoft Purview in ... by Jasper Oosterveld
ESPC 2023 - Protect and Govern your Sensitive Data with Microsoft Purview in ...ESPC 2023 - Protect and Govern your Sensitive Data with Microsoft Purview in ...
ESPC 2023 - Protect and Govern your Sensitive Data with Microsoft Purview in ...
Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P... by ShapeBlue
Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P...Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P...
Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P...
ShapeBlue82 views
Five Things You SHOULD Know About Postman by Postman
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About Postman
Postman40 views
Transitioning from VMware vCloud to Apache CloudStack: A Path to Profitabilit... by ShapeBlue
Transitioning from VMware vCloud to Apache CloudStack: A Path to Profitabilit...Transitioning from VMware vCloud to Apache CloudStack: A Path to Profitabilit...
Transitioning from VMware vCloud to Apache CloudStack: A Path to Profitabilit...
ShapeBlue57 views

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

Editor's Notes

  1. pretoze dizajn je o rieseni problemov. Ak problem neriesite, zrejme vytvarate dalsi … ako to casto vyzera v praxi
  2. Vsetko je to o rozhodnutiach
  3. pretoze bez dat …. Ako teda tie data ziskat Nechcem mot hovorit o tom, kde a ako tie data ziskavat, radsej vam to ukazem  Case studies
  4. Truck, klient chcel moznost prepnut sa medzi aplikaciami
  5. Po analyze moznosti v ramci aplikacie, umiestnenie, hexagon – ine ako vsetky ostatne ikony v aplikacii, podobnost s prostredim klientovej aplikacie …
  6. Ego dizajner vo mne
  7. kolegovia, Google
  8. Moja oblubena metoda testovania ikon – zakryt popis rukou, prstom …
  9. spustali sme nativne verzie apky, chceli sme nove ikony, viac sucasne, menej detailov
  10. Chybal kontext
  11. tak sme ich vsadili do ich prirodzeneho prostredia, rovnake podmienky (nazov, cena, rating … vsetko), ale POZICIA
  12. a menili ich poradie
  13. Tu (pri vytvarani testu) som spravil jednu chybu, vidi ju niekto? Na jednu vec som zabudol. Click test “Nainstalujte si navigaciu” – nahodny vyber jednej z 5 variant Na konci kratky dotaznik …
  14. podla ocakavania, najviac klikov prave na ikony – tak funguje ludsky mozog. P Paid Search
  15. Stara vyhrala vo vo vsetkych variantach, na vsetkych poziciach, 3x tolko preklikov ako nova Nova bola druha najlepsia, dost dobre od kolegu Velmi tesne Waze na tretom mieste Na konci dotaznik, 90% uviedlo, ze ikony nepoznalo
  16. spustali sme nativne verzie apky, chceli sme nove ikony, viac sucasne, menej detailov
  17. stara mapa rozne miesta na mape podla kategorii
  18. Otvoreny card sorting – co to znamena
  19. Otvoreny card sorting – co to znamena
  20. Most of the sorts (48%) were very similar to this one, 12 groups 15 people achieves 90% correlation with the "complete" users group. 30 people correlates at 95%, 60 people at 98%. In our case the correlation is 97%. – Norman Nielsen Group research Moc vela kart, neodporucam, radsej tak 20 – 30 max, lebo to 100% completeness ratio je inak dost nizke
  21. Optimalsort
  22. Dendrogram (stromovy diagram)
  23. Similarity matrix (matica podobnosti)
  24. Cislo % ludi, ktori dali kartu do takej istej kategorie
  25. Jeden nechal otvorene okno dlho?
  26. Narastol vsak cas, takze sme este robili zmeny (Voices o level vyssie v menu)
  27. z 40% na 100%, takze z tohto pohladu uloha splnena on hlada voice ale my ho nutime vybrat si aky druh voicu chce, toto sme otocili podobne ako na prvej stranke vysledkov vyhladavania v Google dalsi mini test s ludmi, mobil do ruky, vyber voice, vsetci scrollovali podla abecedy, nikto neriesil vlajku Ziadne “ja si myslim” na meetingu, uz sme vedeli O dva dni uz na tom robil developer
  28. Uzasne, Uxakov sen, vzorka zrejme nebola dost velka
  29. 1. iba 2 zo 60 ludi ulohu nesplnili 2. menej backstepov 3. o 3 az 5 sekund menej 4. neoplati sa casovo a zlozitostou, maly benefit, ulohu aj tak vsetci splnili 5. 6. toto je viac menej zrejme z XY inych vyskumov, ale bolo dobre overit si to v praxi
  30. Vytlacite, ukazete timu
  31. A potom to vyzera nejako takto, v dalsej iteracii sa to opat zasadne zmeni. Toto su tiez data.
  32. Romanticke, zapad vpredu na displayi aj vzda v spataku viac UX bugov, serioznejsich ako tento
  33. problem velkych prerabok je v tom, ze su velke  brainstorming sessions smer – focus groups Focus group (kvalitativny vyskum), nazeniete 4 az 8 ludi do jednej miestnosti a snazite sa konkretnymi napadmi riesit konkretne problem, na konci sumarizujete
  34. Ludia chcu lepit papieriky, maju pocit, ze rozhoduju, ze nieco ovplyvnuju, je to farebne, pekne, bavi ich to
  35. Nasytene focus groupy – no new ideas
  36. Sustredenie na Liptove na chate, uz sme mali data, nie len nazory
  37. niekolko iteracii prave testujeme, zbierame dalsie data
  38. videli sme niekolko prikladov, ako si zaobstarat data ako by to teda malo vyzerat