SlideShare a Scribd company logo
1 of 24
Download to read offline
Data driven design
Don’t start
from zero.
source: http://www.fastcodesign.com/1672922/the-future-of-ux-design-tiny-humanizing-details
Always know something about the user, the
context, and the audience. Use that knowledge to
make good guesses about what the user wants to
do or know, then create shortcuts to that action
or information.
source: http://www.fastcodesign.com/1672922/the-future-of-ux-design-tiny-humanizing-details
Nothing should be arbitrary. Fluff should be eliminated.
If an element is not essential to the goal of the site
- it gets cut.
Every layout, font, color
and graphic is a deliberate,
data based decision
"If everything is important,
then nothing is."
- PATRICK LENCIONI
Establish goals and information heirarchy.
Information hierarchy: How should my site be organized?
Establishing heirarchy.
Where should the Call to Action (CTA) be?
How much copywriting should I be using?
How to choose colors? Links, buttons, etc?
layout:kellyhousholder/design:saracannon
Bring the data
FORWARD.
Google Analytics (free)
Clicktale.com (free trial, then paid)
Usertesting.com (paid)
mouseflow.com (paid, cheaper than clicktale)
A/B Testing: Google Analytics Content Experiments
(formerly Website Optimizer) (free)
A/B Testing: Max A/B WordPress Plugin (free)
A/B Testing:Optimizely.com
clicktale: heatmap
A/B testing
Golden rule:
Test one variable
at a time.
Copywriting (easiest to test, highest ROI according web team that
did the Obama campaign)
CTA placement, color
Image placement / Text placement
Don’t make
assumptions.
Obama Website: Executed about 500 a/b tests, 20 month period,
increased donation conversions by 49% and sign up conversions by 161%.
source: http://kylerush.net/blog/optimization-at-the-obama-campaign-ab-testing/
Obama Website: By changing the photo on the splash page we lifted
conversions by more than 19%.
source: http://kylerush.net/blog/optimization-at-the-obama-campaign-ab-testing/
original
source: http://blog.optimizely.com/2013/06/14/ea_simcity_optimizely_casestudy/
performed 43.4% better
- original
- 30% better
- 27% better
- 15% better
Writing Decisions: Headline tests on the Highrise signup page
http://37signals.com/svn/posts/1525-writing-decisions-headline-tests-on-the-highrise-signup-page
Client trust & approval.
Besides making your website better (!!) it helps your
client relationships.
Your clients will trust that you are making good decisions,
based on data.
PUBLIC SERVICE
ANNOUNCEMENT:
typography.com - the best fonts on the interweb.

More Related Content

Similar to Data driven design

User Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersUser Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersJason Brush
 
Card sorting
Card sortingCard sorting
Card sortingmbrosset
 
How to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseHow to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseFlashGuy13
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldKarri Ojanen
 
BarCampBangalore presentation on MindCanvas
BarCampBangalore presentation on MindCanvasBarCampBangalore presentation on MindCanvas
BarCampBangalore presentation on MindCanvasAmit Ranjan
 
Himesh Portfolio UX updated
Himesh Portfolio UX updatedHimesh Portfolio UX updated
Himesh Portfolio UX updatedHimesh Singh
 
Chalupnicek sandra portfolio_2018-10-21 - sm
Chalupnicek sandra portfolio_2018-10-21 - smChalupnicek sandra portfolio_2018-10-21 - sm
Chalupnicek sandra portfolio_2018-10-21 - smSandy Unterthiner
 
Metro design primer
Metro design primerMetro design primer
Metro design primerAndy Chiang
 
Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Cyber-Duck
 
The Relationship Between SEO & Content
The Relationship Between SEO & ContentThe Relationship Between SEO & Content
The Relationship Between SEO & ContentJennifer Lind
 
Jennifer Garnett Resume: UI/UX Designer
Jennifer Garnett Resume: UI/UX DesignerJennifer Garnett Resume: UI/UX Designer
Jennifer Garnett Resume: UI/UX DesignerJennifer Garnett
 
Design Learnings
Design LearningsDesign Learnings
Design LearningsQuikr
 
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Brenna Mickey
 
Alan Schulman: Data Driven Brand Advertising - SXSW 2016 Panel Picker Proposal
Alan Schulman: Data Driven Brand Advertising - SXSW 2016 Panel Picker ProposalAlan Schulman: Data Driven Brand Advertising - SXSW 2016 Panel Picker Proposal
Alan Schulman: Data Driven Brand Advertising - SXSW 2016 Panel Picker ProposalCKasik
 
Ux design ethics for data privacy and protection
Ux design ethics for data privacy and protectionUx design ethics for data privacy and protection
Ux design ethics for data privacy and protectionveronica hoth
 
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SPC Adriatics 2016 - Creating a Great User Experience in SharePointSPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SPC Adriatics 2016 - Creating a Great User Experience in SharePointMarc D Anderson
 
Creating a Great User Experience in SharePoint
Creating a Great User Experience in SharePointCreating a Great User Experience in SharePoint
Creating a Great User Experience in SharePointSPC Adriatics
 
10 Smart Ideas for Your Economic Development Website
10 Smart Ideas for Your Economic Development Website10 Smart Ideas for Your Economic Development Website
10 Smart Ideas for Your Economic Development WebsiteAtlas Integrated
 

Similar to Data driven design (20)

User Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersUser Experience Design: A Primer for Marketers
User Experience Design: A Primer for Marketers
 
Card sorting
Card sortingCard sorting
Card sorting
 
How to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the EnterpriseHow to Act Like an Agency within a Company: UX for the Enterprise
How to Act Like an Agency within a Company: UX for the Enterprise
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
 
BarCampBangalore presentation on MindCanvas
BarCampBangalore presentation on MindCanvasBarCampBangalore presentation on MindCanvas
BarCampBangalore presentation on MindCanvas
 
Himesh Portfolio UX updated
Himesh Portfolio UX updatedHimesh Portfolio UX updated
Himesh Portfolio UX updated
 
Idea idea the app
Idea idea the appIdea idea the app
Idea idea the app
 
Chalupnicek sandra portfolio_2018-10-21 - sm
Chalupnicek sandra portfolio_2018-10-21 - smChalupnicek sandra portfolio_2018-10-21 - sm
Chalupnicek sandra portfolio_2018-10-21 - sm
 
Metro design primer
Metro design primerMetro design primer
Metro design primer
 
Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013
 
The Relationship Between SEO & Content
The Relationship Between SEO & ContentThe Relationship Between SEO & Content
The Relationship Between SEO & Content
 
Jennifer Garnett Resume: UI/UX Designer
Jennifer Garnett Resume: UI/UX DesignerJennifer Garnett Resume: UI/UX Designer
Jennifer Garnett Resume: UI/UX Designer
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop
 
Alan Schulman: Data Driven Brand Advertising - SXSW 2016 Panel Picker Proposal
Alan Schulman: Data Driven Brand Advertising - SXSW 2016 Panel Picker ProposalAlan Schulman: Data Driven Brand Advertising - SXSW 2016 Panel Picker Proposal
Alan Schulman: Data Driven Brand Advertising - SXSW 2016 Panel Picker Proposal
 
Ux design ethics for data privacy and protection
Ux design ethics for data privacy and protectionUx design ethics for data privacy and protection
Ux design ethics for data privacy and protection
 
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SPC Adriatics 2016 - Creating a Great User Experience in SharePointSPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
 
Creating a Great User Experience in SharePoint
Creating a Great User Experience in SharePointCreating a Great User Experience in SharePoint
Creating a Great User Experience in SharePoint
 
10 Smart Ideas for Your Economic Development Website
10 Smart Ideas for Your Economic Development Website10 Smart Ideas for Your Economic Development Website
10 Smart Ideas for Your Economic Development Website
 
Careers In Web Design
Careers In Web DesignCareers In Web Design
Careers In Web Design
 

Recently uploaded

Exactly-once Stream Processing with Arroyo and Kafka
Exactly-once Stream Processing with Arroyo and KafkaExactly-once Stream Processing with Arroyo and Kafka
Exactly-once Stream Processing with Arroyo and KafkaHostedbyConfluent
 
Apache Kafka's Common Pitfalls & Intricacies: A Customer Support Perspective
Apache Kafka's Common Pitfalls & Intricacies: A Customer Support PerspectiveApache Kafka's Common Pitfalls & Intricacies: A Customer Support Perspective
Apache Kafka's Common Pitfalls & Intricacies: A Customer Support PerspectiveHostedbyConfluent
 
Building a Self-Service Stream Processing Portal: How And Why
Building a Self-Service Stream Processing Portal: How And WhyBuilding a Self-Service Stream Processing Portal: How And Why
Building a Self-Service Stream Processing Portal: How And WhyHostedbyConfluent
 
Modifying Your SQL Streaming Queries on the Fly: The Impossible Trinity
Modifying Your SQL Streaming Queries on the Fly: The Impossible TrinityModifying Your SQL Streaming Queries on the Fly: The Impossible Trinity
Modifying Your SQL Streaming Queries on the Fly: The Impossible TrinityHostedbyConfluent
 
Women in Automation 2024: Technical session - Get your career started in auto...
Women in Automation 2024: Technical session - Get your career started in auto...Women in Automation 2024: Technical session - Get your career started in auto...
Women in Automation 2024: Technical session - Get your career started in auto...DianaGray10
 
Beyond Tiered Storage: Serverless Kafka with No Local Disks
Beyond Tiered Storage: Serverless Kafka with No Local DisksBeyond Tiered Storage: Serverless Kafka with No Local Disks
Beyond Tiered Storage: Serverless Kafka with No Local DisksHostedbyConfluent
 
Error Handling with Kafka: From Patterns to Code
Error Handling with Kafka: From Patterns to CodeError Handling with Kafka: From Patterns to Code
Error Handling with Kafka: From Patterns to CodeHostedbyConfluent
 
Leveraging Tiered Storage in Strimzi-Operated Kafka for Cost-Effective Stream...
Leveraging Tiered Storage in Strimzi-Operated Kafka for Cost-Effective Stream...Leveraging Tiered Storage in Strimzi-Operated Kafka for Cost-Effective Stream...
Leveraging Tiered Storage in Strimzi-Operated Kafka for Cost-Effective Stream...HostedbyConfluent
 
Bridge to the Future: Migrating to KRaft
Bridge to the Future: Migrating to KRaftBridge to the Future: Migrating to KRaft
Bridge to the Future: Migrating to KRaftHostedbyConfluent
 
CERN IoT Kafka Pipelines | Kafka Summit London
CERN IoT Kafka Pipelines | Kafka Summit LondonCERN IoT Kafka Pipelines | Kafka Summit London
CERN IoT Kafka Pipelines | Kafka Summit LondonHostedbyConfluent
 
Book industry state of the nation 2024 - Tech Forum 2024
Book industry state of the nation 2024 - Tech Forum 2024Book industry state of the nation 2024 - Tech Forum 2024
Book industry state of the nation 2024 - Tech Forum 2024BookNet Canada
 
Fish Plays Pokemon | Kafka Summit London
Fish Plays Pokemon | Kafka Summit LondonFish Plays Pokemon | Kafka Summit London
Fish Plays Pokemon | Kafka Summit LondonHostedbyConfluent
 
Mastering Kafka Consumer Distribution: A Guide to Efficient Scaling and Resou...
Mastering Kafka Consumer Distribution: A Guide to Efficient Scaling and Resou...Mastering Kafka Consumer Distribution: A Guide to Efficient Scaling and Resou...
Mastering Kafka Consumer Distribution: A Guide to Efficient Scaling and Resou...HostedbyConfluent
 
Bitdefender-CSG-Report-creat7534-interactive
Bitdefender-CSG-Report-creat7534-interactiveBitdefender-CSG-Report-creat7534-interactive
Bitdefender-CSG-Report-creat7534-interactivestartupro
 
Data Contracts In Practice With Debezium and Apache Flink
Data Contracts In Practice With Debezium and Apache FlinkData Contracts In Practice With Debezium and Apache Flink
Data Contracts In Practice With Debezium and Apache FlinkHostedbyConfluent
 
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdfWeb Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdfSeasia Infotech
 
The Critical Role of Spatial Data in Today's Data Ecosystem
The Critical Role of Spatial Data in Today's Data EcosystemThe Critical Role of Spatial Data in Today's Data Ecosystem
The Critical Role of Spatial Data in Today's Data EcosystemSafe Software
 
Mastering Kafka Producer Configs: A Guide to Optimizing Performance
Mastering Kafka Producer Configs: A Guide to Optimizing PerformanceMastering Kafka Producer Configs: A Guide to Optimizing Performance
Mastering Kafka Producer Configs: A Guide to Optimizing PerformanceHostedbyConfluent
 
Transcript: Book industry state of the nation 2024 - Tech Forum 2024
Transcript: Book industry state of the nation 2024 - Tech Forum 2024Transcript: Book industry state of the nation 2024 - Tech Forum 2024
Transcript: Book industry state of the nation 2024 - Tech Forum 2024BookNet Canada
 
Transport in Open Pits______SM_MI10415MI
Transport in Open Pits______SM_MI10415MITransport in Open Pits______SM_MI10415MI
Transport in Open Pits______SM_MI10415MIRomil Mishra
 

Recently uploaded (20)

Exactly-once Stream Processing with Arroyo and Kafka
Exactly-once Stream Processing with Arroyo and KafkaExactly-once Stream Processing with Arroyo and Kafka
Exactly-once Stream Processing with Arroyo and Kafka
 
Apache Kafka's Common Pitfalls & Intricacies: A Customer Support Perspective
Apache Kafka's Common Pitfalls & Intricacies: A Customer Support PerspectiveApache Kafka's Common Pitfalls & Intricacies: A Customer Support Perspective
Apache Kafka's Common Pitfalls & Intricacies: A Customer Support Perspective
 
Building a Self-Service Stream Processing Portal: How And Why
Building a Self-Service Stream Processing Portal: How And WhyBuilding a Self-Service Stream Processing Portal: How And Why
Building a Self-Service Stream Processing Portal: How And Why
 
Modifying Your SQL Streaming Queries on the Fly: The Impossible Trinity
Modifying Your SQL Streaming Queries on the Fly: The Impossible TrinityModifying Your SQL Streaming Queries on the Fly: The Impossible Trinity
Modifying Your SQL Streaming Queries on the Fly: The Impossible Trinity
 
Women in Automation 2024: Technical session - Get your career started in auto...
Women in Automation 2024: Technical session - Get your career started in auto...Women in Automation 2024: Technical session - Get your career started in auto...
Women in Automation 2024: Technical session - Get your career started in auto...
 
Beyond Tiered Storage: Serverless Kafka with No Local Disks
Beyond Tiered Storage: Serverless Kafka with No Local DisksBeyond Tiered Storage: Serverless Kafka with No Local Disks
Beyond Tiered Storage: Serverless Kafka with No Local Disks
 
Error Handling with Kafka: From Patterns to Code
Error Handling with Kafka: From Patterns to CodeError Handling with Kafka: From Patterns to Code
Error Handling with Kafka: From Patterns to Code
 
Leveraging Tiered Storage in Strimzi-Operated Kafka for Cost-Effective Stream...
Leveraging Tiered Storage in Strimzi-Operated Kafka for Cost-Effective Stream...Leveraging Tiered Storage in Strimzi-Operated Kafka for Cost-Effective Stream...
Leveraging Tiered Storage in Strimzi-Operated Kafka for Cost-Effective Stream...
 
Bridge to the Future: Migrating to KRaft
Bridge to the Future: Migrating to KRaftBridge to the Future: Migrating to KRaft
Bridge to the Future: Migrating to KRaft
 
CERN IoT Kafka Pipelines | Kafka Summit London
CERN IoT Kafka Pipelines | Kafka Summit LondonCERN IoT Kafka Pipelines | Kafka Summit London
CERN IoT Kafka Pipelines | Kafka Summit London
 
Book industry state of the nation 2024 - Tech Forum 2024
Book industry state of the nation 2024 - Tech Forum 2024Book industry state of the nation 2024 - Tech Forum 2024
Book industry state of the nation 2024 - Tech Forum 2024
 
Fish Plays Pokemon | Kafka Summit London
Fish Plays Pokemon | Kafka Summit LondonFish Plays Pokemon | Kafka Summit London
Fish Plays Pokemon | Kafka Summit London
 
Mastering Kafka Consumer Distribution: A Guide to Efficient Scaling and Resou...
Mastering Kafka Consumer Distribution: A Guide to Efficient Scaling and Resou...Mastering Kafka Consumer Distribution: A Guide to Efficient Scaling and Resou...
Mastering Kafka Consumer Distribution: A Guide to Efficient Scaling and Resou...
 
Bitdefender-CSG-Report-creat7534-interactive
Bitdefender-CSG-Report-creat7534-interactiveBitdefender-CSG-Report-creat7534-interactive
Bitdefender-CSG-Report-creat7534-interactive
 
Data Contracts In Practice With Debezium and Apache Flink
Data Contracts In Practice With Debezium and Apache FlinkData Contracts In Practice With Debezium and Apache Flink
Data Contracts In Practice With Debezium and Apache Flink
 
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdfWeb Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
 
The Critical Role of Spatial Data in Today's Data Ecosystem
The Critical Role of Spatial Data in Today's Data EcosystemThe Critical Role of Spatial Data in Today's Data Ecosystem
The Critical Role of Spatial Data in Today's Data Ecosystem
 
Mastering Kafka Producer Configs: A Guide to Optimizing Performance
Mastering Kafka Producer Configs: A Guide to Optimizing PerformanceMastering Kafka Producer Configs: A Guide to Optimizing Performance
Mastering Kafka Producer Configs: A Guide to Optimizing Performance
 
Transcript: Book industry state of the nation 2024 - Tech Forum 2024
Transcript: Book industry state of the nation 2024 - Tech Forum 2024Transcript: Book industry state of the nation 2024 - Tech Forum 2024
Transcript: Book industry state of the nation 2024 - Tech Forum 2024
 
Transport in Open Pits______SM_MI10415MI
Transport in Open Pits______SM_MI10415MITransport in Open Pits______SM_MI10415MI
Transport in Open Pits______SM_MI10415MI
 

Data driven design