ZenFox CS544 2009F Project Phase III The Tab Four Lam, Billy MacKenzie, Russ R, Mohan Su, Tao A task-focused web browser.

Slides:



Advertisements
Similar presentations
Microsoft ® Office Excel ® 2007 Training Get started with PivotTable ® reports Sweetwater ISD presents:
Advertisements

For Details Visit : or For any Help Contact the Librarian EBSCOhost 2.0.
® Microsoft Office 2010 Browser and Basics.
How to manage my references? Stop Searching, Start Discovering.
Reference Management Software Tools Mendeley. Table of Contents: Part A Background/Location Signup/Login Import References Organize (Manage) References.
Google Chrome & Search C Chapter 18. Objectives 1.Use Google Chrome to navigate the Word Wide Web. 2.Manage bookmarks for web pages. 3.Perform basic keyword.
Microsoft ® Office PowerPoint ® 2003 Training Package to a CD Your STS, Tom Redd, presents:
YOUR LOGO HERE YOUR LOGO HERE Amy Brink Comparing caTissue Plus to caTissue 1.3.6A Amy Brink March 5 th, 2014.
Finding Primary Source Documents The Student’s View.
An online photo browsing system Carrie Burgener Andrea Nelson Scott Fisher Mike Wooldridge
Senior Project Database: Design and Usability Evaluation Stephanie Cheng Rachelle Hom Ronald Mg Hoang Bao CSC 484 – Winter 2005.
IS User Interface Design and Development Webmarking Managing Web Bookmarks and Browser History Files in One Interface Masako Sho, Hans Christian.
Firefox 2 Feature Proposal: Remote User Profiles TeamOne August 3, 2007 TeamOne August 3, 2007.
WebCT CE-6 Assignment Tool. Assignment Tool and Assignment Drop Box Use “Assignment” button under Course Tools (your must be in “Build” mode) to: –Modify.
Discount Usability Engineering Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development March 2, 1999.
Key Applications Module Lesson 12 — Word Essentials
Radoncssi.org Google based IT infrastructure Alf Siochi.
Cumulus vs. Portfolio: An interactivity slam-down between two Digital Asset Management Applications Theories and Practice of Interactive Media 7 December.
Google Confidential and Proprietary 1 Intro to Docs Google Apps Apps.
New “Collaborate” Button Integrate UI directly into the browser. Preferred target: Firefox Easiest browser to extend in terms of UI.
Google Chrome Your Customized Google Buddy April 2012 John Riley and Denise Tate-Kuhler.
This presentation will guide you though the initial stages of installation, through to producing your first report Click your mouse to advance the presentation.
WYNN Reader/Wizard Training Module Karie Lawrence Cypress-Fairbanks I.S.D.
© 2012 Boise State University1 WordPress Training February 14, 2013.
UNMJobs Forum: Top 10 System Changes & Future Developments.
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
Is PeerMark a useful tool for formative assessment of literature review? A trial in the School of Veterinary Science Duret, D & Durrani,
HagIT: The future is in your hands Designed and presented by: Hamza Khurshid Ahmad Ghunaim Ghassan Knayzeh.
Joy Marie Foust February What is Noodletools?: Plan their research process Analyze their sources Take notes without plagiarizing Check for errors.
1 Guide to Novell NetWare 6.0 Network Administration Chapter 11.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
Three steps to sell Office Always ask every customer the following questions to get them interested in buying Office: Did you know that Office.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Formative Evaluation cs3724: HCI. Problem scenarios summative evaluation Information scenarios claims about current practice analysis of stakeholders,
Lesson 1 What is Camtasia?. Lesson 2 Editing Objectives After completing the lesson, the student will be able to: Edit a basic recording Camtasia file.
EasyChair Reviewer sign up and bidding Art Hsieh Jean Huang Norik Davtian Ryan Nissenbaum.
UNMJobs Forum: Top 10 System Changes & Future Developments.
WIKIS IN THE MUSIC CLASSROOM MARCH 16, 2011 Presenters: Renee Halpin and Jonathan Drye AGENDA I.) Introduction to Wikis II.) Wiki – What I Know Is III.)
Dakota State University.
Getting to Grips with Assignments Bronze Level – Compulsory.
A Case Study of Interaction Design. “Most people think it is a ludicrous idea to view Web pages on mobile phones because of the small screen and slow.
Paper Evaluation Summary. Aims of the paper Determine whether personal support played a role in the uptake of the internet. Determine if this uptake can.
A skills approach © 2012 The McGraw-Hill Companies, Inc. All rights reserved. powerpoint 2010 Chapter 4 Managing and Delivering Presentations.
XP Browser and Basics COM111 Introduction to Computer Applications.
LANDESK SOFTWARE CONFIDENTIAL Tips and Tricks with Filters Jenny Lardh.
WCRE - Oct Temporal Model Explorer - Farah and Lethbridge Temporal Exploration of Software Models Hanna Farah IBM Ottawa Timothy Lethbridge University.
AWS Usage Tips SCS APAC MAR Agenda About Amazon Web Service Sign up the AWS account AWS Management Oracle Apps AMI – Siebel CRM – EBS R
Web Browsing *TAKE NOTES*. Millions of people browse the Web every day for research, shopping, job duties and entertainment. Installing a web browser.
Observing the Current System Benefits Can see how the system actually works in practice Can ask people to explain what they are doing – to gain a clear.
Instructional/6-8/General Session 1 of 1 Get Going with eChalk Digital File Locker.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Introduction to Blackboard Rabie A. Ramadan Session 3.
UCI Library Website Chris Lee Archana Vaidyanathan Duncan Tsai Karen Quan.
Helping People Find Information Better Jaime Teevan, MIT with Christine Alvarado, Mark Ackerman and David Karger.
What Is Firefox? __________ is a Web ___________ that you use to search for and view Web pages, save pages for use in the future, and maintain a list.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
Key Applications Module Lesson 12 — Word Essentials Computer Literacy BASICS.
Jaime Teevan MIT, CSAIL. HCI at MIT ♠HCI Seminar ♥Fridays at 1:30 pm ♥URL: ♥Announcement mailing list ♠Applying HCI to.
Getting Started with Microsoft Word
MicrosoftTM SharePoint Content Management SystemTutorial
USER INTERFACE 4.x Introduction To Colleague
Thawatchai Piyawat Jantawan Noiwan Anthony F. Norcio
Richland 1 professional development
Key Applications Module Lesson 12 — Word Essentials
Procedure for adding a Trusted Site
Key Applications Module Lesson 12 — Word Essentials
Lesson 3 Web Browsers.
WEB DESIGN Cross 11, Tapovan Enclave Nala pani Road, Dehradun : ,
Lesson 2: Gathering and Organizing Information Using ICT KEY QUESTION: HOW DO YOU GATHER AND ORGANIZE INFORMATION USING THE COMPUTER AND INTERNET?
Presentation transcript:

ZenFox CS F Project Phase III The Tab Four Lam, Billy MacKenzie, Russ R, Mohan Su, Tao A task-focused web browser

2 Agenda Problem Redesign Implementation Evaluation Procedure Results Demo + Video

3 Problem Support for multi-session tasks Percentage of users Time before task resumption (Survey from SearchBar: Morris et al, 2008)

4 Problem Current coping strategies for task resumption (Survey from SearchBar: Morris et al, 2008) StrategyRespondents Active Storage / Active Retrieval 55.00% Written or typed notes30.00% Browser bookmarks26.00% Save Web pages locally as files5.30% to self2.40% Online bookmarks/tagging1.80% Print Web pages0.60% Passive Storage / Active Retrieval 8.20% Browser history7.60% Online query history1.20% Passive Storage / Passive Retrieval 49.00% Memory36.00% Leave browser open14.00% Link coloring2.40% Autocomplete2.40%

5 Problem Current coping strategies for task resumption (Survey from SearchBar: Morris et al, 2008) StrategyRespondents Active Storage / Active Retrieval 55.00% Written or typed notes30.00% Browser bookmarks26.00% Save Web pages locally as files5.30% to self2.40% Online bookmarks/tagging1.80% Print Web pages0.60% Passive Storage / Active Retrieval 8.20% Browser history7.60% Online query history1.20% Passive Storage / Passive Retrieval 49.00% Memory36.00% Leave browser open14.00% Link coloring2.40% Autocomplete2.40%

6 Problem Information overload

7 Redesign Review: A task-focused browser interface  Suspension and Interruption  Annotation  Sharing

8 Redesign Lessons from Phase II  Paper prototype generally well-received  Excitement about ideas  Generally kept all features  Two key points. Default hiding of task management features. Transparent sharing

9 Redesign Worries about sharing feature But still keen on easier sharing Originally just attach/send files What if there’s an error? What if they can’t open it? What if versions change? Software isn’t even written and already they don’t trust it! Replaced with drag-n-drop and added cloud sharing

10 Redesign Drag & Drop

11 Redesign Drag & Drop “The internet” ShareLoad Entire context is loaded!

12 Implementation Firefox plugin vs Flex prototype Practical significance vs. practicality for CS544 Subset of features: vertical prototype  Annotation  Suspension and Resumption  Sharing

13 Implementation

14 Evaluation Procedure Extended use of prototype not feasible 8 subjects, comparison with FireFox Very minimal training session Short (& intensive!) multi-tasking scenarios  Interruption  Suspension  Resumption  Sharing

15 Evaluation Procedure Primary Task  Trip planning with hypothetical friend  “Mark” or “Jane” – same sex as subject Communications through and IM Interrupts through IM  Add secondary tasks  Extra details to primary task (sightseeing)  Interruption of primary task (research papers)

16 Evaluation Procedure Questionnaires and short discussion  Work load of assigned tasks  Immediately after trial  7 point Likert scale  Comparisons between browsers and general questions  At end of session

17 Results Quantitative analysis of data NASA TLX-like Used Wilcoxon test, Bonferroni corrected All task load questions non-significant, p > 0.1 Still, 6/8 rank TabFour higher for question: “How effectively did the browser interface support what you were asked to do”?

18 Results Quantitative analysis of data Other questions mostly unanimous: Which browser was easier to use to complete the tasks? -TabFour Did you find the task-based browsing useful? –Yes Would you use task-based browsing if it was available in your regular web browser? –Yes In which browser was it easier to share webpages with other people? -TabFour

Results Qualitative feedback  Usability issue on Load/Share context dialog  More organized in TabFour  Integration with existing tools desirable  Want to click links/task names in  What if Mark gives me a bad link (typo)?  “Simple, doesn’t require extra learning to use”

Results Qualitative feedback  “FireFox lets you see things all at once”  Benefits and costs more obvious in prolonged use?  “Task groups cut down on time needed to complete tasks”

21 Demo + Video

22 Questions?