2. Card Sorting
Definition: Card Sorting
“There are often better ways to
organize data than the traditional ones
that first occur to us. Each organization of
the same set of data expresses different
attributes and messages. It is also
important to experiment, reflect, and
choose which organization best
communicates our messages.”
– Nathan Shedroff, Experience Strategist
3. Definition: Card Sorting
Methodology
• Grouping and labeling with index cards,
post it notes
• Two types:
Open – Participants sort cards with no
pre-established categories. Useful for
new architectures
Closed – Participants sort cards into
predetermined, provided groups. Useful
for fitting content into existing
architectures
Self Study
"Card sorting: a definitive guide" by Donna Spencer and Todd Warfel, Boxes and Arrows, 2004/04/07
4. Definition: Card Sorting
Case Studies:
• Wachovia Wealth Management Group
• American Red Cross
• Mercedes Benz
5. Definition: Card Sorting
Class Exercise:
As individuals:
• Take 5 minutes to think of all the events a
person could attend
• Write each event you come up with on a
Post-It note
6. Definition: Card Sorting
Class Exercise:
Now, as a group:
• Take a few minutes to organize your events
into categories (group & label them)
• Then we’ll share some categories
7. Definition: Card Sorting
Characteristics & Findings:
• Lumping and splitting
• Outliers and miscellaneous items
• Placing items in multiple categories
• Categories versus filters
– E.g. Free, Family, Outdoors
• Unique but intuitive labels
– E.g. Geeks
8. Definition: Card Sorting
Next Steps:
With the results of a card sort we then can:
• Build consensus
• Refine terminology
• Create a site map
• Help define navigation
9. IDnefofinition: Card Sort Tools
Post-It Plus
This new app from 3M
allows you to scan your
Post-It Notes, organize
and share them.
12. CDeosnicgenp: tSuaitel D Measpigsn
“A site map is a high level diagram
showing the hierarchy of a system.
Site maps reflect the information
structure, but are not necessarily
indicative of the navigation
structure.”
- Step Two Designs
18. Grids
Design: Navigation
Types of Navigation
• Site Structure – major nav
• Hierarchical – product families
• Function – sitemap privacy
• Direct – banner ad/shortcut
• Reference – related links
• Dynamic – search results
• Breadcrumb – location
• Step Navigation – sequence
through forms/results
• Faceted Navigation – filters
results
Areas of Navigation
• Global – universal header/footer
• Local – left nav/right nav
• Local content – text links, buttons
Styles of Navigation
• Rollover
• Dropdown
• Flyout
• Tabs
• Accordion
Self Study
Adapted from Atsushi Hasegagwa’s The 7 Navigation Types of Web Sites
Nathan Shedroff is Program Director of the MBA in Design Strategy program at the California College of the Arts. His books include Experience Design 1, Making Meaning, and contributing to Richard Saul Wurman's Information Anxiety 2. Advisor for Rosenfeld Media
<numéro>
Case Studies: These are stories I share from experiences at Wachovia and Razorfish
<numéro>
Class Exercise: Card Sort
<numéro>
Class Exercise
<numéro>
Characteristics & Findings
<numéro>
Next Steps
<numéro>
Card Sort Tools
<numéro>
Design
<numéro>
Site Maps
<numéro>
Defining site maps
<numéro>
Site map for Red Cross
<numéro>
Site map for Nextel Brazil
<numéro>
Page Types
<numéro>
Home page, category page, details page/product page
<numéro>
Adapted from Atsushi HASEGAWA’s The 7 Navigation Types of Web Sites
http://www.slideshare.net/atsushi/the-7-navigation-types-of-web-site
<numéro>