taxonomy for app makers workshop – ux london

133
Presented by Andy Fitzgerald, PhD 30 May 2014 Taxonomy for App Makers: Movie Monsters & Medical Insurance UX London

Upload: andy-fitzgerald

Post on 11-Aug-2014

1.092 views

Category:

Design


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Taxonomy for App Makers Workshop – UX London

Presented by Andy Fitzgerald, PhD

30 May 2014

Taxonomy for App Makers:Movie Monsters & Medical InsuranceUX London

Page 2: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 3: Taxonomy for App Makers Workshop – UX London
Page 4: Taxonomy for App Makers Workshop – UX London
Page 6: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Part I: Taxonomy

Categories & meaning making

Movie monster categorization

Taxonomy & navigation

HealthMed: building flexible taxonomies

Overview

Page 7: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Part II: App Making

From IA to UI

Mapping navigation

Beyond textuality

Interface futures

Overview

Page 8: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Resources

Overview

• http://andyfitzgerald.org/apptaxonomy

• #apptaxonomy

• @andybywire

Page 9: Taxonomy for App Makers Workshop – UX London

Categories & meaning-making.

Page 10: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

- Daniel Chandler. Semiotics

“There are no natural concepts or categories which are simply reflected in language.

Language plays a crucial role in constructing reality.”

Page 11: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

- Richard Saul Wurman. Hats

“Creative organization of information creates new information”

Page 12: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

taxos-

“arrangement”

-nomia

“method”

+

Page 13: Taxonomy for App Makers Workshop – UX London

RhetoricThe means by which we inform, persuade, or motivate particular audiences in specific situations.

Taxonomy for App Makers Andy Fitzgerald

Page 14: Taxonomy for App Makers Workshop – UX London
Page 15: Taxonomy for App Makers Workshop – UX London

PheneticsClassification of organisms based on overall similarity

CladisticsClassification of organisms based on derivative ancestral characteristics

Taxonomy for App Makers Andy Fitzgerald

Page 16: Taxonomy for App Makers Workshop – UX London
Page 17: Taxonomy for App Makers Workshop – UX London

- George Lakoff. Women, Fire, and Dangerous Things

“The objectivist criteria for being in the same category is having common properties. But

there is no objectivist criterion for which properties are to count.”

Taxonomy for App Makers Andy Fitzgerald

Page 18: Taxonomy for App Makers Workshop – UX London
Page 19: Taxonomy for App Makers Workshop – UX London
Page 20: Taxonomy for App Makers Workshop – UX London

Architecture is rhetoric for spaces.

Taxonomy for App Makers Andy Fitzgerald

Page 21: Taxonomy for App Makers Workshop – UX London
Page 22: Taxonomy for App Makers Workshop – UX London
Page 23: Taxonomy for App Makers Workshop – UX London

TaxonomyA method of arrangement conceived to create a particular kind of understanding.

Taxonomy for App Makers Andy Fitzgerald

Page 24: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 25: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 26: Taxonomy for App Makers Workshop – UX London

Movie monsters & categories.

Page 27: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Movie Monsters & Categories

• Monster cards

• Brief brief

• Post-Its

• Drafting dots

Page 28: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Movie Monsters & Categories

• Identify a design concept based on your audience

• Based on your brief, group your monsters

• in a way that makes sense to your audience

• in the context of the argument specified in the brief

• Create category labels (blank cards)

• Note relevant attributes (Post-It notes)

15 minutes

Page 29: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Movie Monsters & Categories

• What is your design concept?

• What fell right into place?

• Where did you have to make compromises?

• Which are the outliers?

10 minutes

Page 30: Taxonomy for App Makers Workshop – UX London

Taxonomy & navigation.

Page 31: Taxonomy for App Makers Workshop – UX London

choreography

ontology

taxonomyarrangement of the parts

particular meaning

rules for interaction among the parts

THE NATURE OF INFORMATION ARCHITECTURE

Page 32: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Ontology

• “Particular meaning”

• “What we mean when we say what we say”

• The argument: how we encourage users to think about the content or functionality we are offering

Page 33: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Taxonomy

• “Arrangement of the parts”

• “Arrangement of meaning in and across contexts”

• How the pieces of the argument fit together – a method of arrangement conceived to create a particular kind of understanding.

Page 34: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

• “Rules for interaction among the parts”

• “The appropriate unfolding”

• Must respond to context in order to be effective

Choreography

Page 35: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

ONTOLOGY

TAXONOMY

CHOREOGRAPHY

Page 36: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

}O

NTO

LOG

Y

TAX

ON

OM

Y

CHO

REO

GR

APH

Y

QU

ALI

A

When we discuss meaning making, our pace layer model doesn’t describe rate of change; it

describes depth of embodiment. Remembering the “ctrl-z to undo” function is a learned

symbolic (hence arbitrary) association. Touching an icon on a touchscreen (or, indexically, on a

trackpad) and sliding it up is an associative embodied action. If we get these actions right,

we’ve tapped into a level of meaning making that is rooted in one of the slowest of the

physical pace layers: the fundamental way in which we perceive our natural world.This has

obvious advantages to usability. Intuitive interfaces are instantly useable because they

capitalize on the operational knowledge we already have. When an interface is completely

new, in order to be intuitive it must “borrow” knowledge from another sphere of experience

(what Donald Norman in The Psychology of Everyday Things refers to as “knowledge in the world”). The touchscreen interface popularized by the iPhone is a ready example of this. More

recently,Nest Protect’s ”wave to hush” interaction provides an example that builds on

learned physical interactions (waving smoke away from a smoke detector to try to shut it up) in an entirely new but instantly comprehensible

way. An additional and often overlooked advantage of tapping into deep layers of

meaning making is that by leveraging more embodied associations, we’re able to design for systems that fit together loosely and in a natural way. By “natural” here, I mean associations that

don’t need to be overwritten by an arbitrary, symbolic association in order to signify;

associations that are rooted in our experience of the world and in our innate perceptual abilities.

Our models become more stable and, ironically, more fluid at once: remapping one’s use of the

trackpad is as simple as swapping out one easily accessible mental model (the wheel

metaphor) for another (the touchscreen metaphor). This loose coupling allows for

structural alternatives to rigid (and often brittle) complex top-down organizational approaches.

In Beyond the Brain, University of Lethbridge Psychology professor Louise Barrett uses this

concept of “soft assembly” to explain how in both animals and robots “a whole variety of

local control factors effectively exploit specific local (often temporary) conditions, along with the intrinsic dynamics of an animal’s body, to come up with effective behavior ‘on the fly.’”

Barrett describes how soft assembly accounts for complex behavior in simple organisms (her

examples include ants and pre-microprocessor robots), then extends those examples to show how complex instances of human and animal

perception can likewise be explained by taking into account the fundamental constitutive

elements of perception. For those of us tasked with designing the architectures and interaction

models of networked physical spaces, searching hard for the most fundamental level

at which an association is understood (in whatever mode it is most basically

communicated), and then articulating that association in a way that exploits the intrinsic

dynamics of its environment, allows us to build physical and information structures that don’t

have to be held together by force, convention, or rote learning, but which fit together by the

nature of their core structures.

Page 37: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 38: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 39: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 40: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

}O

NTO

LOG

Y

TAX

ON

OM

Y

CHO

REO

GR

APH

Y

QU

ALI

A

Mind Blowing by Luis Prado from The Noun Project

When we discuss meaning making, our pace layer model doesn’t describe rate of change; it

describes depth of embodiment. Remembering the “ctrl-z to undo” function is a learned

symbolic (hence arbitrary) association. Touching an icon on a touchscreen (or, indexically, on a

trackpad) and sliding it up is an associative embodied action. If we get these actions right,

we’ve tapped into a level of meaning making that is rooted in one of the slowest of the

physical pace layers: the fundamental way in which we perceive our natural world.This has

obvious advantages to usability. Intuitive interfaces are instantly useable because they

capitalize on the operational knowledge we already have. When an interface is completely

new, in order to be intuitive it must “borrow” knowledge from another sphere of experience

(what Donald Norman in The Psychology of Everyday Things refers to as “knowledge in the world”). The touchscreen interface popularized by the iPhone is a ready example of this. More

recently,Nest Protect’s ”wave to hush” interaction provides an example that builds on

learned physical interactions (waving smoke away from a smoke detector to try to shut it up) in an entirely new but instantly comprehensible

way. An additional and often overlooked advantage of tapping into deep layers of

meaning making is that by leveraging more embodied associations, we’re able to design for systems that fit together loosely and in a natural way. By “natural” here, I mean associations that

don’t need to be overwritten by an arbitrary, symbolic association in order to signify;

associations that are rooted in our experience of the world and in our innate perceptual abilities.

Our models become more stable and, ironically, more fluid at once: remapping one’s use of the

trackpad is as simple as swapping out one easily accessible mental model (the wheel

metaphor) for another (the touchscreen metaphor). This loose coupling allows for

structural alternatives to rigid (and often brittle) complex top-down organizational approaches.

In Beyond the Brain, University of Lethbridge Psychology professor Louise Barrett uses this

concept of “soft assembly” to explain how in both animals and robots “a whole variety of

local control factors effectively exploit specific local (often temporary) conditions, along with the intrinsic dynamics of an animal’s body, to come up with effective behavior ‘on the fly.’”

Barrett describes how soft assembly accounts for complex behavior in simple organisms (her

examples include ants and pre-microprocessor robots), then extends those examples to show how complex instances of human and animal

perception can likewise be explained by taking into account the fundamental constitutive

elements of perception. For those of us tasked with designing the architectures and interaction

models of networked physical spaces, searching hard for the most fundamental level

at which an association is understood (in whatever mode it is most basically

communicated), and then articulating that association in a way that exploits the intrinsic

dynamics of its environment, allows us to build physical and information structures that don’t

have to be held together by force, convention, or rote learning, but which fit together by the

nature of their core structures.

Page 41: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 42: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

}

Mind Blowing by Luis Prado from The Noun Project

When we discuss meaning making, our pace layer model doesn’t describe rate of change; it

describes depth of embodiment. Remembering the “ctrl-z to undo” function is a learned

symbolic (hence arbitrary) association. Touching an icon on a touchscreen (or, indexically, on a

trackpad) and sliding it up is an associative embodied action. If we get these actions right,

we’ve tapped into a level of meaning making that is rooted in one of the slowest of the

physical pace layers: the fundamental way in which we perceive our natural world.This has

obvious advantages to usability. Intuitive interfaces are instantly useable because they

capitalize on the operational knowledge we already have. When an interface is completely

new, in order to be intuitive it must “borrow” knowledge from another sphere of experience

(what Donald Norman in The Psychology of Everyday Things refers to as “knowledge in the world”). The touchscreen interface popularized by the iPhone is a ready example of this. More

recently,Nest Protect’s ”wave to hush” interaction provides an example that builds on

learned physical interactions (waving smoke away from a smoke detector to try to shut it up) in an entirely new but instantly comprehensible

way. An additional and often overlooked advantage of tapping into deep layers of

meaning making is that by leveraging more embodied associations, we’re able to design for systems that fit together loosely and in a natural way. By “natural” here, I mean associations that

don’t need to be overwritten by an arbitrary, symbolic association in order to signify;

associations that are rooted in our experience of the world and in our innate perceptual abilities.

Our models become more stable and, ironically, more fluid at once: remapping one’s use of the

trackpad is as simple as swapping out one easily accessible mental model (the wheel

metaphor) for another (the touchscreen metaphor). This loose coupling allows for

structural alternatives to rigid (and often brittle) complex top-down organizational approaches.

In Beyond the Brain, University of Lethbridge Psychology professor Louise Barrett uses this

concept of “soft assembly” to explain how in both animals and robots “a whole variety of

local control factors effectively exploit specific local (often temporary) conditions, along with the intrinsic dynamics of an animal’s body, to come up with effective behavior ‘on the fly.’”

Barrett describes how soft assembly accounts for complex behavior in simple organisms (her

examples include ants and pre-microprocessor robots), then extends those examples to show how complex instances of human and animal

perception can likewise be explained by taking into account the fundamental constitutive

elements of perception. For those of us tasked with designing the architectures and interaction

models of networked physical spaces, searching hard for the most fundamental level

at which an association is understood (in whatever mode it is most basically

communicated), and then articulating that association in a way that exploits the intrinsic

dynamics of its environment, allows us to build physical and information structures that don’t

have to be held together by force, convention, or rote learning, but which fit together by the

nature of their core structures.

ON

TOLO

GY

TAX

ON

OM

Y

CHO

REO

GR

APH

Y

Page 43: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 44: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

- @brad_frost

https://twitter.com/brad_frost/status/443371579645624321

“This makes me want to murder things.”

Page 45: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 46: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

}

Mind Blowing by Luis Prado from The Noun Project

When we discuss meaning making, our pace layer model doesn’t describe rate of change; it

describes depth of embodiment. Remembering the “ctrl-z to undo” function is a learned

symbolic (hence arbitrary) association. Touching an icon on a touchscreen (or, indexically, on a

trackpad) and sliding it up is an associative embodied action. If we get these actions right,

we’ve tapped into a level of meaning making that is rooted in one of the slowest of the

physical pace layers: the fundamental way in which we perceive our natural world.This has

obvious advantages to usability. Intuitive interfaces are instantly useable because they

capitalize on the operational knowledge we already have. When an interface is completely

new, in order to be intuitive it must “borrow” knowledge from another sphere of experience

(what Donald Norman in The Psychology of Everyday Things refers to as “knowledge in the world”). The touchscreen interface popularized by the iPhone is a ready example of this. More

recently,Nest Protect’s ”wave to hush” interaction provides an example that builds on

learned physical interactions (waving smoke away from a smoke detector to try to shut it up) in an entirely new but instantly comprehensible

way. An additional and often overlooked advantage of tapping into deep layers of

meaning making is that by leveraging more embodied associations, we’re able to design for systems that fit together loosely and in a natural way. By “natural” here, I mean associations that

don’t need to be overwritten by an arbitrary, symbolic association in order to signify;

associations that are rooted in our experience of the world and in our innate perceptual abilities.

Our models become more stable and, ironically, more fluid at once: remapping one’s use of the

trackpad is as simple as swapping out one easily accessible mental model (the wheel

metaphor) for another (the touchscreen metaphor). This loose coupling allows for

structural alternatives to rigid (and often brittle) complex top-down organizational approaches.

In Beyond the Brain, University of Lethbridge Psychology professor Louise Barrett uses this

concept of “soft assembly” to explain how in both animals and robots “a whole variety of

local control factors effectively exploit specific local (often temporary) conditions, along with the intrinsic dynamics of an animal’s body, to come up with effective behavior ‘on the fly.’”

Barrett describes how soft assembly accounts for complex behavior in simple organisms (her

examples include ants and pre-microprocessor robots), then extends those examples to show how complex instances of human and animal

perception can likewise be explained by taking into account the fundamental constitutive

elements of perception. For those of us tasked with designing the architectures and interaction

models of networked physical spaces, searching hard for the most fundamental level

at which an association is understood (in whatever mode it is most basically

communicated), and then articulating that association in a way that exploits the intrinsic

dynamics of its environment, allows us to build physical and information structures that don’t

have to be held together by force, convention, or rote learning, but which fit together by the

nature of their core structures.

ON

TOLO

GY

TAX

ON

OM

Y

CHO

REO

GR

APH

Y

Page 47: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

}

Mind Blowing by Luis Prado from The Noun Project

When we discuss meaning making, our pace layer model doesn’t describe rate of change; it

describes depth of embodiment. Remembering the “ctrl-z to undo” function is a learned

symbolic (hence arbitrary) association. Touching an icon on a touchscreen (or, indexically, on a

trackpad) and sliding it up is an associative embodied action. If we get these actions right,

we’ve tapped into a level of meaning making that is rooted in one of the slowest of the

physical pace layers: the fundamental way in which we perceive our natural world.This has

obvious advantages to usability. Intuitive interfaces are instantly useable because they

capitalize on the operational knowledge we already have. When an interface is completely

new, in order to be intuitive it must “borrow” knowledge from another sphere of experience

(what Donald Norman in The Psychology of Everyday Things refers to as “knowledge in the world”). The touchscreen interface popularized by the iPhone is a ready example of this. More

recently,Nest Protect’s ”wave to hush” interaction provides an example that builds on

learned physical interactions (waving smoke away from a smoke detector to try to shut it up) in an entirely new but instantly comprehensible

way. An additional and often overlooked advantage of tapping into deep layers of

meaning making is that by leveraging more embodied associations, we’re able to design for systems that fit together loosely and in a natural way. By “natural” here, I mean associations that

don’t need to be overwritten by an arbitrary, symbolic association in order to signify;

associations that are rooted in our experience of the world and in our innate perceptual abilities.

Our models become more stable and, ironically, more fluid at once: remapping one’s use of the

trackpad is as simple as swapping out one easily accessible mental model (the wheel

metaphor) for another (the touchscreen metaphor). This loose coupling allows for

structural alternatives to rigid (and often brittle) complex top-down organizational approaches.

In Beyond the Brain, University of Lethbridge Psychology professor Louise Barrett uses this

concept of “soft assembly” to explain how in both animals and robots “a whole variety of

local control factors effectively exploit specific local (often temporary) conditions, along with the intrinsic dynamics of an animal’s body, to come up with effective behavior ‘on the fly.’”

Barrett describes how soft assembly accounts for complex behavior in simple organisms (her

examples include ants and pre-microprocessor robots), then extends those examples to show how complex instances of human and animal

perception can likewise be explained by taking into account the fundamental constitutive

elements of perception. For those of us tasked with designing the architectures and interaction

models of networked physical spaces, searching hard for the most fundamental level

at which an association is understood (in whatever mode it is most basically

communicated), and then articulating that association in a way that exploits the intrinsic

dynamics of its environment, allows us to build physical and information structures that don’t

have to be held together by force, convention, or rote learning, but which fit together by the

nature of their core structures.

ON

TOLO

GY

TAX

ON

OM

Y

CHO

REO

GR

APH

Y

Page 48: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy FitzgeraldTaxonomy for App Makers Andy Fitzgerald

Page 49: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 50: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

1. Determine the narrative

2. Gather concepts & candidate terms from content audits,

stakeholder interviews, and other research.

3. Identify and build out single dimensions

4. Articulate compound taxonomies to meet project goals

5. Present top-level “straw-man” taxonomy to stakeholders

6. Fully build out the revised taxonomy to lower levels

7. Implement, conduct user testing & revise as needed

Building Flexible Taxonomies

Adapted from The Accidental Taxonomistby Heather Hedden

Page 51: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

1. Determine the narrative

2. Gather concepts & candidate terms from content audits,

stakeholder interviews, and other research.

3. Identify and build out single dimensions

4. Articulate compound taxonomies to meet project goals

5. Present top-level “straw-man” taxonomy to stakeholders

6. Fully build out the revised taxonomy to lower levels

7. Implement, conduct user testing & revise as needed

Building Flexible Taxonomies

Page 52: Taxonomy for App Makers Workshop – UX London

#ResponsiveIA @andybywire

Page 53: Taxonomy for App Makers Workshop – UX London

#ResponsiveIA @andybywire

Page 54: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

1. Determine the narrative

2. Gather concepts & candidate terms from content audits,

stakeholder interviews, and other research.

3. Identify and build out single dimensions

4. Articulate compound taxonomies to meet project goals

5. Present top-level “straw-man” taxonomy to stakeholders

6. Fully build out the revised taxonomy to lower levels

7. Implement, conduct user testing & revise as needed

Building Flexible Taxonomies

Page 55: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 56: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 57: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 58: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 59: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 60: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 61: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

1. Determine the narrative

2. Gather concepts & candidate terms from content audits,

stakeholder interviews, and other research.

3. Identify and build out single dimensions

4. Articulate compound taxonomies to meet project goals

5. Present top-level “straw-man” taxonomy to stakeholders

6. Fully build out the revised taxonomy to lower levels

7. Implement, conduct user testing & revise as needed

Building Flexible Taxonomies

Page 62: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 63: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

1. Determine the narrative

2. Gather concepts & candidate terms from content audits,

stakeholder interviews, and other research.

3. Identify and build out single dimensions

4. Articulate compound taxonomies to meet project goals

5. Present top-level “straw-man” taxonomy to stakeholders

6. Fully build out the revised taxonomy to lower levels

7. Implement, conduct user testing & revise as needed

Building Flexible Taxonomies

Page 64: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 65: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

1. Determine the narrative

2. Gather concepts & candidate terms from content audits,

stakeholder interviews, and other research.

3. Identify and build out single dimensions

4. Articulate compound taxonomies to meet project goals

5. Present top-level “straw-man” taxonomy to stakeholders

6. Fully build out the revised taxonomy to lower levels

7. Implement, conduct user testing & revise as needed

Building Flexible Taxonomies

Page 66: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 67: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 68: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

http://pervasiveia.com/blog/embracing-ambiguity

- Luca Rosati. Embracing ambiguity: Ambiguity as an emerging design pattern

“Embracing ambiguity — embracing the possibility of not understanding exactly how the pieces fit together — means designing systems

that surpass our expectations of them.”

Page 69: Taxonomy for App Makers Workshop – UX London

HealthMed: building flexible taxonomies.

Page 70: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Composite Taxonomies

• HealthMed term cards

• Concept map

• Brief brief

• Post-Its

• Drafting dots

Page 71: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Composite Taxonomies

• Identify a design concept based on your audience

• Based on your brief, group your terms

• Create category labels (blank cards)

• Note any relevant attributes (Post-It notes)

• Identify and elaborate salient dimensions

• Can be Post-Its or sketched

• Call out flexible taxonomic elements

• Where does your taxonomy bend?

20 minutes

Page 72: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Composite Taxonomies

• What is your design concept?

• What are your salient dimensions?

• Where are the points of articulation in your

taxonomy?

10 minutes

Page 73: Taxonomy for App Makers Workshop – UX London

Break

http://andyfitzgerald.org/apptaxonomy

#apptaxonomy

@andybywire

Page 74: Taxonomy for App Makers Workshop – UX London

From IA to UI.

Page 75: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 76: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 77: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 78: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 79: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 80: Taxonomy for App Makers Workshop – UX London
Page 81: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 82: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 83: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 84: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 85: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 86: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 87: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 88: Taxonomy for App Makers Workshop – UX London

50%

Taxonomy for App Makers Andy Fitzgerald

Page 89: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 90: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 91: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 92: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 93: Taxonomy for App Makers Workshop – UX London
Page 94: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Huge navigation targets

Metaphors grounded in the physical world

Embodied patterns

Page 95: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

- Andy Clark. Supersizing the Mind

“The human sense of presence, of being at a certain place in space, is fully determined by our

ability to enter into closed-loop interactions ”

Page 96: Taxonomy for App Makers Workshop – UX London

Mapping navigation.

Page 97: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Mapping Navigation

• Your composite taxonomy

• Brief brief

• Device cards

• Easel paper

• UI guidelines

Page 98: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Mapping Navigation

• Identify UI opportunities & limitations

• Formulate a design concept

• Map taxonomy to device

• use native UI patterns when appropriate

• account for transitions and place

• define view-level structure

• Adjust composite taxonomy as necessary

25 minutes

Page 99: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Mapping Navigation

• What is your interaction design concept for each

device?

• What opportunities did the device context lend?

• What constraints had to be accommodated?

10 minutes

Page 100: Taxonomy for App Makers Workshop – UX London

Beyond textuality.

Page 103: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 104: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

- Richard Saul Wurman. Hats

“You can only understand something relative to something you already understand.”

Page 105: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Modes of Signification

Symbolicthe signifier does not resemble the signified; it is arbitrary and conventional

Page 106: Taxonomy for App Makers Workshop – UX London

Text

Page 107: Taxonomy for App Makers Workshop – UX London

= Tree

(signifier)(signified)

Page 108: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Modes of Signification

Symbolicthe signifier does not represent the signified; it is arbitrary and conventional

Indexicalthe signifier is directly connected to the signified

Page 109: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Smoke signifies fire

Fever signifies infection

A knock signifies a visitor

Handwriting signifies the writer

Page 110: Taxonomy for App Makers Workshop – UX London
Page 111: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Modes of Signification

Symbolicthe signifier does not represent the signified; it is arbitrary and conventional

Indexicalthe signifier is directly connected to the signified

Iconicthe signifier is perceived as resembling or imitating the signified

Page 112: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

- Daniel Chandler. Semiotics

“Iconic signifiers seem to present reality more directly than symbolic signs.”

Page 113: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 114: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 115: Taxonomy for App Makers Workshop – UX London
Page 116: Taxonomy for App Makers Workshop – UX London
Page 117: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

- Louise Barrett. Beyond the Brain

“This innate bias may not be for faces as such, but for the particular kind of geometric

configuration that faces present.”

Page 118: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Page 119: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

- Sara Wachter-Boettcher. Content Everywhere

“The best we can all do is focus our limited stock of human care and attention toward

designing systems [...] not obsessing over individual pages for individual platforms.”

Page 120: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Responsive Information Architecture

An information design strategy that allows for the expression of specific meaning across multiple and independent contexts.

Page 121: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Rich understanding of the information ecology

Content-driven guidelines for interaction

design choices

Embrace ambiguity as a strategy for negotiating

the connected environment

Articulated information structures based on

multiple modes of meaning making

Responsive Information Architecture

Page 122: Taxonomy for App Makers Workshop – UX London

Interface futures.

Page 123: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Interface Futures

• a watch

• a connected refrigerator

• a TV

• a car

• a connected home

• augmented reality (like Glass, but ready for prime time)

Imagine a future interface for:

Page 124: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Interface Futures

• Imagine UI opportunities & limitations

• Formulate a design concept

• Map your taxonomy to the device

• how will you leverage multiple modes?

• how will the device interact with connected

environments?

• what UI patterns are likely?

• Adjust the composite taxonomy as necessary

20 minutes

Page 125: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Interface Futures

• What future interface did you choose?

• What are its opportunities and limitations?

• What is your interaction design concept?

• How did you map your taxonomy?

• what changed?

• what remained the same?

10 minutes

Page 126: Taxonomy for App Makers Workshop – UX London

Wrapping up.

Page 127: Taxonomy for App Makers Workshop – UX London

TaxonomyA method of arrangement conceived to create a particular kind of understanding.

Taxonomy for App Makers Andy Fitzgerald

Page 128: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

1. Gather concepts & candidate terms from content audits,

stakeholder interviews, and other research.

2. Determine the narrative

3. Identify and build out single dimensions

4. Articulate compound taxonomies to meet project goals

5. Present top-level “straw-man” taxonomy to stakeholders

6. Fully build out the revised taxonomy to lower levels

7. Implement, conduct user testing & revise as needed

Building Flexible Taxonomies

Page 129: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

1. Review device specific opportunities & constraints

2. Draft an interaction design concept based on your

taxonomic narrative

3. Articulate organizational structures to wayfinding elements

• use native UI patterns when appropriate

• account for transitions and place

• define view-level structure

4. Flex taxonomy across individual dimensions as necessary

Mapping Navigation

Page 130: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Rich understanding of the information ecology

Content-driven guidelines for interaction

design choices

Embrace ambiguity as a strategy for negotiating

the connected environment

Articulated information structures based on

multiple modes of meaning making

Responsive Information Architecture

Page 131: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Books

Card Sorting: Designing Usable Categories. Donna Spencer, Rosenfeld Media 2009

The Accidental Taxonomist. Heather Hedden. Information Today, Inc 2010

Organising Knowledge: Taxonomies, Knowledge and Organizational Effectiveness. Patrick Lambe, Chandos Publishing 2007

Building Enterprise Taxonomies. Darin Stewart, Mokita Press 2011

Semiotics. Daniel Chandler, Routledge 2007

Supersizing the Mind. Andy Clark, Oxford University Press 2011

Beyond the Brain. Louise Barrett, Princeton University Press 2011

Content Everywhere. Sara Wachter-Boettcher, Rosenfeld Media 2012

Women, Fire, and Dangerous Things. George Lakoff. University of Chicago Press 1987

Page 132: Taxonomy for App Makers Workshop – UX London

Taxonomy for App Makers Andy Fitzgerald

Online

The Magical Short-Form Creative Brief. Jared Spool, 2012http://www.uie.com/articles/short_form_creative_brief/

The Nature of Information Architecture. Dan Klyn, 2013http://wildlyappropriate.com/2013/04/06/poster-for-information-architecture-summit-2013/

Ambiguity as an emerging design pattern. Luca Rosati, 2014http://pervasiveia.com/blog/embracing-ambiguity

Of Bears, Bats, and Bees: Making Sense of the Internet of Things. Scott Jenson, 2012 http://jenson.org/of-bears-bats-and-bees-making-sense-of-the-internet-of-things/

Hats. Design Quarterly No. 145. Richard Saul Wurman,1989http://www.jstor.org/stable/i386312

Information Architecture and the Connected Environment. Andy Fitzgerald, 2014 http://radar.oreilly.com/tag/ia-series

Page 133: Taxonomy for App Makers Workshop – UX London

Thank you.Taxonomy for App Makers

http://www.slideshare.net/andybywire

www.andyfitzgerald.org

#AppTaxonomy

@andybywire