Web TANGO Project Melody Ivory (PhD student) Rashmi Sinha (Postdoc) Marti Hearst (Research Advisor) Undergrads - Steve Demby Anthony Lee Dave Lai HCC Retreat.

Slides:

Advertisements

Similar presentations

WP 2 Usability Attributes Affected by Software Architecture Deliverable D2 – Usability Patterns Presenter: Robert Chatley - ICSTM.

Advertisements

User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.

Empirically Validated Web Page Design Metrics Melody Y. Ivory, Rashmi R. Sinha, Marti A. Hearst UC Berkeley CHI 2001.

SIMS 213: User Interface Design & Development Marti Hearst Thurs, March 3, 2005.

GOMS Analysis & Automated Usability Assessment Melody Y. Ivory (UCB CS) SIMS 213, UI Design & Development March 8, 2001.

Measuring Information Architecture CHI 01 Panel Position Statement Marti Hearst UC Berkeley.

Usability Information Systems 337 Prof. Harry Plantinga.

DENIM (1 of 3) Denim is a rapid prototyping tool for web information architecture and design. Denim It uses a visual editor which is optimized for stylus.

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.

Web Site Design Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development April 6, 1999.

UCB HCC Retreat Search Text Mining Web Site Usability Marti Hearst SIMS.

Measuring Information Architecture Marti Hearst UC Berkeley.

GOMS Analysis & Automating Usability Assessment Melody Y. Ivory SIMS 213, UI Design & Development March 19, 2002.

IBM Almaden, Oct 2000 Automating Assessment of Web Site Usability Marti Hearst University of California, Berkeley.

Measuring Information Architecture Marti Hearst UC Berkeley.

SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.

Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.

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

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.

UCB CS Research Fair Search Text Mining Web Site Usability Marti Hearst SIMS.

Measuring Information Architecture Marti Hearst UC Berkeley.

Art 155 Information Architecture In-class Presentation Week 6B.

Empirical Foundations for Web Site Usability Marti Hearst Melody Ivory Rashmi Sinha University of California, Berkeley.

Towards Automated Web Design Advisors Melody Y. Ivory Marti A. Hearst School of Information Management & Systems UC Berkeley IBM Make IT Easy Conference.

Mining the Web for Design Guidelines Marti Hearst, Melody Ivory, Rashmi Sinha UC Berkeley.

DENIM A Sketching Tool for Prototyping Web and Desktop UIs Mark Newman and Jimmy Lin Group for User Interface Research UC Berkeley July 8, 1999.

Web Design cs414 spring Announcements Project status due Friday (submit pdf)

INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.

User Interface Design Tools for the Future Multimodal UI Research in the HCC James A. Landay Jason Hong, Scott Klemmer, Jimmy Lin, Mark Newman, & Anoop.

Fall CIS 764 Database Systems Engineering L6a: Usability - Part 1 (Part 2 … case studies) L6b. Review of Homeworks (next.

Using Provenance to Support Real-Time Collaborative Design of Workflows Tommy Ellkvist 1, Erik Anderson 2, David Koop 2, Juliana Freire 2, and Claudio.

1 Predicting Download Directories for Web Resources George ValkanasDimitrios Gunopulos 4 th International Conference on Web Intelligence, Mining and Semantics.

Information Resource Design ”How to make a web page scannable” Check out this webpage: Read the summary,

4.x Performance Technology drivers – Exascale systems will consist of complex configurations with a huge number of potentially heterogeneous components.

Don’t Make Me Think Steve Krug Dean Steuer MFC 215.

Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.

Methods For Web Page Design 6. Methods Why use one? What it covers –Possibly all stages Feasibility Analysis Design Implementation Testing –Maybe just.

What is Multimedia?. Today’s objectives Define multimedia Work with XHTML Work with CSS.

Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.

Usability Testing: In-Depth Competitive Analysis Michael Hilario October 13, 2009 IMD445.

SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.

Emily Gibson The College of New Jersey An Evaluation of Current Software Tools* Evaluation & Repair Software.

WebVizOr: A Fault Detection Visualization Tool for Web Applications Goal: Illustrate and evaluate the uses of WebVizOr, a new tool to aid web application.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

Usability and Accessibility CIS 376 Bruce R. Maxim UM-Dearborn.

Thrust III HRI Studies for Human Factors and Performance Evaluation J. A. Adams (Lead – Task A) P. Hinds (Lead – Task B) C. Breazeal J. How N. Roy MURI.

MatroVal A Calibration Software With Advanced Uncertainty and Prediction Capabilities Including Complex Numbers Alex Lepek Newton.

4 April 2001Jesse James Garrett · · Measuring Information Architecture Quality · 1.

Notes for Instructors. This screen appears when you choose the Settings option for an assessment. Click the triangle next to a menu view notes regarding.

Overview and Revision for INFO3315. The exam

First Semester Final Project Web Design. Final Project Create a company, zoo, museum, etc. Your job is to create a web site for your business! Create.

“Niche Work” Graham J Wills, Lucent Technologies (Bell Lab)

Assess usability of a Web site’s information architecture: Approximate people’s information-seeking behavior (Monte Carlo simulation) Output quantitative.

Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.

By: David Johnston, James Mataras, Jesse Pirnat, Daniel Sanchez, Eric Shaw, Sean Vazquez, Brad Warren Stevens Institute of Technology Department of Quantitative.

Configuration Item Page

Formatting Text with CSS

Rashmi Sinha, Marti Hearst & Melody Ivory

LESSON 4 Module 4: Working with Images Navigation Tools.

Omri Sharabi Tamar Weiser Omar Shibli Rotem Arnon

ANSI-ESO Q&A Documents: Status and Values John Kulick

Educational Computing

Case Study – A Leading Mobile Handset Manufacturer from Finland

Overview of Dreamweaver

Physics-based simulation for visual computing applications

Project HE Assignment Web Site Design

Panel on the Development, Maintenance, and Use of Course Web Sites

Presentation transcript:

Web TANGO Project Melody Ivory (PhD student) Rashmi Sinha (Postdoc) Marti Hearst (Research Advisor) Undergrads - Steve Demby Anthony Lee Dave Lai HCC Retreat July 5, 2000

Research Goal Develop tools to enable designers to compare alternative designs Most usability problems linked to information architecture Navigation Design Information Design Graphic Design Courtesy of Mark Newman

Tools Under Development Web Page Design Tool Use quantitative measures to compare implemented Web pages to highly rated ones Currently 12 metrics (e.g., number of words, links, colors, etc.) Empirical study highlights key metrics that are indicative of highly rated pages Incorporating empirical findings Automatic analysis – identify potential problems Visualizing differences between a page and related, highly rated ones Automatic critique – identify potential problems & suggest improvements

Tools Under Development Simulation Tool (Monte Carlo Simulator) Use simulator to assess implemented and design Web pages Mimic information-seeking behavior (multiple user models) and compute quantitative results (e.g., number of errors and navigation time) Predictions based on empirical findings with quantitative measures Incorporate into DENIM

Tools Under Development Design Tool DENIM Simulator Heuristics Based on empirical findings Metrics Computation Tool Implemented Site

Research Status Metrics Computation Tool New metrics & capabilities E.g., functional types for pages (David) 2 nd empirical study User studies Design Tool Basic UI this summer (Steve) Simulator Tool DENIM incorporation - property sheets (Anthony) More Info

Questions