HCI

Meeting 26

Thurs, December 2

Research Project

• Submit final report• Project presentation

– Each team member talks– Length, 15-20 minutes– Describe hypotheses, experiment, results– Suggest next steps for research

• Evaluation– Team– Presentation

Next Time

• Submit three potential questions for the final exam

• Project presentations by Teams Bailey and Durango

Web History

• Vannevar Bush, 1945, As We May Think– Memex: linked microfiche documents

• Doug Engelbart, 1960, Hypertext on a mainframe

• ARPANET

• Paul Mockapetris, domain name system

• Tim Berniers-Lee, 1990, web prototype at CERN

Web History (2)

• Paul Linder and Mark McCahill develop Gopher

• Pay royalties to use Gopher, February 1993

• CERN announces Web is royalty-free, April 1993

Search Widget Design

• Components– Type– Location

• Syntax– Use

• Semantics– Results

Components

• Text box or boxes– Primary search string– Secondary search string– Search range delimiters

• Activation button, labeled Search• Clear button• Radio button complex to limit search context

– This web site vs. entire web– One type of product

• Slider to limit range

Component Specifications

• Location– Top right is most common– Sales sites may use top left– Occasional examples of bottom left

• Label– Search– Search <site name>– Find– Go >– Go!

Design Principles

1. Allow Enter to initiate search. No button press (or button) needed.

2. Provide search activation button, properly labeled with clear standard label.

3. Search widget complex should be located in upper right corner.

4. Label results page as part of web site. Don’t create new site.

5. Eliminate advertisements (and other extraneous features) on results page.

Design Principles (2)

6. Include search field instructions in search textbox widget.

7. Default text in search field should be cleared on first click. Don’t make the user clear it.

8. Tell user how many results are retrieved9. Present search widget complex as a cohesive

unit10. Present search widget consistently throughout

web site11. Allow users to target search to a context.

Design Principles (3)

11. If context is specified by drop-down menu, display contexts in easily used order

12. Response display should obey direct manipulation principles if DM widgets are provided. For example, changing a slider value automatically updates response display.

13. Provide example and instruction for non-standard widget components.

14. Ensure pop-up or Javascript blocking does not inactivate search form

Design Principles (4)

14.Keep destructive controls (e.g. Clear button) away from activation widgets (e.g. Search button)

15.Show how search fields are linked if more than one is provided.

Examples

• www.csc.villanova.edu

• www.cs.wm.edu

• www.villanova.edu (External view)

• www.wfu.edu

• www.target.com

• www.gardensalive.com

• www.bluenile.com (Go to diamond search)

Examples (2)

• www.loc.gov/thomas

• www.hivegroup.com/world.html

• www.vivisimo.com

• www.google.com

• www.google.com (Advanced search)

Examples (3)

• Small device search– PDA– Cell phone– Blackberry