570 likes | 704 Views
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.
E N D
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 Contribution & Conclusion Related Works Contents APCS
1 3 4 5 6 2 Introduction Understanding User’s Behavior Automatic Tab Ordering Evaluation Contribution & Conclusion Related Works Contents APCS
Internet Usage Statistics 93% 74% Company Logo
Popular web browsers Web Browsers
Find tabs Access tabs Introduction Problems Manage opened tabs
Clarification Research Oriented Human Computer Interaction Problem does not exist advanced Introduce new concept
Clarification User -Based • Ways to approach: HCI
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
1 3 4 5 6 2 Introduction Understanding User’s Behavior Automatic Tab Ordering Evaluation Contribution & Conclusion Related Works Contents APCS
Related Work Multitasking Tabs APCS
Related Work Multitasking Web Browsing Activity Tabs APCS
Related Work Multitasking Web Browsing Activity Tabs Webpage Revisitation: 30% APCS
Related Work Multitasking Tab Grouping Web Browsing Activity Tabs Webpage Revisitation: 30% APCS
Related Work Tab Grouping Multitasking Visual Aid Web Browsing Activity Tabs Webpage Revisitation: 30% Foxtab: tab preview panel APCS
Related Work Multitasking Tab Grouping Web Browsing Activity Tabs Visual Aid Webpage Revisitation: 30% Tab Representation APCS
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
Field Study Figure 1: Selab- Software Engineering Lab in University of Science. Figure 2: One participant in this study. APCS
The amount of time using Firefox browser Data collected by Personal Vibe) APCS
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.
Large population. (30 participants). 1 General tendency of participants 2 Online Survey Participants: knowledgeable workers 3 4 Created by Google Spreadsheet Form Online Survey
Online Survey • Analysis APCS
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
Automatic Tab Ordering • Most Used Tabs Instant Access • Fast Tab Switching
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 Evaluation Pilot test Result Company Logo
Independent Variables Condition 1 Condition 2 Condition 3 Default Firefox. Firefox with installed Tab Dummy Prototype. Firefox with installed Permanent Ranked Tabs Prototype. APCS
Dependent Variables Company Logo
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
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.
Feedback & Improvement Change questionnaires to open more tabs. Synchronize interaction. Divide participants to smaller group. Company Logo
Controlled Experiment Company Logo
Evaluation – Result • Overall result: Mental’s stress and workload decreases: • Tab Dummy: 10%. • Permanent Ranked Tabs: 14%.
Text Editors IDEs Web Browsers Any Serial lists OS: Taskbar Contribution - Impact
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
Problems With Tabbed Browsing No existing Efficient technique Conclusion Benefits large population Reduce stress Users’ workload Automatic Tab Ordering Challenge Traditional Tab order
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
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
Add Your Text Text Text Cycle name Text Text Text Cycle Diagram Company Logo
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
Text Text Concept Text Text Text Text Add Your Text Diagram Company Logo
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