Measuring Information Architecture Marti Hearst UC Berkeley.

Slides:



Advertisements
Similar presentations
Search Systems From Information Architecture Rosenfeld and Morville From Information Architecture Rosenfeld and Morville.
Advertisements

Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
Web E’s goal is for you to understand how to create an initial interaction design and how to evaluate that design by studying a sample. Web F’s goal is.
Sensible Searching: Making Search Engines Work Dr Shaun Ryan CEO S.L.I. Systems
Empirically Validated Web Page Design Metrics Melody Y. Ivory, Rashmi R. Sinha, Marti A. Hearst UC Berkeley CHI 2001.
Incorporating Metadata into Search User Interfaces Ame ElliottJen English Ping YeeKirsten Swearington UC Berkeley
Measuring Information Architecture CHI 01 Panel Position Statement Marti Hearst UC Berkeley.
Usability Information Systems 337 Prof. Harry Plantinga.
Web TANGO Project Melody Ivory (PhD student) Rashmi Sinha (Postdoc) Marti Hearst (Research Advisor) Undergrads - Steve Demby Anthony Lee Dave Lai HCC Retreat.
Incorporating Metadata into Search User Interfaces Marti Hearst UC Berkeley March 2001.
Universal Access: More People. More Situations Content or Graphics Content or Graphics? An Empirical Analysis of Criteria for Award-Winning Websites Rashmi.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Social Tagging and Search Marti Hearst UC Berkeley.
Like any machine, a website is the sum of its parts. Web analytics are the tools used to transform ordinary sites into high performance money making machines.
1 Flexible Search and Navigation using Faceted Metadata Prof. Marti Hearst Dr. Rashmi Sinha, Ame Elliott, Jennifer English, Kirsten Swearingen, Ping Yee.
Measuring Information Architecture Marti Hearst UC Berkeley.
A metadata-based approach Marti Hearst Associate Professor BT Visit August 18, 2005.
PowerPoint Presentations the next generation
Incorporating Metadata into Search User Interfaces Marti Hearst UC Berkeley.
Using Metadata to Improve Search User Interfaces Marti Hearst UC Berkeley FLINT Workshop, August 2001.
Automating Assessment of Web Site Usability Marti Hearst Melody Ivory Rashmi Sinha University of California, Berkeley.
NEC Symposium 2000 Automating Assessment of Web Site Usability Marti Hearst University of California, Berkeley.
Measuring Information Architecture Marti Hearst UC Berkeley.
Chapter 4 Planning Site Navigation Principles of Web Design, 4 th Edition.
1 Flexible Search and Navigation using Faceted Metadata Prof. Marti Hearst University of California, Berkeley Search Engines Meeting, April 2002 Research.
Considering a Faceted Search-based Model Marti Hearst UCB SIMS NAS CSTB DNS Meeting on Internet Navigation and the Domain Name.
Ideas for USA.gov Marti Hearst USA.gov & Web Best Practices Team Meeting July 29, 2009.
Mining the Web for Design Guidelines Marti Hearst, Melody Ivory, Rashmi Sinha UC Berkeley.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, March 14, 2002.
Information Architecture Donna Maurer Usability Specialist.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Next Generation Website. What are we talking about? | Goals | Current Website | Flaws | What we need | New Proposal | Comparison | Why change? | Timeline.
New Features in Release 9.2 (July 27, 2009). 2 Release 9.2 New Features Updated Shopping Experience Home/Shop page Shop at the top search New Hosted Supplier.
Your New FSU EMarket “Before and After” Guide Shopping, Favorites, and More...
+ Ms. Groeneveld The Daily Tasks Challenge! Task Process Evaluation.
Information retrieval wed sept data…. -start at 6.45.
1 Applying Collaborative Filtering Techniques to Movie Search for Better Ranking and Browsing Seung-Taek Park and David M. Pennock (ACM SIGKDD 2007)
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Heuristic evaluation Functionality: Visual Design: Efficiency:
CREATED BY: BRAYDEN ROOS DO’S AND DON’TS OF WEB DESIGN.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Search Engine Optimization 101 What is SEM? SEO? How can I use SEO on my blogs and/or my personal web space?
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.
BSA Website Redevelopment Information Architecture.
RateMyService: Lessons SANS group Milestone 2. Status Report Currently, users to our site can: Search on our site, either by browsing or by using the.
Week 4 Planning Site Navigation. 2 Creating Usable Navigation Provide enough location information to let the user answer the following navigation questions:
Principles of Web Design Da’Zheonna M. Cotton 2/8/13.
Improving Search Results Quality by Customizing Summary Lengths Michael Kaisser ★, Marti Hearst  and John B. Lowe ★ University of Edinburgh,  UC Berkeley,
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Structure and Function: IA for Web Applications. Innovate - For What’s Next™ ©1999 Scient, Proprietary and Confidential Page 2 Structure - IA with content.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
Assess usability of a Web site’s information architecture: Approximate people’s information-seeking behavior (Monte Carlo simulation) Output quantitative.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Access to Electronic Journals and Articles in ARL Libraries By Dana M. Caudle Cecilia M. Schmitz.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Organization Systems. What do we need it for? We need to organize information thus enabling people to find the right answers to their questions via supporting.
GroceryList++ Brian, Peter, Staci, Darrin, Anna.
Usability Testing and Web Design
PBA Front-End Programming
Web Programming– UFCFB Lecture-4
Unit 14 Website Design HND in Computing and Systems Development
Unit 14 Website Design HND in Computing and Systems Development
Incorporating Metadata into Search User Interfaces
Information Systems 337 Prof. Harry Plantinga Usability.
Presentation transcript:

Measuring Information Architecture Marti Hearst UC Berkeley

A View of Information Architecture (Newman et al. 00) Information design –structure, categories of information Navigation design –interaction with information structure Graphic design –visual presentation of information and navigation (color, typography, etc.) Information Architecture

A Simple Taxonomy Catalog Sites Web-based Information Systems Web- Presence Sites Service- Oriented Sites low high Complexity of Applications Complexity of Data From Mecca et al., WebDB’99

An Important IA Trend Generating web pages from databases Implications: –Web sites can adapt to user actions –Web sites can be instrumented –“An essential feature of a design environment is to give authors the possibility of evaluating the current network against the final adaptive system.” »Petrelli, Baggio, & Pezzulo, Adaptive Hypertext Design Environments: Putting Principles into Practice, AH 2000

Can we measure? Research by Ivory, Sinha, & Hearst –Simple measures of surface properties can fairly accurately predict website ratings. –Clearly we are successfully quantifying something about good vs. bad design. –However, additional work is needed to show causality, create insight –We aren’t capturing everything.

What to Measure? Jessi: don’t blindly count clicks Ronny Kohavi, Blue Martini, agrees: –“Using hits and page views to judge site success is like evaluating a musical performance by its volume.” Forrester Research Report, 1999 –Suggests conversion rate as an important metric –The key is to build measurement of what you care about directly into the design of the system.

Why Measure? To learn what works … and what doesn’t Nick: measurement lags innovation –So? Not everyone is a virtuoso. Let’s work to help those who do things other than design web sites.

Why measure? Test hypotheses. My current interest: –How can an information architecture be designed to successfully convey scent during navigation?

Metadata usage in Epicurious PrepareCuisineIngredientDish Recipe

Metadata usage in Epicurious PrepareCuisineIngredientDish PrepareCuisineDish I Select

Metadata usage in Epicurious PrepareCuisineIngredientDish I > Group by PrepareCuisineDish

Metadata usage in Epicurious PrepareCuisineIngredientDish PrepareCuisineDish I > Group by

Metadata usage in Epicurious PrepareCuisineIngredientDish PrepareCuisineDish I > Group by PrepareCuisine I Select

Recipe Information Architecture Information design –Recipes have five types of metadata categories Cuisine, Preparation, Ingredients, Dish, Occasion Each category has one level of subcategories

Recipe Information Architecture Navigation design –Home page: show top level of all categories –Other pages: A link on an attribute ANDS that attribute to the current query; results are shown according to a category that is not yet part of the query A change-view link does not change the query, but does change which category’s metadata organizes the results

Metadata Usage in Epicurious Can choose category types in any order But categories never more than one level deep And can never use more than one instance of a category –Even though items may be assigned more than one of each category type Items (recipes) are dead-ends –Don’t link to “more like this” Not fully integrated with search

Epicurious Metadata Usage Problem: lacks integration with search

Scent for grocery shopping Homerun.com

Scent for grocery shopping Homerun.com

Scent for grocery shopping Homerun.com

Scent for grocery shopping peapod.com

Scent for grocery shopping peapod.com

Scent for grocery shopping peapod.com

Scent for grocery shopping webvan.com

Scent for grocery shopping webvan.com

Questions I want to answer How many facets are allowable? Should facets be mixed and matched? How much is too much? Should hierarchies be progressively revealed, tabbed, some combination? How should free-text search be integrated?

How to measure this A framework that can be systematically varied will give us some answers Measuring the results of tens (of thousands) of users completing their tasks should also help

Closing Thought Putting science into HCI isn’t easy Let’s work hard to make it work