[PPT] - Taxonomy for App Makers: Movie Monsters & Medical Insurance UX PowerPoint Presentation

SLIDE 1

Presented by Andy Fitzgerald, PhD

30 May 2014

Taxonomy for App Makers:

Movie Monsters & Medical Insurance

UX London

SLIDE 2

Taxonomy for App Makers Andy Fitzgerald

SLIDE 3

SLIDE 4

SLIDE 5 http://bradfrostweb.com/blog/post/device-fatigue/

SLIDE 6

Taxonomy for App Makers Andy Fitzgerald

Part I: Taxonomy Categories & meaning making Movie monster categorization Taxonomy & navigation HealthMed: building flexible taxonomies

Overview

SLIDE 7

Taxonomy for App Makers Andy Fitzgerald

Part II: App Making From IA to UI Mapping navigation Beyond textuality Interface futures

Overview

SLIDE 8

Taxonomy for App Makers Andy Fitzgerald

Resources

Overview

http://andyfitzgerald.org/apptaxonomy
#apptaxonomy
@andybywire

SLIDE 9

Categories & meaning-making.

SLIDE 10

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.”

SLIDE 11

Taxonomy for App Makers Andy Fitzgerald

Richard Saul Wurman. Hats

“Creative organization of information creates new

information”

SLIDE 12

Taxonomy for App Makers Andy Fitzgerald

taxos- “arrangement”

nomia

“method”

+

SLIDE 13

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

Taxonomy for App Makers Andy Fitzgerald

SLIDE 14

SLIDE 15

Phenetics  Classification of organisms based on

verall similarity
Cladistics

Classification of organisms based on derivative ancestral characteristics

Taxonomy for App Makers Andy Fitzgerald

SLIDE 16

SLIDE 17

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

SLIDE 18

SLIDE 19

SLIDE 20

Architecture is rhetoric for spaces.

Taxonomy for App Makers Andy Fitzgerald

SLIDE 21

SLIDE 22

SLIDE 23

Taxonomy  A method of arrangement conceived to create a particular kind of understanding.

Taxonomy for App Makers

Andy Fitzgerald

SLIDE 24

Taxonomy for App Makers Andy Fitzgerald

SLIDE 25

Taxonomy for App Makers Andy Fitzgerald

SLIDE 26

SLIDE 27

SLIDE 28

SLIDE 29

SLIDE 30

Movie monsters & categories.

SLIDE 31

Taxonomy for App Makers Andy Fitzgerald

Movie Monsters & Categories

Monster cards
Brief brief
Post-Its
Drafting dots

SLIDE 32

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

SLIDE 33

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

SLIDE 34

Taxonomy & navigation.

SLIDE 35

choreography

ntology

taxonomy

arrangement of the parts particular meaning rules for interaction among the parts

THE NATURE OF INFORMATION ARCHITECTURE

SLIDE 36

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

ffering

SLIDE 37

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.

SLIDE 38

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

SLIDE 39

Taxonomy for App Makers Andy Fitzgerald

ONTOLOGY TAXONOMY CHOREOGRAPHY

SLIDE 40

Taxonomy for App Makers Andy Fitzgerald

ONTOLOGY TAXONOMY CHOREOGRAPHY

SLIDE 41

Taxonomy for App Makers Andy Fitzgerald

}

ONTOLOGY TAXONOMY CHOREOGRAPHY

sliding it up is an associative If we get these actions right,

a level of meaning making

in one of the slowest of the yers: the fundamental way in ve our natural world.This has vantages to usability. Intuitive stantly useable because they e operational knowledge we en an interface is completely be intuitive it must “borrow” nother sphere of experience

rman in The Psychology of

fers to as “knowledge in the screen interface popularized ready example of this. More est Protect’s ”wave to hush” s an example that builds on l interactions (waving smoke detector to try to shut it up) but instantly comprehensible itional and often overlooked f tapping into deep layers of g is that by leveraging more

ns, we’re able to design for

ther loosely and in a natural re, I mean associations that e overwritten by an arbitrary, ssociation in order to signify; rooted in our experience of r innate perceptual abilities. me more stable and, ironically, : remapping one’s use of the s simple as swapping out one ble mental model (the wheel for another (the touchscreen his loose coupling allows for ves to rigid (and often brittle)

rganizational approaches.

in, University of Lethbridge ssor Louise Barrett uses this assembly” to explain how in nd robots “a whole variety of rs effectively exploit specific

rary) conditions, along with

mics of an animal’s body, to ffective behavior ‘on the fly.’” how soft assembly accounts vior in simple organisms (her nts and pre-microprocessor nds those examples to show stances of human and animal wise be explained by taking the fundamental constitutive

ption. For those of us tasked

architectures and interaction networked physical spaces, r the most fundamental level association is understood (in ver mode it is most basically d), and then articulating that ay that exploits the intrinsic vironment, allows us to build rmation structures that don’t gether by force, convention, but which fit together by the ture of their core structures.

SLIDE 42

Taxonomy for App Makers Andy Fitzgerald

}

ONTOLOGY TAXONOMY CHOREOGRAPHY QUALIA

sliding it up is an associative If we get these actions right,

a level of meaning making

in one of the slowest of the yers: the fundamental way in ve our natural world.This has vantages to usability. Intuitive stantly useable because they e operational knowledge we en an interface is completely be intuitive it must “borrow” nother sphere of experience

rman in The Psychology of

fers to as “knowledge in the screen interface popularized ready example of this. More est Protect’s ”wave to hush” s an example that builds on l interactions (waving smoke detector to try to shut it up) but instantly comprehensible itional and often overlooked f tapping into deep layers of g is that by leveraging more

ns, we’re able to design for

ther loosely and in a natural re, I mean associations that e overwritten by an arbitrary, ssociation in order to signify; rooted in our experience of r innate perceptual abilities. me more stable and, ironically, : remapping one’s use of the s simple as swapping out one ble mental model (the wheel for another (the touchscreen his loose coupling allows for ves to rigid (and often brittle)

rganizational approaches.

in, University of Lethbridge ssor Louise Barrett uses this assembly” to explain how in nd robots “a whole variety of rs effectively exploit specific

rary) conditions, along with

mics of an animal’s body, to ffective behavior ‘on the fly.’” how soft assembly accounts vior in simple organisms (her nts and pre-microprocessor nds those examples to show stances of human and animal wise be explained by taking the fundamental constitutive

ption. For those of us tasked

architectures and interaction networked physical spaces, r the most fundamental level association is understood (in ver mode it is most basically d), and then articulating that ay that exploits the intrinsic vironment, allows us to build rmation structures that don’t gether by force, convention, but which fit together by the ture of their core structures.

SLIDE 43

Taxonomy for App Makers Andy Fitzgerald

SLIDE 44

Taxonomy for App Makers Andy Fitzgerald

SLIDE 45

Taxonomy for App Makers Andy Fitzgerald

SLIDE 46

Taxonomy for App Makers Andy Fitzgerald

sliding it up is an associative If we get these actions right,

a level of meaning making

in one of the slowest of the yers: the fundamental way in ve our natural world.This has vantages to usability. Intuitive stantly useable because they e operational knowledge we en an interface is completely be intuitive it must “borrow” nother sphere of experience

rman in The Psychology of

fers to as “knowledge in the screen interface popularized ready example of this. More est Protect’s ”wave to hush” s an example that builds on l interactions (waving smoke detector to try to shut it up) but instantly comprehensible itional and often overlooked f tapping into deep layers of g is that by leveraging more

ns, we’re able to design for

ther loosely and in a natural re, I mean associations that e overwritten by an arbitrary, ssociation in order to signify; rooted in our experience of r innate perceptual abilities. me more stable and, ironically, : remapping one’s use of the s simple as swapping out one ble mental model (the wheel for another (the touchscreen his loose coupling allows for ves to rigid (and often brittle)

rganizational approaches.

in, University of Lethbridge ssor Louise Barrett uses this assembly” to explain how in nd robots “a whole variety of rs effectively exploit specific

rary) conditions, along with

mics of an animal’s body, to ffective behavior ‘on the fly.’” how soft assembly accounts vior in simple organisms (her nts and pre-microprocessor nds those examples to show stances of human and animal wise be explained by taking the fundamental constitutive

ption. For those of us tasked

architectures and interaction networked physical spaces, r the most fundamental level association is understood (in ver mode it is most basically d), and then articulating that ay that exploits the intrinsic vironment, allows us to build rmation structures that don’t gether by force, convention, but which fit together by the ture of their core structures.

}

ONTOLOGY TAXONOMY CHOREOGRAPHY QUALIA

Mind Blowing by Luis Prado from The Noun Project

SLIDE 47

Taxonomy for App Makers Andy Fitzgerald

}

ONTOLOGY TAXONOMY CHOREOGRAPHY QUALIA

Mind Blowing by Luis Prado from The Noun Project sliding it up is an associative If we get these actions right,

a level of meaning making

in one of the slowest of the yers: the fundamental way in ve our natural world.This has vantages to usability. Intuitive stantly useable because they e operational knowledge we en an interface is completely be intuitive it must “borrow” nother sphere of experience

rman in The Psychology of

fers to as “knowledge in the screen interface popularized ready example of this. More est Protect’s ”wave to hush” s an example that builds on l interactions (waving smoke detector to try to shut it up) but instantly comprehensible itional and often overlooked f tapping into deep layers of g is that by leveraging more

ns, we’re able to design for

ther loosely and in a natural re, I mean associations that e overwritten by an arbitrary, ssociation in order to signify; rooted in our experience of r innate perceptual abilities. me more stable and, ironically, : remapping one’s use of the s simple as swapping out one ble mental model (the wheel for another (the touchscreen his loose coupling allows for ves to rigid (and often brittle)

rganizational approaches.

in, University of Lethbridge ssor Louise Barrett uses this assembly” to explain how in nd robots “a whole variety of rs effectively exploit specific

rary) conditions, along with

mics of an animal’s body, to ffective behavior ‘on the fly.’” how soft assembly accounts vior in simple organisms (her nts and pre-microprocessor nds those examples to show stances of human and animal wise be explained by taking the fundamental constitutive

ption. For those of us tasked

architectures and interaction networked physical spaces, r the most fundamental level association is understood (in ver mode it is most basically d), and then articulating that ay that exploits the intrinsic vironment, allows us to build rmation structures that don’t gether by force, convention, but which fit together by the ture of their core structures.

SLIDE 48

Taxonomy for App Makers Andy Fitzgerald

SLIDE 49

Taxonomy for App Makers Andy Fitzgerald

}

Mind Blowing by Luis Prado from The Noun Project sliding it up is an associative If we get these actions right,

a level of meaning making

in one of the slowest of the yers: the fundamental way in ve our natural world.This has vantages to usability. Intuitive stantly useable because they e operational knowledge we en an interface is completely be intuitive it must “borrow” nother sphere of experience

rman in The Psychology of

fers to as “knowledge in the screen interface popularized ready example of this. More est Protect’s ”wave to hush” s an example that builds on l interactions (waving smoke detector to try to shut it up) but instantly comprehensible itional and often overlooked f tapping into deep layers of g is that by leveraging more

ns, we’re able to design for

ther loosely and in a natural re, I mean associations that e overwritten by an arbitrary, ssociation in order to signify; rooted in our experience of r innate perceptual abilities. me more stable and, ironically, : remapping one’s use of the s simple as swapping out one ble mental model (the wheel for another (the touchscreen his loose coupling allows for ves to rigid (and often brittle)

rganizational approaches.

in, University of Lethbridge ssor Louise Barrett uses this assembly” to explain how in nd robots “a whole variety of rs effectively exploit specific

rary) conditions, along with

mics of an animal’s body, to ffective behavior ‘on the fly.’” how soft assembly accounts vior in simple organisms (her nts and pre-microprocessor nds those examples to show stances of human and animal wise be explained by taking the fundamental constitutive

ption. For those of us tasked

architectures and interaction networked physical spaces, r the most fundamental level association is understood (in ver mode it is most basically d), and then articulating that ay that exploits the intrinsic vironment, allows us to build rmation structures that don’t gether by force, convention, but which fit together by the ture of their core structures.

ONTOLOGY TAXONOMY CHOREOGRAPHY

SLIDE 50

Taxonomy for App Makers Andy Fitzgerald

SLIDE 51

Taxonomy for App Makers Andy Fitzgerald

@brad_frost

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

“This makes me want to murder things.”

SLIDE 52

Taxonomy for App Makers Andy Fitzgerald

SLIDE 53

Taxonomy for App Makers Andy Fitzgerald

}

Mind Blowing by Luis Prado from The Noun Project sliding it up is an associative If we get these actions right,

a level of meaning making

in one of the slowest of the yers: the fundamental way in ve our natural world.This has vantages to usability. Intuitive stantly useable because they e operational knowledge we en an interface is completely be intuitive it must “borrow” nother sphere of experience

rman in The Psychology of

fers to as “knowledge in the screen interface popularized ready example of this. More est Protect’s ”wave to hush” s an example that builds on l interactions (waving smoke detector to try to shut it up) but instantly comprehensible itional and often overlooked f tapping into deep layers of g is that by leveraging more

ns, we’re able to design for

ther loosely and in a natural re, I mean associations that e overwritten by an arbitrary, ssociation in order to signify; rooted in our experience of r innate perceptual abilities. me more stable and, ironically, : remapping one’s use of the s simple as swapping out one ble mental model (the wheel for another (the touchscreen his loose coupling allows for ves to rigid (and often brittle)

rganizational approaches.

in, University of Lethbridge ssor Louise Barrett uses this assembly” to explain how in nd robots “a whole variety of rs effectively exploit specific

rary) conditions, along with

mics of an animal’s body, to ffective behavior ‘on the fly.’” how soft assembly accounts vior in simple organisms (her nts and pre-microprocessor nds those examples to show stances of human and animal wise be explained by taking the fundamental constitutive

ption. For those of us tasked

architectures and interaction networked physical spaces, r the most fundamental level association is understood (in ver mode it is most basically d), and then articulating that ay that exploits the intrinsic vironment, allows us to build rmation structures that don’t gether by force, convention, but which fit together by the ture of their core structures.

ONTOLOGY TAXONOMY CHOREOGRAPHY

SLIDE 54

Taxonomy for App Makers Andy Fitzgerald

}

Mind Blowing by Luis Prado from The Noun Project sliding it up is an associative If we get these actions right,

a level of meaning making

in one of the slowest of the yers: the fundamental way in ve our natural world.This has vantages to usability. Intuitive stantly useable because they e operational knowledge we en an interface is completely be intuitive it must “borrow” nother sphere of experience

rman in The Psychology of

fers to as “knowledge in the screen interface popularized ready example of this. More est Protect’s ”wave to hush” s an example that builds on l interactions (waving smoke detector to try to shut it up) but instantly comprehensible itional and often overlooked f tapping into deep layers of g is that by leveraging more

ns, we’re able to design for

ther loosely and in a natural re, I mean associations that e overwritten by an arbitrary, ssociation in order to signify; rooted in our experience of r innate perceptual abilities. me more stable and, ironically, : remapping one’s use of the s simple as swapping out one ble mental model (the wheel for another (the touchscreen his loose coupling allows for ves to rigid (and often brittle)

rganizational approaches.

in, University of Lethbridge ssor Louise Barrett uses this assembly” to explain how in nd robots “a whole variety of rs effectively exploit specific

rary) conditions, along with

mics of an animal’s body, to ffective behavior ‘on the fly.’” how soft assembly accounts vior in simple organisms (her nts and pre-microprocessor nds those examples to show stances of human and animal wise be explained by taking the fundamental constitutive

ption. For those of us tasked

architectures and interaction networked physical spaces, r the most fundamental level association is understood (in ver mode it is most basically d), and then articulating that ay that exploits the intrinsic vironment, allows us to build rmation structures that don’t gether by force, convention, but which fit together by the ture of their core structures.

ONTOLOGY TAXONOMY CHOREOGRAPHY

SLIDE 55

Taxonomy for App Makers Andy Fitzgerald Taxonomy for App Makers Andy Fitzgerald

SLIDE 56

Taxonomy for App Makers Andy Fitzgerald

SLIDE 57

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 Taxonomist

by Heather Hedden

SLIDE 58

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

SLIDE 59

#ResponsiveIA @andybywire

SLIDE 60

#ResponsiveIA @andybywire

SLIDE 61

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

SLIDE 62

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

SLIDE 63

Taxonomy for App Makers Andy Fitzgerald

SLIDE 64

Taxonomy for App Makers Andy Fitzgerald

SLIDE 65

Taxonomy for App Makers Andy Fitzgerald

SLIDE 66

Taxonomy for App Makers Andy Fitzgerald

SLIDE 67

Taxonomy for App Makers Andy Fitzgerald

SLIDE 68

Taxonomy for App Makers Andy Fitzgerald

SLIDE 69

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

SLIDE 70

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

SLIDE 71

Taxonomy for App Makers Andy Fitzgerald

SLIDE 72

Taxonomy for App Makers Andy Fitzgerald

SLIDE 73

SLIDE 74

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

SLIDE 75

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

SLIDE 76

Taxonomy for App Makers Andy Fitzgerald

SLIDE 77

Taxonomy for App Makers Andy Fitzgerald

SLIDE 78

SLIDE 79

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

SLIDE 80

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

SLIDE 81

Taxonomy for App Makers Andy Fitzgerald

SLIDE 82

Taxonomy for App Makers Andy Fitzgerald

SLIDE 83

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.”

SLIDE 84

HealthMed: building flexible taxonomies.

SLIDE 85

Taxonomy for App Makers Andy Fitzgerald

Composite Taxonomies

HealthMed term cards
Concept map
Brief brief
Post-Its
Drafting dots

SLIDE 86

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

SLIDE 87

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

SLIDE 88

Break

http://andyfitzgerald.org/apptaxonomy #apptaxonomy @andybywire

SLIDE 89

From IA to UI.

SLIDE 90

Taxonomy for App Makers Andy Fitzgerald

SLIDE 91

Taxonomy for App Makers Andy Fitzgerald

SLIDE 92

Taxonomy for App Makers Andy Fitzgerald

SLIDE 93

Taxonomy for App Makers Andy Fitzgerald

SLIDE 94

Taxonomy for App Makers Andy Fitzgerald

SLIDE 95

SLIDE 96

Taxonomy for App Makers Andy Fitzgerald

SLIDE 97

Taxonomy for App Makers Andy Fitzgerald

SLIDE 98

Taxonomy for App Makers Andy Fitzgerald

SLIDE 99

Taxonomy for App Makers Andy Fitzgerald

SLIDE 100

Taxonomy for App Makers Andy Fitzgerald

SLIDE 101

Taxonomy for App Makers Andy Fitzgerald

SLIDE 102

Taxonomy for App Makers Andy Fitzgerald

SLIDE 103

50%

Taxonomy for App Makers Andy Fitzgerald

SLIDE 104

Taxonomy for App Makers Andy Fitzgerald

SLIDE 105

Taxonomy for App Makers Andy Fitzgerald

SLIDE 106

Taxonomy for App Makers Andy Fitzgerald

SLIDE 107

Taxonomy for App Makers Andy Fitzgerald

SLIDE 108

SLIDE 109

Taxonomy for App Makers Andy Fitzgerald

Huge navigation targets Metaphors grounded in the physical world Embodied patterns

SLIDE 110

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 ”

SLIDE 111

Mapping navigation.

SLIDE 112

Taxonomy for App Makers Andy Fitzgerald

Mapping Navigation

Your composite taxonomy
Brief brief
Device cards
Easel paper
UI guidelines

SLIDE 113

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

SLIDE 114

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

SLIDE 115

Beyond textuality.

SLIDE 116

Taxonomy for App Makers Andy Fitzgerald

http://jenson.org/of-bears-bats-and-bees-making-sense-of-the- internet-of-things/

SLIDE 117

Taxonomy for App Makers Andy Fitzgerald

http://jenson.org/of-bears-bats-and-bees-making-sense-of-the- internet-of-things/

SLIDE 118

Taxonomy for App Makers Andy Fitzgerald

SLIDE 119

Taxonomy for App Makers Andy Fitzgerald

Richard Saul Wurman. Hats

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

SLIDE 120

Taxonomy for App Makers Andy Fitzgerald

Modes of Signification

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

SLIDE 121

Text

SLIDE 122

= Tree (signifier) (signified)

SLIDE 123

Taxonomy for App Makers Andy Fitzgerald

Modes of Signification

Symbolic  the signifier does not represent the signified; it is arbitrary and conventional Indexical  the signifier is directly connected to the signified

SLIDE 124

Taxonomy for App Makers Andy Fitzgerald

Smoke signifies fire Fever signifies infection A knock signifies a visitor Handwriting signifies the writer

SLIDE 125

SLIDE 126

Taxonomy for App Makers Andy Fitzgerald

Modes of Signification

Symbolic  the signifier does not represent the signified; it is arbitrary and conventional Indexical  the signifier is directly connected to the signified Iconic  the signifier is perceived as resembling or imitating the signified

SLIDE 127

Taxonomy for App Makers Andy Fitzgerald

Daniel Chandler. Semiotics

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

SLIDE 128

Taxonomy for App Makers Andy Fitzgerald

SLIDE 129

Taxonomy for App Makers Andy Fitzgerald

SLIDE 130

SLIDE 131

SLIDE 132

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.”

SLIDE 133

Taxonomy for App Makers Andy Fitzgerald

SLIDE 134

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.”

SLIDE 135

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.

SLIDE 136

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

SLIDE 137

Interface futures.

SLIDE 138

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:

SLIDE 139

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

SLIDE 140

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

SLIDE 141

Wrapping up.

SLIDE 142

Taxonomy  A method of arrangement conceived to create a particular kind of understanding.

Taxonomy for App Makers

Andy Fitzgerald

SLIDE 143

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

SLIDE 144

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

SLIDE 145

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

SLIDE 146

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

SLIDE 147

Taxonomy for App Makers Andy Fitzgerald

Online

The Magical Short-Form Creative Brief. Jared Spool, 2012  http://www.uie.com/articles/short_form_creative_brief/ The Nature of Information Architecture. Dan Klyn, 2013  http://wildlyappropriate.com/2013/04/06/poster-for-information-architecture-summit-2013/ Ambiguity as an emerging design pattern. Luca Rosati, 2014  http://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,1989

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

SLIDE 148

Thank you.

Taxonomy for App Makers

http://www.slideshare.net/andybywire

www.andyfitzgerald.org #AppTaxonomy @andybywire