1. APCS 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. APCS Contents Introduction 1 Understanding User’s Behavior 3 Automatic Tab Ordering 4 Evaluation 5 Contribution & Conclusion 6 Related Works 2

3. Introduction Company Logo

4. Introduction Problems Find tabs Access tabs Manage opened tabs  Contributions: User behavior analysis. Introduce definition. Prototyping. Evaluation.

5. Approach Company Logo

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

7. Understanding User’s Behavior 7 users: 3F 4M. Age:22-25 Position: developer, designer, officer, researcher. 7 users: 3F 4M. Age:22-25 Position: developer, designer, officer, researcher. Explore how users work with browser. Interview: usage trend& difficulties. Explore how users work with browser. Interview: usage trend& difficulties. PurposeParticipants LocationSet Up PersonalVibe. 2 week duration. Run in background. Collect data: Software Interview PersonalVibe. 2 week duration. Run in background. Collect data: Software Interview Selab- Software Engineering Lab in University of Science. Field Study

8. Company Logo Figure 2: One participant in this study.Figure 1: Selab- Software Engineering Lab in University of Science.

9. Findings APCS

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

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

12. Online Survey  Analysis Company Logo

13. Findings APCS 1 User spend a lot of time for web browsers. 2 Searchingrequires a lot of tabs. 3 Finding & switching tabs waste time. 4 Difficulties in managing opened tabs Automatic Tab Ordering

14. Most Used Tabs Instant Access Fast Tab Switching

15. Automatic Tab Ordering Rank = α*No.Access + β*ActiveTime + γ*ElapsedTime

16. Common Equation Rank = 1*No.Access + 0.00005*ActiveTime + 0*ElapsedTime

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

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

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

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

21. Fast Tab Switching  Prototype 2.1: Manualmarking Tabs. Company Logo

22. Fast Tab Switching  Prototype 2.2: Automarking Tabs. Company Logo

23. Evaluation  Pilot Test.  Result.

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

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

26. Control Experiment Company Logo

27. Evaluation – Result,  Overall result: Mental’s stress and workload decreases:  Tab Dummy: 10%.  Permanent Ranked Tabs: 14%.

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

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

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

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

32. Company Logo Diagram ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc. Title Add your text ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.

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

34. Company Logo Diagram 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

35. Company Logo Diagram Concept Add Your Text Text

36. Company Logo Diagram Add Your Text

37. Company Logo ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc. Diagram Text

38. Company Logo Table Concept Concept concept Concept

39. Company Logo Diagram Title Add Your Text

40. Company Logo Diagram Your Text 200120022003 2004

41. Company Logo Diagram Title ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc. Title Title

42. Company Logo Table Title OOOOO OOOOO OOOOO OOOOO OOOOO OXOXO

43. APCS Add your company slogan