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

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

Introduction Company Logo

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

Approach Company Logo

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

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

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

Findings APCS

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”

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

Online Survey  Analysis Company Logo

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

Most Used Tabs Instant Access Fast Tab Switching

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

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

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

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

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

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

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

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

Evaluation  Pilot Test.  Result.

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

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

Control Experiment Company Logo

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

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

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

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

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

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.

Company Logo Cycle Diagram Text Cycle name Add Your Text

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

Company Logo Diagram Concept Add Your Text Text

Company Logo Diagram Add Your Text

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

Company Logo Table Concept Concept concept Concept

Company Logo Diagram Title Add Your Text

Company Logo Diagram Your Text

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

Company Logo Table Title OOOOO OOOOO OOOOO OOOOO OOOOO OXOXO

APCS Add your company slogan