ducks and decorated sheds

41
Ducks + Decorated Sheds A Way To Talk About, Evaluate and Design Structural Form Presented at UX Thursday 2014 by Dan Klyn

Upload: dan-klyn

Post on 27-Jan-2015

104 views

Category:

Design


0 download

DESCRIPTION

Slides from a 20 minute talk Jared Spool asked me to do for UIE's UX Thursday event in Detroit on June 26, 2014.

TRANSCRIPT

Page 1: Ducks and Decorated Sheds

!

Ducks + Decorated ShedsA Way To Talk About, Evaluate and Design Structural Form

Presented at UX Thursday 2014 by Dan Klyn

Page 2: Ducks and Decorated Sheds
Page 3: Ducks and Decorated Sheds

—Jared Spool

Design is the rendering of intent.

Page 4: Ducks and Decorated Sheds
Page 5: Ducks and Decorated Sheds
Page 6: Ducks and Decorated Sheds

INTENT !

!

!

!

STRUCTURE MEANING

Page 7: Ducks and Decorated Sheds
Page 8: Ducks and Decorated Sheds

What’s A Good Structure? How would you know if you were doing it right?

Page 9: Ducks and Decorated Sheds

Photo: Melissa Mahoney

“There is no right way.”

Page 10: Ducks and Decorated Sheds
Page 11: Ducks and Decorated Sheds

CourseMaster

Aplia

CengageNow

Diet Analysis Plus

Enhanced Insite for

Composition

Enhanced Webassign

iLRN

OWL

SAM

Speech Studio

Product Training Calendar

CengageCourse

CourseCare

CourseMate

Engagement Tracker

Interactive Teaching and Learning Tools

Integrated eBook

Course360(4.1.0)

Outcomes

Assessment

Interactivity

Customization

Our Services

FAQCustom Solutions

Custom Print

Custom Digital

Custom Course

Development

Enterprise ?

TeamUp

About Us

Meet the Team

Testimonials

Request a Consultation

Upcoming Events

Services & Solutions

(4.0)

CompuTaught

Education To Go

NetLearning

GVRL(5.x-a)

Digital Collections

(5.x-d)

Search (2.5)

Tools for Students

Article Library

Activities for Students

Struggling Reading Center

Glossary of Literary Terms

How to Write a Term Paper

Student Handout - Why Use Reference vs. Google

Citing Information from Gale Databases

Award Winners

What's New

Special Offers

Featured Partners

Overview

RE: sources Blog

Free Downloads

Testimonials

Promote your eBooks

Request MARC Records

Request a Free Trial

Partners

Collections

Support

By Subject

By Area of Interest

By Language

By Name

By Medium

Business Partners

Partner Libraries

Conferences

Technical Support

Contact a Gale Rep

Field (e.g. Automotive &

Trucking)

Field (e.g. Automotive &

Trucking)Select Your

Product...

School (2.2.0)Professional (2.3.0)

Help Resources

Can't find what you're looking for? >>

ServicePlus

AnswersPlus

Request a Copy

CengageBrain

SchoolsPlus if catalog = Schools

Customize your Text (pop-up)

Product Record (3.x)

Instructor Companion

Site

<< (filtered by catalog)

Library & Research

(2.4.0)

Purchase, Rent, Access (Out of Scope)

Overview

Product & Topic Sites (5.0)

Higher Education

Library & Reseach

Schools

Career & Professional

Database Title Lists

Core Reference

Titles

Conventions Schedule

News, Social Networks, & eNewsletters

(2.4.3.1)

Connecting with Library &

Research

Cataloging Service

How to Market Your Library

Website Widgets

Literary Index

MARC Records(2.4.2.8)

Trials, Tours, & Webinars

Product Marketing

Material

Database Icons | Logos

(2.4.2.2.1)

Marketing Material

Free Resources

Library Support Material

"Monthly Events"

Grants

Curriculum Correlations

Conventions Schedule

News, social networks, & eNewsletters

Connecting with School

Lesson Plans(2.2.3.1)

K-12 Teachers

Forum

Trials, Tours, & Webinars

Database Title Lists

Free Downloads

School Support Material

(2.2.3)

Literary Index

Library Cataloging

Service

E-Newsletter Sign-up page

E-Newsletter Archives

LibraryPlus

Field/Category (2.4.x)

Discipline (2.4.x.x)

Course (2.4.x.x.x)

Topic (2.4.x.x.x.x)

Field/Category (2.2.x)

Discipline (2.2.x.x)

Course (2.2.x.x.x)

Topic (2.2.x.x.x.x)

Field/Category (2.3.x)

Discipline (2.3.x.x)

Course (2.3.x.x.x)

Topic (2.3.x.x.x.x)

Product TypeBrandLibrary Type

(Library & Research Only)

Role(Schools only)

if catalog = Library & Research

Request a Printed Copy

CourseSmart

if catalog = Higher Education & Role = Student

Author

eventually companion sites can be migrated to w/in Product & Topic

Sites section.

if catalog = Higher Education& Role = College Bookstore

Conventions Schedule

News, social networks, & eNewsletters

Consultative Services

Healthcare Facilities

Corporate Automotive

Innovative Online Services

Author's Corner

Professional Support Material

Salons & Spas

Conventions Schedule

News, social networks, & eNewsletters

Connecting with

Professional

E-Newsletter Sign-up page

E-Newsletter Sign-up page

E-Newsletter Sign-up page

Online LearningProfessional &

Course Development

Engagement & AssessmentBy Market

New & Noteworthy

News & Announcements

General Promotion Area

Additional Results & Resources

Compare Products Window

(2.6)

Search Results(2.4-

Search)

Search Results(2.2-

Search)

Search Results(2.3-

Search)

In Context (5.x-b)

Experience the Interface

Explore the Features

See the Benefits

Get the FAQs About

Upgrading

Review the Products

Watch an Overview

Register for a Free Trial

View Marketing

Toolkit

Downloads

Testimonials & Feedback

Biography In Context

Canada In Context

Science In Context

Opposing Viewpoints In

Context

Student Resources In

Context

U.S. History In Context

World History In Context

Automotive & Truck Technology

(5.x-c)

Electronic Solutions

Jack Erjavec Scolarship

Custom Solutions

Auto Team

DATO

Today's Technician

Series

Conference Dates

Course Guide (pdf)

Email Sign-Up

Resources

F

E

D

E

G

H

H

I

J

Example Sites. There could be hundreds.

(Out of Scope)

DD

DDD

EE

EEE

CCC

CourseMaster

Aplia

CengageNow

Diet Analysis Plus

Enhanced Insite for

Composition

Enhanced Webassign

iLRN

OWL

SAM

Speech Studio

Product Training Calendar

CengageCourse

CourseCare

CourseMate

Engagement Tracker

Interactive Teaching and Learning Tools

Integrated eBook

Course360(4.1.0)

Outcomes

Assessment

Interactivity

Customization

Our Services

FAQCustom Solutions

Custom Print

Custom Digital

Custom Course

Development

Enterprise ?

TeamUp

About Us

Meet the Team

Testimonials

Request a Consultation

Upcoming Events

Services & Solutions

(4.0)

CompuTaught

Education To Go

NetLearning

GVRL(5.x-a)

Digital Collections

(5.x-d)

Search (2.5)

Tools for Students

Article Library

Activities for Students

Struggling Reading Center

Glossary of Literary Terms

How to Write a Term Paper

Student Handout - Why Use Reference vs. Google

Citing Information from Gale Databases

Award Winners

What's New

Special Offers

Featured Partners

Overview

RE: sources Blog

Free Downloads

Testimonials

Promote your eBooks

Request MARC Records

Request a Free Trial

Partners

Collections

Support

By Subject

By Area of Interest

By Language

By Name

By Medium

Business Partners

Partner Libraries

Conferences

Technical Support

Contact a Gale Rep

Field (e.g. Automotive &

Trucking)

Field (e.g. Automotive &

Trucking)Select Your

Product...

School (2.2.0)Professional (2.3.0)

Help Resources

Can't find what you're looking for? >>

ServicePlus

AnswersPlus

Request a Copy

CengageBrain

SchoolsPlus if catalog = Schools

Customize your Text (pop-up)

Product Record (3.x)

Instructor Companion

Site

<< (filtered by catalog)

Library & Research

(2.4.0)

Purchase, Rent, Access (Out of Scope)

Overview

Product & Topic Sites (5.0)

Higher Education

Library & Reseach

Schools

Career & Professional

Database Title Lists

Core Reference

Titles

Conventions Schedule

News, Social Networks, & eNewsletters

(2.4.3.1)

Connecting with Library &

Research

Cataloging Service

How to Market Your Library

Website Widgets

Literary Index

MARC Records(2.4.2.8)

Trials, Tours, & Webinars

Product Marketing

Material

Database Icons | Logos

(2.4.2.2.1)

Marketing Material

Free Resources

Library Support Material

"Monthly Events"

Grants

Curriculum Correlations

Conventions Schedule

News, social networks, & eNewsletters

Connecting with School

Lesson Plans(2.2.3.1)

K-12 Teachers

Forum

Trials, Tours, & Webinars

Database Title Lists

Free Downloads

School Support Material

(2.2.3)

Literary Index

Library Cataloging

Service

E-Newsletter Sign-up page

E-Newsletter Archives

LibraryPlus

Field/Category (2.4.x)

Discipline (2.4.x.x)

Course (2.4.x.x.x)

Topic (2.4.x.x.x.x)

Field/Category (2.2.x)

Discipline (2.2.x.x)

Course (2.2.x.x.x)

Topic (2.2.x.x.x.x)

Field/Category (2.3.x)

Discipline (2.3.x.x)

Course (2.3.x.x.x)

Topic (2.3.x.x.x.x)

Product TypeBrandLibrary Type

(Library & Research Only)

Role(Schools only)

if catalog = Library & Research

Request a Printed Copy

CourseSmart

if catalog = Higher Education & Role = Student

Author

eventually companion sites can be migrated to w/in Product & Topic

Sites section.

if catalog = Higher Education& Role = College Bookstore

Conventions Schedule

News, social networks, & eNewsletters

Consultative Services

Healthcare Facilities

Corporate Automotive

Innovative Online Services

Author's Corner

Professional Support Material

Salons & Spas

Conventions Schedule

News, social networks, & eNewsletters

Connecting with

Professional

E-Newsletter Sign-up page

E-Newsletter Sign-up page

E-Newsletter Sign-up page

Online LearningProfessional &

Course Development

Engagement & AssessmentBy Market

New & Noteworthy

News & Announcements

General Promotion Area

Additional Results & Resources

Compare Products Window

(2.6)

Search Results(2.4-

Search)

Search Results(2.2-

Search)

Search Results(2.3-

Search)

In Context (5.x-b)

Experience the Interface

Explore the Features

See the Benefits

Get the FAQs About

Upgrading

Review the Products

Watch an Overview

Register for a Free Trial

View Marketing

Toolkit

Downloads

Testimonials & Feedback

Biography In Context

Canada In Context

Science In Context

Opposing Viewpoints In

Context

Student Resources In

Context

U.S. History In Context

World History In Context

Automotive & Truck Technology

(5.x-c)

Electronic Solutions

Jack Erjavec Scolarship

Custom Solutions

Auto Team

DATO

Today's Technician

Series

Conference Dates

Course Guide (pdf)

Email Sign-Up

Resources

F

E

D

E

G

H

H

I

J

Example Sites. There could be hundreds.

(Out of Scope)

DD

DDD

EE

EEE

CCC

CourseMaster

Aplia

CengageNow

Diet Analysis Plus

Enhanced Insite for

Composition

Enhanced Webassign

iLRN

OWL

SAM

Speech Studio

Product Training Calendar

CengageCourse

CourseCare

CourseMate

Engagement Tracker

Interactive Teaching and Learning Tools

Integrated eBook

Course360(4.1.0)

Outcomes

Assessment

Interactivity

Customization

Our Services

FAQCustom Solutions

Custom Print

Custom Digital

Custom Course

Development

Enterprise ?

TeamUp

About Us

Meet the Team

Testimonials

Request a Consultation

Upcoming Events

Services & Solutions

(4.0)

CompuTaught

Education To Go

NetLearning

GVRL(5.x-a)

Digital Collections

(5.x-d)

Search (2.5)

Tools for Students

Article Library

Activities for Students

Struggling Reading Center

Glossary of Literary Terms

How to Write a Term Paper

Student Handout - Why Use Reference vs. Google

Citing Information from Gale Databases

Award Winners

What's New

Special Offers

Featured Partners

Overview

RE: sources Blog

Free Downloads

Testimonials

Promote your eBooks

Request MARC Records

Request a Free Trial

Partners

Collections

Support

By Subject

By Area of Interest

By Language

By Name

By Medium

Business Partners

Partner Libraries

Conferences

Technical Support

Contact a Gale Rep

Field (e.g. Automotive &

Trucking)

Field (e.g. Automotive &

Trucking)Select Your

Product...

School (2.2.0)Professional (2.3.0)

Help Resources

Can't find what you're looking for? >>

ServicePlus

AnswersPlus

Request a Copy

CengageBrain

SchoolsPlus if catalog = Schools

Customize your Text (pop-up)

Product Record (3.x)

Instructor Companion

Site

<< (filtered by catalog)

Library & Research

(2.4.0)

Purchase, Rent, Access (Out of Scope)

Overview

Product & Topic Sites (5.0)

Higher Education

Library & Reseach

Schools

Career & Professional

Database Title Lists

Core Reference

Titles

Conventions Schedule

News, Social Networks, & eNewsletters

(2.4.3.1)

Connecting with Library &

Research

Cataloging Service

How to Market Your Library

Website Widgets

Literary Index

MARC Records(2.4.2.8)

Trials, Tours, & Webinars

Product Marketing

Material

Database Icons | Logos

(2.4.2.2.1)

Marketing Material

Free Resources

Library Support Material

"Monthly Events"

Grants

Curriculum Correlations

Conventions Schedule

News, social networks, & eNewsletters

Connecting with School

Lesson Plans(2.2.3.1)

K-12 Teachers

Forum

Trials, Tours, & Webinars

Database Title Lists

Free Downloads

School Support Material

(2.2.3)

Literary Index

Library Cataloging

Service

E-Newsletter Sign-up page

E-Newsletter Archives

LibraryPlus

Field/Category (2.4.x)

Discipline (2.4.x.x)

Course (2.4.x.x.x)

Topic (2.4.x.x.x.x)

Field/Category (2.2.x)

Discipline (2.2.x.x)

Course (2.2.x.x.x)

Topic (2.2.x.x.x.x)

Field/Category (2.3.x)

Discipline (2.3.x.x)

Course (2.3.x.x.x)

Topic (2.3.x.x.x.x)

Product TypeBrandLibrary Type

(Library & Research Only)

Role(Schools only)

if catalog = Library & Research

Request a Printed Copy

CourseSmart

if catalog = Higher Education & Role = Student

Author

eventually companion sites can be migrated to w/in Product & Topic

Sites section.

if catalog = Higher Education& Role = College Bookstore

Conventions Schedule

News, social networks, & eNewsletters

Consultative Services

Healthcare Facilities

Corporate Automotive

Innovative Online Services

Author's Corner

Professional Support Material

Salons & Spas

Conventions Schedule

News, social networks, & eNewsletters

Connecting with

Professional

E-Newsletter Sign-up page

E-Newsletter Sign-up page

E-Newsletter Sign-up page

Online LearningProfessional &

Course Development

Engagement & AssessmentBy Market

New & Noteworthy

News & Announcements

General Promotion Area

Additional Results & Resources

Compare Products Window

(2.6)

Search Results(2.4-

Search)

Search Results(2.2-

Search)

Search Results(2.3-

Search)

In Context (5.x-b)

Experience the Interface

Explore the Features

See the Benefits

Get the FAQs About

Upgrading

Review the Products

Watch an Overview

Register for a Free Trial

View Marketing

Toolkit

Downloads

Testimonials & Feedback

Biography In Context

Canada In Context

Science In Context

Opposing Viewpoints In

Context

Student Resources In

Context

U.S. History In Context

World History In Context

Automotive & Truck Technology

(5.x-c)

Electronic Solutions

Jack Erjavec Scolarship

Custom Solutions

Auto Team

DATO

Today's Technician

Series

Conference Dates

Course Guide (pdf)

Email Sign-Up

Resources

F

E

D

E

G

H

H

I

J

Example Sites. There could be hundreds.

(Out of Scope)

DD

DDD

EE

EEE

CCC

CourseMaster

Aplia

CengageNow

Diet Analysis Plus

Enhanced Insite for

Composition

Enhanced Webassign

iLRN

OWL

SAM

Speech Studio

Product Training Calendar

CengageCourse

CourseCare

CourseMate

Engagement Tracker

Interactive Teaching and Learning Tools

Integrated eBook

Course360(4.1.0)

Outcomes

Assessment

Interactivity

Customization

Our Services

FAQCustom Solutions

Custom Print

Custom Digital

Custom Course

Development

Enterprise ?

TeamUp

About Us

Meet the Team

Testimonials

Request a Consultation

Upcoming Events

Services & Solutions

(4.0)

CompuTaught

Education To Go

NetLearning

GVRL(5.x-a)

Digital Collections

(5.x-d)

Search (2.5)

Tools for Students

Article Library

Activities for Students

Struggling Reading Center

Glossary of Literary Terms

How to Write a Term Paper

Student Handout - Why Use Reference vs. Google

Citing Information from Gale Databases

Award Winners

What's New

Special Offers

Featured Partners

Overview

RE: sources Blog

Free Downloads

Testimonials

Promote your eBooks

Request MARC Records

Request a Free Trial

Partners

Collections

Support

By Subject

By Area of Interest

By Language

By Name

By Medium

Business Partners

Partner Libraries

Conferences

Technical Support

Contact a Gale Rep

Field (e.g. Automotive &

Trucking)

Field (e.g. Automotive &

Trucking)Select Your

Product...

School (2.2.0)Professional (2.3.0)

Help Resources

Can't find what you're looking for? >>

ServicePlus

AnswersPlus

Request a Copy

CengageBrain

SchoolsPlus if catalog = Schools

Customize your Text (pop-up)

Product Record (3.x)

Instructor Companion

Site

<< (filtered by catalog)

Library & Research

(2.4.0)

Purchase, Rent, Access (Out of Scope)

Overview

Product & Topic Sites (5.0)

Higher Education

Library & Reseach

Schools

Career & Professional

Database Title Lists

Core Reference

Titles

Conventions Schedule

News, Social Networks, & eNewsletters

(2.4.3.1)

Connecting with Library &

Research

Cataloging Service

How to Market Your Library

Website Widgets

Literary Index

MARC Records(2.4.2.8)

Trials, Tours, & Webinars

Product Marketing

Material

Database Icons | Logos

(2.4.2.2.1)

Marketing Material

Free Resources

Library Support Material

"Monthly Events"

Grants

Curriculum Correlations

Conventions Schedule

News, social networks, & eNewsletters

Connecting with School

Lesson Plans(2.2.3.1)

K-12 Teachers

Forum

Trials, Tours, & Webinars

Database Title Lists

Free Downloads

School Support Material

(2.2.3)

Literary Index

Library Cataloging

Service

E-Newsletter Sign-up page

E-Newsletter Archives

LibraryPlus

Field/Category (2.4.x)

Discipline (2.4.x.x)

Course (2.4.x.x.x)

Topic (2.4.x.x.x.x)

Field/Category (2.2.x)

Discipline (2.2.x.x)

Course (2.2.x.x.x)

Topic (2.2.x.x.x.x)

Field/Category (2.3.x)

Discipline (2.3.x.x)

Course (2.3.x.x.x)

Topic (2.3.x.x.x.x)

Product TypeBrandLibrary Type

(Library & Research Only)

Role(Schools only)

if catalog = Library & Research

Request a Printed Copy

CourseSmart

if catalog = Higher Education & Role = Student

Author

eventually companion sites can be migrated to w/in Product & Topic

Sites section.

if catalog = Higher Education& Role = College Bookstore

Conventions Schedule

News, social networks, & eNewsletters

Consultative Services

Healthcare Facilities

Corporate Automotive

Innovative Online Services

Author's Corner

Professional Support Material

Salons & Spas

Conventions Schedule

News, social networks, & eNewsletters

Connecting with

Professional

E-Newsletter Sign-up page

E-Newsletter Sign-up page

E-Newsletter Sign-up page

Online LearningProfessional &

Course Development

Engagement & AssessmentBy Market

New & Noteworthy

News & Announcements

General Promotion Area

Additional Results & Resources

Compare Products Window

(2.6)

Search Results(2.4-

Search)

Search Results(2.2-

Search)

Search Results(2.3-

Search)

In Context (5.x-b)

Experience the Interface

Explore the Features

See the Benefits

Get the FAQs About

Upgrading

Review the Products

Watch an Overview

Register for a Free Trial

View Marketing

Toolkit

Downloads

Testimonials & Feedback

Biography In Context

Canada In Context

Science In Context

Opposing Viewpoints In

Context

Student Resources In

Context

U.S. History In Context

World History In Context

Automotive & Truck Technology

(5.x-c)

Electronic Solutions

Jack Erjavec Scolarship

Custom Solutions

Auto Team

DATO

Today's Technician

Series

Conference Dates

Course Guide (pdf)

Email Sign-Up

Resources

F

E

D

E

G

H

H

I

J

Example Sites. There could be hundreds.

(Out of Scope)

DD

DDD

EE

EEE

CCC

Page 12: Ducks and Decorated Sheds

Library of Congress Prints and Photographs Division - LC-DIG-npcc-22697

1. SystematicIntentions

Page 13: Ducks and Decorated Sheds

Service Acquire

Page 14: Ducks and Decorated Sheds

Acquire Service

Optimize Innovate

Now Future

Engagement Conversion

Page 15: Ducks and Decorated Sheds
Page 16: Ducks and Decorated Sheds
Page 17: Ducks and Decorated Sheds

http://www.uxbooth.com/articles/designing-for-mobile-part-1-information-architecture/

Page 18: Ducks and Decorated Sheds

INTENT !

!

!

!

STRUCTURE MEANING

Page 19: Ducks and Decorated Sheds

2. SystematiMeaning

2. SystematicMeaning

Page 20: Ducks and Decorated Sheds
Page 21: Ducks and Decorated Sheds
Page 22: Ducks and Decorated Sheds
Page 23: Ducks and Decorated Sheds
Page 24: Ducks and Decorated Sheds
Page 25: Ducks and Decorated Sheds
Page 26: Ducks and Decorated Sheds

Learning from Las Vegas 1972

3. StructuralLanguage

Page 27: Ducks and Decorated Sheds

Learning from Las Vegas 1972

Page 28: Ducks and Decorated Sheds

Learning from Las Vegas 1972

Page 29: Ducks and Decorated Sheds

Implicit Connotation Integral Ornament

Innovative Revolutionary

Extraordinary Original

New Words Pretty All Around

Consistent Advanced Tech

Looks Expensive “Interesting”

Heroic

Learning from Las Vegas 1972

Explicit Denotation Applied Ornament Evocative Evolutionary Ordinary Conventional Old Words Pretty In Front Inconsistent Conventional Tech Looks Cheap “Boring” Expedient

Page 30: Ducks and Decorated Sheds

Implicit Connotation Integral Ornament

Innovative Revolutionary

Extraordinary Original

New Words Pretty All Around

Consistent Advanced Tech

Looks Expensive “Interesting”

Heroic

Explicit Denotation Applied Ornament Evocative Evolutionary Ordinary Conventional Old Words Pretty In Front Inconsistent Conventional Tech Looks Cheap “Boring” Expedient

SHED

DUCK

Page 31: Ducks and Decorated Sheds
Page 32: Ducks and Decorated Sheds
Page 33: Ducks and Decorated Sheds

Explicit Denotation Implicit ConnotationApplied Ornament Integral OrnamentEvocative InnovativeEvolutionary Revolutionary Ordinary Extraordinary Conventional OriginalOld Words New WordsPretty In Front Pretty All AroundInconsistent Consistent Conventional Tech Advanced TechLooks Cheap Looks Expensive“Boring” “Interesting”Expedient Heroic

Page 34: Ducks and Decorated Sheds

Explicit Denotation Applied Ornament

Evocative Evolutionary

Ordinary Conventional

Old Words Pretty In Front

Inconsistent Conventional Tech

Looks Cheap “Boring”

Expedient

Page 35: Ducks and Decorated Sheds

4. SimpleModels

Page 36: Ducks and Decorated Sheds
Page 37: Ducks and Decorated Sheds
Page 38: Ducks and Decorated Sheds
Page 39: Ducks and Decorated Sheds
Page 40: Ducks and Decorated Sheds

1. Systematic Intentions 2. Systematic Meaning 3. Structural Language 4. Simple Models

Page 41: Ducks and Decorated Sheds

!!t / y !@UNDRSTNDNG@DANKLYN

understandinggroup.com