04 Fundamentals of UX Workshop: Information Architecture
-
Upload
christina-wodtke -
Category
Design
-
view
464 -
download
2
description
Transcript of 04 Fundamentals of UX Workshop: Information Architecture
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
INFORMATION ARCHITECTURE
Designing the User Experience: THE FUNDAMENTALS
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
The structural design of an information space to facilitate task completion and intuitive access to
content.
Definition
Information Architecture for the World-Wide Web Louis Rosenfeld & Peter Morville
Organizing info so
people can find stuff
>
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
PLAY WITH CANDY
Sort into groups. Name groups
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
MAKE A HOMEPAGE FOR YOUR CANDY SITE
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
4 KINDS OF INFORMATION SEEKING
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
You are going to Belize. You want the lonely planet guidebook
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
KNOWN ITEMhttp://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
What worksSearchA-Z indexNavigation
http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
You want to visit a tropical island. Where should you go?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
EXPLORATORY
http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
What can helpNavigationRelated SearchSearch (with autocomplete, related terms)
http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Ticket Prices to Belize drop in September and April
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
DON’T KNOW WHAT YOU NEED TO KNOW
http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
What can helpRelated informationRecommendationsPush technologies
http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
You saw a great waterproof camera on amazon, and now realize it’s the one you want to buy. Where did it go?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
REFINDING
http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
What can helpFavoritesPersonalizationVisited link color
http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
RedesignDESIGN FOR TASKS
Find a after dinner mintFind a candies for a upcoming party for a 57 year oldMake users aware some candies are on saleFind again a good choice for that party that you saw earlier
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Classification has Consequences
A physician who doesn’t see a new cureA poor student who can’t find financial aidA store where a product isn’t found
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
IA has Solutions
– Tagging with metadata– Organizing with CV’s– Creating navigation
systems – Optimizing search
Information Architecture
manages information to make it findable
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
CLASSIFICATION IS CONTEXTUAL
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Benabar n’est pas jazz?
Dewey Decimal System‣ 200-299 – Religion Categories‣ 40+ categories related to Christianity‣ 1 for Judaism‣ 1 for Islam (& related)
Who Cares?‣ Religious Scholars‣ Librarians‣ Information Architects‣ Jews and Muslims
THIS IS A FISH
Who Cares?Hungry Catholics inland in South America on Fridays
‣ Classification reflects social and cultural organization‣ Information Architect must understand this context
Context is King
Get to know your audience…
1. Who are they?
Football Fan
Get to know your audience…
1. Who are they?
Football Fan?
Know your audience…1. Who are they?
2. What do they care about?
Are the Patriots going to make the
playoffs?
Show me photos!
What happened in the last game?
Know your audience…1. Who are they?
2. What do they care about?3. How do they think of the information and content?
Conference, division…
Schedules, standings…
Know your audience…
1. Observe others2. Study Competitors and similar sites3. Review your search logs4. Do a card sort
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Now what?Check your labels. Do they make sense?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
36Metadata
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Tagging– when it works38
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
People can’t be bothered 39
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Pictures of “you”
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
41Metadata:
what is it?“metadata is data about data"
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
42
Metadata: what is it?“Metadata tags are used to describe documents, pages, images, software, video and audio files, and other content objects for the purposes of improved navigation and retrieval”
‘Information Architecture for the World Wide Web’, 2nd ed., (2002)
Rosenfeld, L. & Morville, P.
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
DescriptiveProcuitto
Cheese
Honey
Olivia’s
Tapas
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
IntrinsicWhat does the camera
know? What does the
system know?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Administrative
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
46
Not all Metadata is equalWhat are users interested in?What do you want users to be able to find?What metadata makes management easy?
Tag content for findabilityTag content for management
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
47
ExerciseCANDYWrite as many descriptive words (or short phrases) on your post-itOne word (or phrase) per post-it
Don’t share– yet! Hold on!
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Add pic of netflix
49
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Controlled vocabularies
Master of your domains
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
The French Academy Founded in 1635Multiple dialectsGoal: purify the French languageGoal: unify the nation (ensure that the State and all citizens speak the same language)
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
The French Academy today
…but…
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
So what?
How will you ensure they continue to do so?
• So what are your goals?• How will you ensure that your users and your
system speak the same language?
When humans and computers interact
I’ve got
music
I want music.
Humans are good at figuring things out
Hip Hop
Rap.Rock.
Dance.
Most of the time 56
Raggamuffin
?
But computers are literal
57
Acidreggae
?
No matches found
And need help 58
AcidReggae?
?
Let’s give them “Reggae” and “Trance”
IA
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
59
Thus Controlled vocabularies (CV)Amy Warner defines a controlled vocabulary
(CV) as “organized lists of words and phrases, or notation systems, that are used to initially tag content, and then to find it through navigation or search.”
The IA can’t always be there…
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
I define them as
Documented relationships of words and concepts to assist people finding stuff.
Same dif.
Controlled Vocabularies
Simple Complex
SynonymRings
AuthorityFiles
ThesauriClassificationSchemes
Equivalence Hierarchical Associative
(Vocabularies)
(Relationships)
Controlled Vocabulary Types
Controlled vocabularies
A=B AB
A BEquivalenceChristmas=Xmas
HierarchalWinter Holidays > Christmas
Associative Christmas Tree | Santa Claus
Synonym rings• Simplest type• Helps with search, indexing• Simplifies maintenance
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
• Acronyms: BBC, British Broadcasting Company; MPG, miles per gallon
• Variant spellings: cancelled, canceled; honor, honour
• Scientific terms versus popular use terms: acetylsalicylic acid, aspirin; lilioceris, lily beetle– From Synonym Rings and Authority Files
by Karl Fast, Fred Leise and Mike Steckel
Synonym rings include
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
65
China cap = chinois = strainer
Why Bother? 66
• Sometimes on intranets, CV’s are skipped
• You think you can force people to use proper terms
• But people are lazy
I’m tired of typing “Controlled Vocabulary--- CV is shorter.
Why Bother? 67• On the internet you
want to be found• Plus users use short
queries– Average queries are 2.5
words– 30% of searches are one word queries
• On large scale sites, there is enough data to do this programmatically, but on small sites, not.
I want a cannon camera.
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
• Cadillac of Controlled Vocabularies• Includes associative relationships
Preferred term Variants Siblings Parent Associated
Christmas X-mas, Nöel Hanukah, Kwanzaa
Winter holidays Santa Claus
Thesauri
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Associations - crafted
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
• Amazon uses buying patterns to determine associations
Associations - Behavioral
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
71
AssociationsWhat is relatedWhat is required?What else is interesting?
Relevancy is king
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
72
Implementation?Implementation dependent on situation and tools.May be slow painful data entry– know this and prepare.
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
73
Is that all?NO!
Life beyond enumerative classification….
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
74
Faceted Classification
was developed, prior to the existence of computers, by S. R. Ranganathan, a Hindu mathematician working as a librarian.
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
75
Ranganathan’s 5 Facets
• who: personality• what: matter• how: energy• where: space• when: time
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
77
Ordinary stuff?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
78
Personals
Faceted classification is often used by PersonasContent is by the users
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
79
What’s the difference?
ElectronicsCamera
Digital
Film
PDAs
Televisions
Camera facets
Pixels
Zoom
Price
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
MusicEnumerative
Modern
– Rock
• Alternative
– Seattle
– Atlanta
Faceted
Mood
Tempo
Artist
Use
80
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
FACETS, ANYONE?Create candy facets for your store
81
Who What
HowWhereWhen
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
82
HEADER
This slide was left purposely blank.I can do that, you know.
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact [email protected]
83Q&A