Design is in the Details

114
Details design

description

A presentation showing how details affect design and ultimately the bottom line, sales and ROI. Utilizes real-world numbers to support how details score with users.

Transcript of Design is in the Details

Page 1: Design is in the Details

Detailsdesi

gn

Page 2: Design is in the Details

Visual Decoding

Page 3: Design is in the Details
Page 4: Design is in the Details
Page 5: Design is in the Details
Page 6: Design is in the Details

Thus the task is not so much to see what no

one yet has seen, but to think what nobody yet has thought about that which everybody sees

Schopenhauer

Page 7: Design is in the Details

Everyday Scenesdissecting the details

Page 8: Design is in the Details
Page 9: Design is in the Details
Page 10: Design is in the Details
Page 11: Design is in the Details

How do we see?

Page 12: Design is in the Details
Page 13: Design is in the Details
Page 14: Design is in the Details
Page 15: Design is in the Details

Design Details in Historydetails we still use

(and a little art history for review)

Page 16: Design is in the Details
Page 17: Design is in the Details
Page 18: Design is in the Details
Page 19: Design is in the Details
Page 20: Design is in the Details
Page 21: Design is in the Details
Page 22: Design is in the Details
Page 23: Design is in the Details

details allow us to identify a style, brand, or designer

Philosophy of Details

Page 24: Design is in the Details
Page 25: Design is in the Details

Saul Bass and Alfred Hitchcock

Page 26: Design is in the Details
Page 27: Design is in the Details
Page 28: Design is in the Details
Page 29: Design is in the Details

Saul Bass and George Lucas

Page 30: Design is in the Details
Page 31: Design is in the Details

How do we recognize things?

Page 32: Design is in the Details
Page 33: Design is in the Details
Page 34: Design is in the Details
Page 35: Design is in the Details
Page 36: Design is in the Details

Details that make things usable

Page 37: Design is in the Details

It’s not about the tools,it’s about what the tool

allows you to do.Kathy Sierra

Page 38: Design is in the Details
Page 39: Design is in the Details
Page 40: Design is in the Details
Page 41: Design is in the Details

del.icio.us Before

Page 42: Design is in the Details

del.icio.us Remade

Page 43: Design is in the Details
Page 44: Design is in the Details
Page 45: Design is in the Details
Page 46: Design is in the Details

Details that draw an audiencesmall things that make big statements

and big $$ as well.

Page 47: Design is in the Details

Conversion Rate:those details which inspire the user into action

Page 48: Design is in the Details

Items in a Design That Need Loving Detail

Content Products Services

Page 49: Design is in the Details

Items in a Design That Need Loving Detail

Content Products Services

Page 50: Design is in the Details

Items in a Design That Need Loving Detail

Content Products Services

Page 51: Design is in the Details

Items in a Design That Need Loving Detail

Content Products Services

Page 52: Design is in the Details

A Few ExamplesLet’s examine the details

Page 53: Design is in the Details
Page 54: Design is in the Details
Page 55: Design is in the Details
Page 56: Design is in the Details
Page 57: Design is in the Details
Page 58: Design is in the Details
Page 59: Design is in the Details
Page 60: Design is in the Details
Page 61: Design is in the Details
Page 62: Design is in the Details
Page 63: Design is in the Details
Page 64: Design is in the Details
Page 65: Design is in the Details
Page 66: Design is in the Details
Page 67: Design is in the Details
Page 68: Design is in the Details
Page 69: Design is in the Details
Page 70: Design is in the Details
Page 71: Design is in the Details
Page 72: Design is in the Details
Page 73: Design is in the Details
Page 74: Design is in the Details
Page 75: Design is in the Details
Page 76: Design is in the Details
Page 77: Design is in the Details
Page 78: Design is in the Details
Page 79: Design is in the Details
Page 80: Design is in the Details
Page 81: Design is in the Details

but how do we know these detailscan make a bottom-line difference?

(time to view boring charts)

Page 82: Design is in the Details

Results courtesy of Travelclick eTrak

ROI Hotel Bookings by Yearfrom Hotel Website (re)design

GDS/Agent Website

Page 83: Design is in the Details

Nielson Norman Group Usability Study

Page 84: Design is in the Details

Nielson Norman Group Usability Study

B = amount of business done by the siteV = unique visitors coming to the siteC = conversion rate L = loyalty rate

The formula for website success is:

B = V × C × L

Page 85: Design is in the Details

Key Design Details That Push ROI Higherkey performance indicators (KPI)

image navigation call to action up-selling and cross-selling checkout

Page 86: Design is in the Details

Key Design Details That Push ROI Higherkey performance indicators (KPI)

image navigation call to action up-selling and cross-selling checkout

Page 87: Design is in the Details

Key Design Details That Push ROI Higherkey performance indicators (KPI)

image navigation call to action up-selling and cross-selling checkout

Page 88: Design is in the Details

Key Design Details That Push ROI Higherkey performance indicators (KPI)

image navigation call to action up-selling and cross-selling checkout

Page 89: Design is in the Details

Key Design Details That Push ROI Higherkey performance indicators (KPI)

image navigation call to action up-selling and cross-selling checkout

Page 90: Design is in the Details

% Average ImprovementAcross Web Projects

Results courtesy of Nielsen Norman Group

ROI for Usability

Page 91: Design is in the Details

% Average ImprovementAcross Web Projects

Results courtesy of Nielsen Norman Group

ROI for Usability

Page 92: Design is in the Details

The more people use a design, the bigger the usability ROI

Nielsen Norman Group Study on ROI for Usability

Page 93: Design is in the Details

Some Things We Can Do To Improve Our Eye For Detail

Page 94: Design is in the Details

marketing sherpa - guiding the user substance call to action update placement managable multiple entry points

Some Things We Can Do To Improve Our Eye For Detail

Page 95: Design is in the Details

marketing sherpa - guiding the user substance call to action update placement managable multiple entry points

Some Things We Can Do To Improve Our Eye For Detail

Page 96: Design is in the Details
Page 97: Design is in the Details
Page 98: Design is in the Details
Page 99: Design is in the Details

marketing sherpa - guiding the user substance call to action update placement managable multiple entry points

Some Things We Can Do To Improve Our Eye For Detail

Page 100: Design is in the Details
Page 101: Design is in the Details

marketing sherpa - guiding the user substance call to action update placement managable multiple entry points

Some Things We Can Do To Improve Our Eye For Detail

Page 102: Design is in the Details
Page 103: Design is in the Details
Page 104: Design is in the Details
Page 105: Design is in the Details

marketing sherpa - guiding the user substance call to action update placement managable multiple entry points

Some Things We Can Do To Improve Our Eye For Detail

Page 106: Design is in the Details

marketing sherpa - guiding the user substance call to action update placement managable multiple entry points

Some Things We Can Do To Improve Our Eye For Detail

Page 107: Design is in the Details
Page 108: Design is in the Details

Most of the Guiding Content is Above the Fold!

fold of page

Page 109: Design is in the Details

marketing sherpa - guiding the user substance call to action update placement manageable multiple entry points

Some Things We Can Do To Improve Our Eye For Detail

Page 110: Design is in the Details

marketing sherpa - guiding the user substance call to action update placement manageable multiple entry points

Some Things We Can Do To Improve Our Eye For Detail

Page 111: Design is in the Details

Thanks to My Sources:

Page 112: Design is in the Details

How to SeeGeorge Nelson

Page 113: Design is in the Details

Nielson Norman GroupJakob Nielson

Page 114: Design is in the Details

Discussion