HFWEB June 19, 2000 Quantitative Measures for Distinguishing Web Pages Melody Y. Ivory Rashmi R. Sinha Marti A. Hearst UC Berkeley.

Slides:



Advertisements
Similar presentations
MGT-491 QUANTITATIVE ANALYSIS AND RESEARCH FOR MANAGEMENT
Advertisements

End-User Perceptions of Formal and Informal Representations of Web Sites Jason Hong Francis Li James Lin James Landay Group for User Interface Research.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Reverb Usability Blink UX Study and Reverb User Experience Jeff Siarto UI/UX Design, NASA Earth Data Team.
Web Accessibility Web Services Office of Communications.
Empirically Validated Web Page Design Metrics Melody Y. Ivory, Rashmi R. Sinha, Marti A. Hearst UC Berkeley CHI 2001.
SE 450 Software Processes & Product Metrics Survey Use & Design.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, March 3, 2005.
Web TANGO Project Melody Ivory (PhD student) Rashmi Sinha (Postdoc) Marti Hearst (Research Advisor) Undergrads - Steve Demby Anthony Lee Dave Lai HCC Retreat.
Universal Access: More People. More Situations Content or Graphics Content or Graphics? An Empirical Analysis of Criteria for Award-Winning Websites Rashmi.
Automating Assessment of WebSite Design Melody Y. Ivory and Marti A. Hearst UC Berkeley
Empirically Validated Web Page Design Metrics Melody Y. Ivory, Rashmi R. Sinha, Marti A. Hearst UC Berkeley CHI 2001.
IBM Almaden, Oct 2000 Automating Assessment of Web Site Usability Marti Hearst University of California, Berkeley.
Improving Web-based Civic Information Access: A Case Study of the 50 US States Irina Ceaparu and Ben Shneiderman Department of Computer Science & Human-Computer.
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.
Web Page Design University of Wollongong IACT303 – INTI 2005 World Wide Networking.
UCB CS Research Fair Search Text Mining Web Site Usability Marti Hearst SIMS.
Empirical Foundations for Web Site Usability Marti Hearst Melody Ivory Rashmi Sinha University of California, Berkeley.
Quantitative Evidence for Marketing Data Library, Rutherford North 1 st Floor Chuck Humphrey Data Library March 6, 2009.
Towards Automated Web Design Advisors Melody Y. Ivory Marti A. Hearst School of Information Management & Systems UC Berkeley IBM Make IT Easy Conference.
CONTENT-BASED BOOK RECOMMENDING USING LEARNING FOR TEXT CATEGORIZATION TRIVIKRAM BHAT UNIVERSITY OF TEXAS AT ARLINGTON DATA MINING CSE6362 BASED ON PAPER.
Mining the Web for Design Guidelines Marti Hearst, Melody Ivory, Rashmi Sinha UC Berkeley.
Microsoft ® Expression ® Web An Introduction to the Your Learning Guide to Expression Web tutorial.
Using Cascading Style Sheets (CSS) Dept. of Computer Science and Computer Information CSCI N-100.
Desktop Publishing Features Designing Documents. Publication Terms  Graphics - Objects used to convey a message.  Multiple Columns - Layout used to.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Website evaluation models and acceptability factors K.Vipartienė, E. Valavičius.
CONTROLSITE & Accessibility Independence for All Presented by: John Leal Goss Interactive Production Team.
Poster Presentations Effective. Presentation outline Why research posters? Visual communication tools Critique Details about poster format and design.
Evaluation of digital collections' user interfaces Radovan Vrana Faculty of Humanities and Social Sciences Zagreb, Croatia
1 Designing Need-based Internet Web Sites in Counseling and Career Services James P. Sampson, Jr. Florida State University Copyright 2002 by James P. Sampson,
1. 2 Design Strategies for Need-Based Internet Web Sites in Counseling and Career Services: Technical Report 28 James P. Sampson, Jr., Darrin L. Carr,
Program Evaluation. Program evaluation Methodological techniques of the social sciences social policy public welfare administration.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
Multimedia and The Web.
Bringing Order to the Web: Automatically Categorizing Search Results Hao Chen, CS Division, UC Berkeley Susan Dumais, Microsoft Research ACM:CHI April.
An Introduction To Websites With a little of help from “WebPages That Suck.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Website Development Instructor: Brad Atkinson. Planning Save valuable time Create mock-up drawing Provide useful content.
Heuristic evaluation Functionality: Visual Design: Efficiency:
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Usability and Accessibility CIS 376 Bruce R. Maxim UM-Dearborn.
© 1997, BAK. 1The DESMET Methodology EEL UNIVERSITY KE Evaluating software methods and tools using the DESMET Methodology Barbara Kitchenham Steve Linkman.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Microsoft Research1 Characterizing Alert and Browse Services for Mobile Clients Atul Adya, Victor Bahl, Lili Qiu Microsoft Research USENIX Annual Technical.
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
© G. A. Motter, 2006, 2008 & 2009 Illustrated by Examples Quality Function Deployment and Selection Matrices Customer Driven Product Development.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Question paper 1997.
Measurement and quality assessment Framework for product metrics – Measure, measurement, and metrics – Formulation, collection, analysis, interpretation,
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
WERST – Methodology Group
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Databases Competency Explain advanced database concepts and functions.
After testing users Compile Data Compile Data Summarize Summarize Analyze Analyze Develop recommendations Develop recommendations Produce final report.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Research Methodology II Term review. Theoretical framework  What is meant by a theory? It is a set of interrelated constructs, definitions and propositions.
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.
What makes a Good Website?. Examples of Bad Websites For more really.
1 Web Technologies Planning and Designing Client Websites Copyright © Texas Education Agency, All rights reserved.
Rashmi Sinha, Marti Hearst & Melody Ivory
Layout - you need to understand that a simple navigation bar:
ICT Communications Lesson 4: Creating Content for the Web
Quality labelling for Web-pages
Presentation transcript:

HFWEB June 19, 2000 Quantitative Measures for Distinguishing Web Pages Melody Y. Ivory Rashmi R. Sinha Marti A. Hearst UC Berkeley

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Research Goals uIdentify key Web page aspects that impact usability –Easily-quantified measures for information-centric sites uExamine their effect through user studies –Establish concrete thresholds uIncorporate findings into a simulation tool (Web TANGO) –Mimic Web site usage, report quantitative results –Enable comparison of alternative designs

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Outline uMethodology uData Analysis uPredicting Web Page Rating uWrap-up

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Methodology uCollect quantitative measures from 2 groups –Ranked: Sites rated favorably via expert review or user ratings –Unranked: Sites that have not been rated favorably uStatistically compare the groups uPredict group membership

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Methodology: Quantitative Measures uIdentified 42 aspects from the literature –Page Composition (e.g., words, links, images) –Page Formatting (e.g., fonts, lists, colors) –Overall Page Characteristics (e.g., information and layout quality, download speed) uPage composition & formatting aspects are easier to measure

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Methodology: Metrics Selected –Word Count –Body Text Percentage –Emphasized Body Text Percentage –Text Positioning Count –Text Cluster Count –Link Count –Page Size –Graphic Percentage –Graphics Count –Color Count –Font Count –Reading Complexity We measured 1/2 of the aspects

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Methodology: Data Collection uCollected data for 2,015 English & non- English information-centric pages from 463 sites –Education, government, newspaper, etc. uData constraints –At least 30 words –No e-commerce pages –Exhibit high self-containment (i.e., no style sheets, scripts, applets, etc.) u1,054 pages fit constraints (52%)

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Methodology: Data Collection uRanked pages –Favorably assessed by expert review or user rating on expert-chosen sites –Sources: –Yahoo! 101 (ER) –Web 100 (UR) –PC Mag Top 100 (ER) –WiseCat’s Top 100 (ER) –Webby Awards (ER) & Peoples Voice (UR)

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Methodology: Data Collection uUnranked –Not favorably assessed by expert review or user rating on expert-chosen sites –Do not assume unranked = unfavorable –Sources: –WebCriteria’s Industry Benchmark –Yahoo Business & Economy Category –Others

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Methodology: Analysis Data u428 pages –214 ranked pages –840 unranked pages 214 chosen randomly

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Data Analysis: Findings uSeveral features are significantly associated with ranked sites uSeveral pairs of features correlate strongly –Correlations mean different things in ranked vs. unranked pages uSignificant features are partially successful at predicting if site is ranked

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Data Analysis: Significant Differences

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Data Analysis: Significant Differences uRanked pages –More text clustering (facilitates scanning) –More links (facilitate info-seeking) –More bytes (more content  facilitate info seeking) –More images (clustering graphics  facilitates scanning) –More colors (facilitates scanning) –Lower reading complexity (close to best numbers in Spool study  facilitates scanning)

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Data Analysis: Metric Correlations

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Data Analysis: Metric Correlations uHypotheses based on correlations: –Ranked Pages Colored display text Link clustering  Both patterns on all pages in random sample –Unranked Pages Display text coloring plus body text emphasis or clustering Link coloring or clustering Image links, simulated image maps, bulleted links  At least 2 patterns in 70% of random sample

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Data Analysis: Example Pages uRanked ExampleRanked Example uUnranked ExampleUnranked Example

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Predicting Web Page Ranking uLinear Regression –Explains 10% of difference between groups –63% Accuracy (better at unranked prediction) u  Employ machine learning techniques

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Predicting Web Page Ranking uWeb site ratings from RateItAll.com –User ratings on 5-point scale (1= Terrible! 5 = Great!) No rating criteria –Small set of 59 pages (61% ranked) 54% of pages classified consistently Only 17% unranked with high rating  unranked sites properly labeled 29% ranked with medium rating  difference between expert/non-expert review –Ranking predicted by graphics count with 70% accuracy –  Carefully design studies with non-experts

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Predicting Web Page Ranking uHome vs. Non-home pages –Text cluster count predicts home page ranking 66% accuracy Consistent with primary goal of home pages –Non-home page prediction Consistent with full sample results 4 of 6 metrics (link count, text positioning count, color count, reading complexity) u  Conduct further analysis using functional categories (genres) for pages

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 Future Work uNew metrics computation tool –More quantitative measures –Process style sheets –Functional categories for pages –UI uRepeat data collection and analysis –Larger sample of pages uValidation studies with users uMore info:

Quantitative Measures for Distinguishing Web Pages HFWEB June 19, 2000 In Summary uQuantitative measures should be helpful for improving information-centric Web pages –We can empirically distinguish between ranked and unranked pages