Fuse: In-Situ Sensemaking Support in the Browser

Document Title

Fuse: In-Situ Sensemaking Support in the Browser

Document Information

• Domain: Human-Computer Interaction (HCI), Online Information Integration and Task Management
• Keywords: Browser extension, sensemaking support system, information organization, card-based design, online research, hierarchical structure, visualization

Research Background and Problem Statement

• Problems:

  1. People face high switching costs when collecting and organizing information online (e.g., browser tab overload, using external tools to organize data).
  2. Traditional browser tabs and clipping tools lack the ability to seamlessly connect the processes of "collecting" and "organizing" information, often disrupting users' workflows.
  3. Existing tools struggle to effectively preserve and structure page context, information sources, and personal annotations.
  4. Although some tools allow clipping web content, users still need to switch applications to organize this content, failing to achieve an integrated approach to data collection and organization.

• Significance: Users need a system that enables them to easily extract key information from web pages while completing structured organization in situ (within the browser), supporting task resumption and reducing cognitive load during information processing.

• Research Motivation and Related Work: The research is motivated by the concept of "seamless sensemaking support," aiming to create a tool that extends users' working memory by externalizing sensemaking tasks into an information system while retaining visualization and organizational capabilities. Fuse's design draws inspiration from existing tools like Evernote, hypothes.is, and Pinterest's clipping functionalities, as well as card-based and sidebar-based online information management methods, but adds capabilities for instant organization and a unified workspace.

Solution

• Methods and Solution: The authors designed Fuse, a browser extension that enables low-cost content collection and lightweight organization through an always-available sidebar. It allows users to:

  1. Quickly clip information (text, images, screenshots, etc.) from web pages.
  2. Organize collected content within the same interface, such as creating hierarchical structures and nested cards.
  3. Visually represent information while compressing different types of content for display.

• Innovations:

  1. Provides five lightweight clipping methods, enabling users to quickly collect diverse content (e.g., image dragging, text highlighting, bounding box clipping, etc.).
  2. Introduces the concept of "Container Cards," which reduce organizational complexity through hierarchical nesting and support quick previews.
  3. Implements multiple forms of content compression and representation, such as "Reader View" and "Quick Overview," allowing users to browse large amounts of content within the limited sidebar space.
  4. Supports boundary clipping of HTML elements and automatically saves their original state (e.g., text, links, page screenshots), ensuring contextual data collection.
  5. Enables users to quickly pause and resume browsing content, improving task resumption efficiency.

• Implementation Steps and Key Technologies:

  1. Developed core logic using TypeScript (approximately 37,000 lines of code) and built the UI with React.
  2. Utilized Firebase for user authentication and project storage.
  3. Leveraged the Chrome browser extension framework to seamlessly integrate the sidebar with web content.
  4. Deployed to the Chrome Web Store and continuously optimized the design based on online user feedback.

Research Outcomes

• Specific Outcomes:

  1. Fuse provides a unified online research workspace, enabling users to simultaneously collect and organize information, significantly reducing switching costs.
  2. Over 22 months of public deployment, 134 users installed the extension, with 89 users creating projects containing actual content.
  3. Experiments demonstrate Fuse's high utility across various task scenarios, including shopping, travel planning, and academic literature reviews.

• Advantages: Compared to existing tools, Fuse achieves the goal of "operating within the browser," eliminating the need for users to switch to other applications to organize information. Additionally, its frictionless workflow and visual organizational experience effectively reduce cognitive load.

• Experiment and Evaluation Results:

  1. User interviews reveal that Fuse's card-based sidebar design helps users quickly browse and reuse their information collections, effectively supporting task resumption.
  2. 40.3% of projects were classified as "self-referential," indicating that users utilized Fuse's annotation and nested card functionalities to extract key information and build personal knowledge bases.
  3. Most users' project hierarchical structures were relatively shallow (less than two levels), suggesting that Fuse's organizational methods align well with common user habits.

• Limitations and Future Directions:

  1. Limitations: Fuse's card compression design may face spatial constraints when handling overly large content collections.
  2. Potential for further optimization of personal working memory extension, such as designing "low-redundancy information displays" to make cards more compact.
  3. Development of task-based cross-platform versions (e.g., mobile) to support shorter session times and higher interruption rates.
  4. Exploration of shared information collection mechanisms to understand how users reuse others' sensemaking collections, thereby expanding collaborative sensemaking applications.

Conclusion

Fuse demonstrates how a browser extension can seamlessly integrate online information collection and organization, providing users with a powerful task support and sensemaking externalization tool. The success of this research highlights the potential of such tools in enhancing modern information processing efficiency, while inspiring further studies on digital working memory, information sharing, and task management.