faceted metadata for information architecture and search marti hearst, sims at uc berkeley preston...

40
Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

Post on 20-Jan-2016

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

Faceted Metadata for Information Architecture and Search

Marti Hearst, SIMS at UC BerkeleyPreston Smalley & Corey Chandler, eBay User Experience &

Design

Page 2: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

2

Session I: Agenda

Motivation (10 min) Faceted Metadata (10 min) Example Interfaces (20 min) Usability Study Results (10 min) Advantages and Disadvantages (5 min) Design Method and Lessons (25 min) Discussion (10 min)

Page 3: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

3

Focus: Search and Navigation of Large Collections

ImageCollections

E-GovernmentSites

Shopping SitesDigital Libraries

Page 4: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

4

Problems with Site Search

Study by Vividence in 2001 on 69 Sites 70% eCommerce 31% Service 21% Content 2% Community

Poorly organized search results Frustration and wasted time

Poor information architecture Confusion Dead ends "back and forthing" Forced to search

Page 5: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

5

Benefits of this Approach

Integrates browsing and searching seamlessly

Supports exploration and learning Avoids dead-ends, “pogo’ing”, and being

lost

Page 6: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

6

Main Idea

Use hierarchical faceted metadata Design the interface to:

Allow flexible navigation Provide query previews Organize search results Both expand and refine the search

Page 7: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

7

The Problem With Categories

Most things can be classified in more than one way. Most organizational systems do not honor this fact.

Example on animal collection:

otterpenguin

robinsalmon

wolfcobra

bat

SkinCovering

Locomotion

Diet

robinbat wolf

penguinotter, seal

salmon

robinbat

salmon

wolfcobra

otterpenguin

seal

robinpenguin

salmoncobra

batotterwolf

Page 8: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

8

The Problem With Hierarchy

start

fur scales feathers

swim fly run slither

fur scales feathers fur scales feathers

fish

rodents

insects

fish

rodents

insects

fish

rodents

insects

fish

rodents

insects

fish

rodents

insects

fish

rodents

insects

fish

rodents

insects

fish

rodents

insects

fish

rodents

insects

salmon bat robin wolf

Page 9: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

9

The Idea of Facets

Create INDEPENDENT categories (facets) Each facet has subcategory labels

Assign labels from the facets to every item Example: recipe collection

Course

Main Course

CookingMethod

Stir-fry

Cuisine

Thai

Ingredient

Red Bell Pepper

Curry

Chicken

Page 10: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

10

The Idea of Facets

Break out all the important categories into their own facets

Sometimes the facets are hierarchical

Continent Country State County City

Desserts Cakes Cookies Dairy Ice Cream Sorbet Flan

Preparation Baked Fried Roasted Sauted Frozen

Page 11: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

11

The Idea of Facets

The system only shows the categories that correspond to the current set of items Start with all items and all facets The user then selects a subcategory of a facet This reduces the set of items (only those that

have been assigned the category label are shown)

This also reduces which subcategories are shown. Only logical combinations appear.

Page 12: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

12

The Advantage of Facets

Lets the user decide how to start, and how to explore and group.

Page 13: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

13

The Advantage of Facets

After refinement, categories that are not relevant to the current results disappear.

Note that other dietchoices have disappeared

Page 14: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

14

The Advantage of Facets

Seamlessly integrates keyword search with the organizational structure.

Page 15: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

15

The Advantage of Facets

Very easy to expand out (loosen constraints) Very easy to build up complex queries.

Page 16: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

16

The Advantage of Facets

Can’t end up with empty results sets (except with keyword search)

Doesn’t lead to feelings of being lost. Can infer what kinds of things are in the

collection. Easier to explore more of the collection. Does lead to a feeling of “browsing the

shelves” Is preferred over standard search for collection

browsing in usability studies. (Interface must be designed properly)

Page 17: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

17

The Challenges

Users don’t like new search interfaces How to show a lot more information

without overwhelming or confusing? This tutorial describes the design

decisions that we have found lead to success.

Page 18: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

18

Example:Nobel Prize Winners Collection(Before and After Facets)

Page 19: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

19

Page 20: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

20

Page 21: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

21

The user must first choose an Award type (literature), then browsethrough the laureates in chronological order.

No choice is given to, say, organizeBy year and then award, or byCountry, then decade, then award, etc.

Page 22: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

22

Faceted Metadata Approach

Page 23: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

23

Page 24: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

24

Page 25: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

25

Page 26: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

26

Page 27: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

27

Page 28: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

28

Page 29: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

29

Page 30: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

30

Page 31: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

31

Page 32: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

32

Information previews

Use the metadata to show where to go next More flexible than canned hyperlinks Less complex than full search

Help users see and return to previous steps Reduces mental work

Recognition over recall Suggests alternatives

More clicks are ok only if (J. Spool) The “scent” of the target does not weaken If users feel they are going towards, rather than

away, from their target.

Page 33: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

33

What is Tricky About This?

It is easy to do it poorly It is hard to be not overwhelming

Most users prefer simplicity unless complexity really makes a difference

Small details matter It is hard to “make it flow”

Page 34: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

34

Analogy: Chess

Chess is characterized by a few simple rules that disguise an infinitely complex game

The three-part structure of play Openings:

many strategies, entire books on this Endgame:

well-defined, well-understood Middlegame:

nebulous, hard to describe

Our thought: search is similar and the middlegame is critically underserved.

Page 35: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

35

The Opening

Usually exposes top-level hierarchy or top-level facets

Usually also has a search component

Page 36: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

36

The Endgame – Penultimate Pages

Page 37: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

37

The Endgame – Content Pages

Page 38: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

38

The Middlegame

The heart of the navigation experience There is a strategic advantage to having a good

middlegame This is where the flexible faceted metadata

approach can work best.

Page 39: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

39

Q & A

Page 40: Faceted Metadata for Information Architecture and Search Marti Hearst, SIMS at UC Berkeley Preston Smalley & Corey Chandler, eBay User Experience & Design

40

Acknowledgements

Flamenco team Brycen Chun Ame Elliott Jennifer English Kevin Li Rashmi Sinha Emilia Stoica Kirsten Swearingen Ping Yee

Thanks also to NSF (IIS-9984741)