1 / 57

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.

cisco
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 APCS

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

  4. Internet Usage Statistics 93% 74% Company Logo

  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 APCS

  11. Related Work Multitasking Tabs APCS

  12. Related Work Multitasking Web Browsing Activity Tabs APCS

  13. Related Work Multitasking Web Browsing Activity Tabs Webpage Revisitation: 30% APCS

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

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

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

  17. Understanding User’s Behavior 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

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

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

  20. B A C Semi-structured Interview “I need a tool to support me in managing tabs automatically.” Most users opened many tabs( over 15 tabs). “I think if I can arrange tabs in many rows, it would be better” Searching requires open a lot of tabs Lost tabs' trace when opening too many tabs. D Remark the order of tabs.

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

  22. Online Survey • Analysis APCS

  23. 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. Findings Automatic Tab Ordering APCS

  24. APCS

  25. Automatic Tab Ordering • Most Used Tabs Instant Access • Fast Tab Switching

  26. Finding a common equation

  27. FinalEquation

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

  29. Most Used Tabs Instant Access Prototype 1.2: Tab Dummy. Company Logo

  30. Most Used Tabs Instant Access Prototype 1.3: Permanent Ranked Tabs. Company Logo

  31. Most Used Tabs Instant Access “List all tabs” button. Company Logo

  32. Fast Tab Switching Prototype 2.1: Manualmarking Tabs. Company Logo

  33. Fast Tab Switching Prototype 2.2: Automarking Tabs. Company Logo

  34. Evaluation Evaluation Pilot test Result Company Logo

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

  36. Dependent Variables Company Logo

  37. 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. 3 Hypotheses Company Logo

  38. Pilot Test Purpose Method Task description Get first impression of user in real context. • - Perform searching tasks. • 45 minutes. • 14 participants. • 3 conditions. - Receive questionnaires. - Searching and answer.

  39. Feedback & Improvement Change questionnaires to open more tabs. Synchronize interaction. Divide participants to smaller group. Company Logo

  40. Controlled Experiment Company Logo

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

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

  43. 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

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

  45. 1 2 3 Challenge traditional tab order ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc. ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc. Company Logo

  46. Diagram Title Add your text ThemeGalleryis a Design Digital Content & Contents mall developed by Guild Design Inc. ThemeGalleryis a Design Digital Content & Contents mall developed by Guild Design Inc. Company Logo

  47. Add Your Text Text Text Cycle name Text Text Text Cycle Diagram Company Logo

  48. Text • Add Your • Title Text • Text 1 • Text 2 • Text 3 • Text 4 • Text 5 • Add Your • Title Text • Text 1 • Text 2 • Text 3 • Text 4 • Text 5 Text Text Text Text Diagram Company Logo

  49. Text Text Concept Text Text Text Text Add Your Text Diagram Company Logo

  50. Add Your Text Add Your Text Add Your Text Add Your Text Diagram Add Your Text Add Your Text Add Your Text Add Your Text Company Logo

More Related