107
Designing the search experience by Tyler Tate, TwigKit

Tate Tyler - Designing the Search Experience

Embed Size (px)

DESCRIPTION

Lucene and Solr provide many excellent tools for presenting information to users, but what makes some search user interfaces better than others? Should you aim for a rich, advanced UI or should you "just make it look like Google"?Through his work at TwigKit with blue-chip corporations, scientific institutes, and governments, Tyler has identified four guiding pillars of the search experience

Citation preview

Page 1: Tate Tyler - Designing the Search Experience

Designing the search experience

by Tyler Tate, TwigKit

Page 2: Tate Tyler - Designing the Search Experience

ux search

Page 3: Tate Tyler - Designing the Search Experience
Page 4: Tate Tyler - Designing the Search Experience

AerospaceNews media

Broadcast

ElectronicsIntelligence

Healthcare

Local Government

Page 5: Tate Tyler - Designing the Search Experience
Page 6: Tate Tyler - Designing the Search Experience
Page 7: Tate Tyler - Designing the Search Experience

Photo by David Woo

Page 8: Tate Tyler - Designing the Search Experience

Photo by Paul Robertson

Page 9: Tate Tyler - Designing the Search Experience
Page 10: Tate Tyler - Designing the Search Experience

Photo by Paul RobertsonPhoto by Mark Hillary

Page 11: Tate Tyler - Designing the Search Experience
Page 12: Tate Tyler - Designing the Search Experience
Page 13: Tate Tyler - Designing the Search Experience
Page 14: Tate Tyler - Designing the Search Experience
Page 15: Tate Tyler - Designing the Search Experience
Page 16: Tate Tyler - Designing the Search Experience
Page 17: Tate Tyler - Designing the Search Experience
Page 18: Tate Tyler - Designing the Search Experience
Page 19: Tate Tyler - Designing the Search Experience
Page 20: Tate Tyler - Designing the Search Experience
Page 21: Tate Tyler - Designing the Search Experience
Page 22: Tate Tyler - Designing the Search Experience
Page 23: Tate Tyler - Designing the Search Experience
Page 24: Tate Tyler - Designing the Search Experience

?!Surely there’s a better way?!

Page 25: Tate Tyler - Designing the Search Experience

Classic information retrieval

Document DocumentRepresentation

QueryInformation

Need

Page 26: Tate Tyler - Designing the Search Experience

Iterative information seeking

Page 27: Tate Tyler - Designing the Search Experience

Lookup

Page 28: Tate Tyler - Designing the Search Experience

Learn

Lookup

Page 29: Tate Tyler - Designing the Search Experience

Learn

Investigate

Lookup

Page 30: Tate Tyler - Designing the Search Experience

Learn

Investigate

Lookup

Explore

Page 31: Tate Tyler - Designing the Search Experience

Investigate

Lookup

Learn

Page 32: Tate Tyler - Designing the Search Experience

The Lookup Process

Page 33: Tate Tyler - Designing the Search Experience

Recognise theneed for information

The Lookup Process

Page 34: Tate Tyler - Designing the Search Experience

Recognizing a need for information

Page 35: Tate Tyler - Designing the Search Experience

Recognizing a need for information

Known-item

Page 36: Tate Tyler - Designing the Search Experience

Recognizing a need for information

Known-item

Navigational

Page 37: Tate Tyler - Designing the Search Experience

Recognizing a need for information

Known-item

Navigational

Exploratory

Page 38: Tate Tyler - Designing the Search Experience

Formulate the query

The Lookup Process

Page 39: Tate Tyler - Designing the Search Experience

Autocomplete

Page 40: Tate Tyler - Designing the Search Experience

Autosuggest

Page 41: Tate Tyler - Designing the Search Experience

Instant Results

Page 42: Tate Tyler - Designing the Search Experience

Run the query

The Lookup Process

Page 43: Tate Tyler - Designing the Search Experience

Running the query

Page 44: Tate Tyler - Designing the Search Experience

Running the query

Page 45: Tate Tyler - Designing the Search Experience

Running the query

Page 46: Tate Tyler - Designing the Search Experience

Running the query

Page 47: Tate Tyler - Designing the Search Experience

Running the query

Page 48: Tate Tyler - Designing the Search Experience

Running the query

Page 49: Tate Tyler - Designing the Search Experience

Running the query

Page 50: Tate Tyler - Designing the Search Experience

Running the query

Page 51: Tate Tyler - Designing the Search Experience

Running the query

Page 52: Tate Tyler - Designing the Search Experience

Review the results

The Lookup Process

Page 53: Tate Tyler - Designing the Search Experience

Use Clear Titles

Page 54: Tate Tyler - Designing the Search Experience

Use Hit Highlighting

Page 55: Tate Tyler - Designing the Search Experience

Use Hit Highlighting

Page 56: Tate Tyler - Designing the Search Experience

Group like results

Page 57: Tate Tyler - Designing the Search Experience

Group like results

Page 58: Tate Tyler - Designing the Search Experience

?

The Lookup Process

Page 59: Tate Tyler - Designing the Search Experience

Investigate

Learn

Lookup

Page 60: Tate Tyler - Designing the Search Experience

The learning process

2 3 4 5 61

Page 61: Tate Tyler - Designing the Search Experience

The learning process

2 3 4 5 61

uncertaintyapprehension

Page 62: Tate Tyler - Designing the Search Experience

Selection

The learning process

2 3 4 5 61

optimism

Page 63: Tate Tyler - Designing the Search Experience

Selection Exploration

The learning process

2 3 4 5 61

confusionuncertainty

doubt

Page 64: Tate Tyler - Designing the Search Experience

Selection Exploration Formulation

The learning process

2 3 4 5 61

confidence

Page 65: Tate Tyler - Designing the Search Experience

Selection Exploration Formulation Collection

The learning process

2 3 4 5 61

Page 66: Tate Tyler - Designing the Search Experience

Selection Exploration Formulation Collection

The learning process

2 3 4 5 61

Page 67: Tate Tyler - Designing the Search Experience

Selection Exploration Formulation Collection

The learning process

2 3 4 5 61

Page 68: Tate Tyler - Designing the Search Experience

Explore

Page 69: Tate Tyler - Designing the Search Experience

Browse

Page 70: Tate Tyler - Designing the Search Experience

Flexible !ltering

Page 71: Tate Tyler - Designing the Search Experience

Data Visualization

Page 72: Tate Tyler - Designing the Search Experience

Data Visualization

Page 73: Tate Tyler - Designing the Search Experience

Re-!nd

Page 74: Tate Tyler - Designing the Search Experience

Highlight visited pages

Page 75: Tate Tyler - Designing the Search Experience

Bookmark items

Page 76: Tate Tyler - Designing the Search Experience

Recently viewed items

Page 77: Tate Tyler - Designing the Search Experience

Recently viewed items

Page 78: Tate Tyler - Designing the Search Experience

Organise

Page 79: Tate Tyler - Designing the Search Experience

Add tags

Page 80: Tate Tyler - Designing the Search Experience

Assign to a group

Page 81: Tate Tyler - Designing the Search Experience

Capture relationships

Page 82: Tate Tyler - Designing the Search Experience

Compare

Page 83: Tate Tyler - Designing the Search Experience

Side-by-side product comparison

Page 84: Tate Tyler - Designing the Search Experience

Chart comparison

Page 85: Tate Tyler - Designing the Search Experience

Annotate

Page 86: Tate Tyler - Designing the Search Experience

Comment on and rate saved properties

Page 87: Tate Tyler - Designing the Search Experience

Learn

Investigate

Lookup

Page 88: Tate Tyler - Designing the Search Experience
Page 89: Tate Tyler - Designing the Search Experience

Monitor

Page 90: Tate Tyler - Designing the Search Experience

Saved Searches

Page 91: Tate Tyler - Designing the Search Experience

Email alerts

Page 92: Tate Tyler - Designing the Search Experience

Email alerts

Page 93: Tate Tyler - Designing the Search Experience

Email alerts

Page 94: Tate Tyler - Designing the Search Experience

Collaborate

Page 95: Tate Tyler - Designing the Search Experience

The like button

Page 96: Tate Tyler - Designing the Search Experience

Collaborative bookmarking

Page 97: Tate Tyler - Designing the Search Experience

Collaborative bookmarking

Page 98: Tate Tyler - Designing the Search Experience

Collaborative bookmarking

Page 99: Tate Tyler - Designing the Search Experience

Collaborative bookmarking

Page 100: Tate Tyler - Designing the Search Experience

Learn

Investigate

Lookup

Page 101: Tate Tyler - Designing the Search Experience

We must think beyond the individual query and

help users accomplish their goals over time,

across space, and with the people they trust.

Page 102: Tate Tyler - Designing the Search Experience

Companies who help users throughout the entire

learning process are more likely to:

✴ Create passionate, devoted users

✴ Bene!t from the resulting transaction

Page 103: Tate Tyler - Designing the Search Experience

The end goal is to provide value to our users,

which in turn brings value to the business.

Page 104: Tate Tyler - Designing the Search Experience
Page 105: Tate Tyler - Designing the Search Experience

✴ Gary Marchionini, Exploratory Search: From Finding to Understanding, 2006

✴ Carol C. Kuhlthau, Inside the Search Process: Information Seeking from the User’s Perspective, 1991

✴ Ann Blandford and Simon Att!eld, Interacting with Information, 2010

✴ Marcia Bates, The Design of Browsing and Berrypicking Techniques for the Online Search Interface, 1989

Page 106: Tate Tyler - Designing the Search Experience

ENTERPRISE SEARCHMeetupswww.searchmeetups.com

ENTERPRISESEARCHLondon

ENTERPRISESEARCHFrankfurt

Page 107: Tate Tyler - Designing the Search Experience

Thank You!

@TylerTate

@TwigKit

http://twigkit.com/blog/

http://SearchMeetups.com