1 / 50

RETHINKING THE TABBAR:INTRODUCING AUTOMATIC TAB ORDERING INTO WEB BROWSERS

RETHINKING THE TABBAR:INTRODUCING AUTOMATIC TAB ORDERING INTO WEB BROWSERS. Nguyen Ngoc Dan Vy – 0612755 Tran Thi Hong Diem – 0612701 Instructor: Do Lenh Hung Son. 1. 3. 4. 5. 6. 2. Introduction. Understanding User’s Behavior. Automatic Tab Ordering. Evaluation.

trella
Download Presentation

RETHINKING THE TABBAR:INTRODUCING AUTOMATIC TAB ORDERING INTO WEB BROWSERS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. RETHINKING THE TABBAR:INTRODUCING AUTOMATIC TAB ORDERING INTO WEB BROWSERS Nguyen Ngoc Dan Vy – 0612755 Tran Thi Hong Diem – 0612701 Instructor: Do Lenh Hung Son

  2. 1 3 4 5 6 2 Introduction Understanding User’s Behavior Automatic Tab Ordering Evaluation Contribution & Conclusion Related Works Contents

  3. 1 3 4 5 6 2 Introduction Understanding User’s Behavior Automatic Tab Ordering Evaluation Contribution & Conclusion Related Works Contents

  4. Internet Usage Statistics 93% 74%

  5. Popular web browsers Web Browsers

  6. Find tabs Access tabs Introduction Problems Manage opened tabs

  7. Clarification Research Oriented Human Computer Interaction Problem does not exist advanced Introduce new concept

  8. Clarification User -Based • Ways to approach: HCI

  9. Approach User behavior analysis Introducing concept • Field study • Online survey Automatic Tab Ordering User Centered design Evaluation Prototyping • Controlled experiment: • 10 participants • Effectiveness: 10-14% • Most Used Tabs • Instant Access • Fast Tab Switching

  10. 1 3 4 5 6 2 Introduction Understanding User’s Behavior Automatic Tab Ordering Evaluation Contribution & Conclusion Related Works Contents

  11. Related Work Multitasking Tabs D.Am, A.Spinkand M.Park, “Information and non-information multitasking interplay”.

  12. Related Work Multitasking Web Browsing Activity Tabs M.Kellar, C.Watters, K.M.Inkpen “An exploration of web-based monitoring:Implications for design” (CHI 2007)

  13. Related Work Multitasking Web Browsing Activity Tabs Webpage Revisitation: 30% L.Tauscher and S.Greenberg “Revisitation patterns in world wide web navigation” in CHI 97

  14. Related Work Multitasking Tab Grouping Web Browsing Activity Tabs Webpage Revisitation: 30%

  15. Related Work Tab Grouping Multitasking Visual Aid Web Browsing Activity Tabs Webpage Revisitation: 30% Foxtab: tab preview panel

  16. Related Work Multitasking Tab Grouping Web Browsing Activity Tabs Visual Aid Webpage Revisitation: 30% Tab Representation

  17. 1 3 4 5 6 2 Introduction Understanding User’s Behavior Automatic Tab Ordering Evaluation Contribution & Conclusion Related Works Contents

  18. Field Study Location Set Up Purpose Participants • Explore how users work with browser. • Interview: usage trend& difficulties. • 7 users: 3F 4M. • Age:22-25 • Position: developer, designer, officer, researcher. Selab- Software Engineering Lab in University of Science. • PersonalVibe. • 2 week duration. • Run in background. • Collect data: • Software • Interview

  19. Field Study Figure 1: Selab- Software Engineering Lab in University of Science. Figure 2: One participant in this study.

  20. The amount of time using Firefox browser Data collected by Personal Vibe)

  21. Semi-structured Interview 8 questions “I need a tool to support me in managing tabs automatically.” Number of opened tabs? Number of worked tabs? “I think if I can arrange tabs in many rows, it would be better” When open many tabs? “I want to put related tabs in same groups.” Problems with tabs? “It takes me a lot of time to find and switch when opened many tabs. I am really uncomfortable!” Order of tabs?

  22. B A C Semi-structured Interview Most users opened many tabs( over 15 tabs). Searching requires open a lot of tabs Lost tabs' trace when opening too many tabs. D Remark the order of tabs.

  23. Large population. (30 participants). 1 General tendency of participants 2 Online Survey Participants: knowledgeable workers 3 4 Created by Google Spreadsheet Form (Include 17 questions) Online Survey

  24. Online Survey • Analysis

  25. 4 1 2 3 Difficulties in managing opened tabs User spend a lot of time for web browsers. Searchingrequires a lot of tabs. Finding & switching tabs waste time. APCS Findings 25% users open >= 15 tabs

  26. 1 3 4 5 6 2 Introduction Understanding User’s Behavior Automatic Tab Ordering Evaluation Contribution & Conclusion Related Works Contents

  27. Concept Automatic Tab Ordering Implement on Firefox • Most Used Tabs Instant Access • Free Tab Switching • Tab Dummy • Permanent Ranked Tabs • Fast Tab Switching • Manualmarking Tabs • Automarking Tabs

  28. Finding a common equation • Domain (α,β,γ ) = R • Number of Access: number of clicks to access the tab • ActiveTime: time when the tab is active (miliseconds) • ElapsedTime: time when the tab is opened (miliseconds).

  29. Final Equation In this particular case: web browsing: • Favor Number of Access. • ElapsedTime does not contribute weight. • Many zeros: time is calculated in miliseconds

  30. Prototypes A tool for demonstration. Implement in Firefox (result from online survey). Use JavaScript & XUL. No concerning about optimization, memory management, etc. Develop 5 in total, evaluate 2.

  31. Most Used Tabs Instant Access • Prototype 1.1: Free Tab Switching.

  32. Most Used Tabs Instant Access • Prototype 1.2: Tab Dummy.

  33. Most Used Tabs Instant Access • Prototype 1.3: Permanent Ranked Tabs.

  34. Most Used Tabs Instant Access • “List all tabs” button.

  35. Fast Tab Switching • Prototype 2.1: Manualmarking Tabs.

  36. Fast Tab Switching • Prototype 2.2: Automarking Tabs.

  37. 1 3 4 5 6 2 Introduction Understanding User’s Behavior Automatic Tab Ordering Evaluation Contribution & Conclusion Related Works Contents

  38. Evaluation Evaluation Pilot test Result

  39. Independent Variables Condition 1 Condition 2 Condition 3 Default Firefox. Firefox with installed Tab Dummy Prototype. Firefox with installed Permanent Ranked Tabs Prototype.

  40. Dependent Variables

  41. Number of scroll buttons clicked decreases in condition 2-3. 1 Time spent switching tabs decreases in condition 2-3. 2 User workload & stress decreases in condition 2-3. 3 Hypotheses

  42. Pilot Test Purpose Task Description Questionnaires Get first impression of users in real context. • - Perform searching tasks. • 45 minutes. • 14 participants. • 3 conditions. • -2 specific keywords : one text, one image. • Keywords must be unpopular. • One question/ page. •  Require to open many tabs and multitasking.

  43. Feedback & Improvement Change questionnaires to open more tabs Improvement for control experiment Synchronize interaction Divide participants to smaller group.

  44. Controlled Experiment • 10 participants. 1 Same configurations 2 3 conditions. 45 minutes each. 3 4 Searching task and answer questionnaires proposed by us.

  45. Evaluation – Result • Overall result: Mental’sstress and workload decreases: • Tab Dummy: 10%. • Permanent Ranked Tabs: 14%.

  46. 1 3 4 5 6 2 Introduction Understanding User’s Behavior Automatic Tab Ordering Evaluation Contribution & Conclusion Related Works Contents

  47. Text Editors IDEs Web Browsers Any Serial lists OS: Taskbar Contribution - Impact

  48. Experiment. Controlled Experiment. Future Works Platforms • Implement in various platforms: • Text editors, IDE. • Oss • Experiment. • Platform differences 2nd Category • Fast Tab Switching: • Continue development • Controlled Experiment

  49. Problems With Tabbed Browsing No existing Efficient technique Conclusion Benefits large population Reduce stress Users’ workload Automatic Tab Ordering Challenge Traditional Tab order

  50. Thank You ! Q & A

More Related