Download - Designing the search experience small

Transcript

Designing theSearch ExperienceB Y T Y L E R TAT E

1. Key concepts

2. Design solutions

Key Concepts1

1. User expertise

2. Information needs

3. Stages of information seeking

4. Context

Domain expert

Domain novice

Technical novice Technical expert

Domain expertTechnical novice

Domain expertTechnical expert

Domain noviceTechnical novice

Domain noviceTechnical expert

Domain expertTechnical novice

Domain expertTechnical expert

Domain noviceTechnical novice

Domain noviceTechnical expert

http://boxesandarrows.com/novices-orienteer-experts-teleport/

❖ How familiar are your users with your particular subject matter?

❖ Is there a big gap in subject-matter expertise among your users?

❖ How tech-savvy are your users?

❖ Is there a big gap in their technical expertise?

Casual Lookup Learn Investigate

Informational Geographic Personal Info Transactional

SearchMotive

Search Type

Casual Lookup Learn Investigate

Info

Geographic

PersonalInfo

TransactionPrice

ComparisonActing on

NotificationsOnline

ShoppingProduct

Monitoring

TriviaWindow

ShoppingInformationGathering

Research

DirectionsFriend

Check-insLocal Points of Interest

Travel Planning

CheckingCalendar

CheckingMessages

Situation Analysis

Lifestyle Planning

http://tinyurl.com/InfoNeedMatrix

❖ What motivates people to use your search application?

❖ Do they want to quickly lookup a simple fact, or are they more interesting in digging deep? Or do they just want to kill time?

❖ What types of searches do your users want to perform?

❖ Does your current search application effectively facilitate the user’s search motive and type?

Initiation

Initiation Selection

Initiation Selection Exploration

Initiation Selection Exploration Formulation

Initiation Selection Exploration Formulation Collection

Initiation Selection Exploration Formulation Collection Action

Initiation Selection Exploration Formulation Collection Actionhttp://alistapart.com/article/the-ux-of-learning

❖ At what phases of the information seeking process do users want you use your search application?

❖ What stages of the information seeking process does your search application currently facilitate?

❖ Is there more you could do to engage users earlier in the process?

Task

Physical

PersonalSocial

Environ

Design Solutions2

1. Entering the query

2. Displaying results

3. Faceted navigation

Entering the query

SortSearch...In the navigation bar

Sort

Search...

In a secondary toolbar

SortSearch...Via a pull-to-reveal gesture

Sort

Search...Via a pull-to-reveal gesture

Sort

Search...

Via a pull-to-reveal gesture

Sort

Search...

Via a pull-to-reveal gesture

Location

Audio

Visual

Drawing

Autocomplete

Autocomplete

Autosuggest

Autosuggest

Instant results

Instant results

Autocomplete, autosuggest, and instant results

Displaying results

List

Grid

Map

Augmented Reality

Segmented control in a toolbar

List MapMap Images

Search...

Segmented control centered in the navigation bar

List MapMap Images

Single button in the navigation bar

Search... Map

Faceted navigation

Vertical

Horizontal

Hybrid

Closed by default

Open by default

Hybrid

Standard links

Checkboxes

Custom controls (sliders)

Custom controls (color picker)

Standard links

Instant update

Instant update

Two-stage multi-facet selection

Two-stage single-facet selection

Inline breadcrumbs

Vertical breadbox

Horizontal breadcrumbs

Inline controls

Inline controls

Best Match Price Date

Best Match Price Date

New Refurb. Used Broken

Refine

Sort by

Narrow by

Category Acoustic

Seller

Price

Buying Formats

Location

Dedicated refinement screen

Dedicated refinement screens

Best Match Price DateRefineGuitarButton in the navigation bar

Best Match Price DateRefineGuitarBest Match Price Date

Best Match Price Date

Best Match Price Date

New Refurb. Used Broken

Refine

Sort by

Narrow by

Price

RefineSearch...Button in the navigation bar

Best Match Price DateRefineSearch...Best Match Price Date

Best Match Price Date

New Refurb. Used Broken

Refine

Sort by

Narrow by

Category Acoustic

Seller

Price

Buying Formats

Location

DoneButton in the navigation bar

Button in the navigation bar

Gesture

Best Match Price DateRefine

Used Broken

Acoustic

Gesture

Best Match Price Date

New Refurb. Used Broken

Narrow by

Category Acoustic

Seller

Price

Buying Formats

RefineGesture

Button or gesture

Button and popover

Designing theSearch ExperienceB Y T Y L E R TAT E