Widget Browser Panel Dual-Subpanel Navigation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing navigation systems for hierarchical structures within small browser panels are not intuitive or efficient, making it difficult for users to navigate through folders effectively.

Innovation Solution

A widget browser module is implemented, dividing the browser panel into two sub-panels, allowing users to display and navigate through folders by selecting items, using breadcrumb navigational tools, and keyboard arrows, providing an intuitive and efficient way to traverse the folder structure.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If a traditional single-panel browser interface is used for navigating hierarchical structures, then the interface is simple in structure, but the navigation efficiency and user experience deteriorate in widget-sized panels

Engineering Contradiction:
Improvenavigation efficiencyVSAvoidinterface structure
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The browser panel is divided into two distinct sub-panels: a first sub-panel displaying the hierarchical folder structure and a second sub-panel displaying selected folder contents. This segmentation allows users to navigate and view information simultaneously without switching views, significantly improving navigation efficiency in limited widget space.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent transitions from traditional single-panel sequential navigation to a dual-panel simultaneous display arrangement. By organizing the interface along a horizontal dimension rather than requiring vertical scrolling or panel switching, the system enables users to access both navigation structure and content details at the same time, enhancing ease of operation within constrained widget dimensions.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Adaptability or versatility

If more navigation controls and options are added to improve navigation capability, then the navigation functionality is enhanced, but the interface complexity increases

Engineering Contradiction:
Improvenavigation capabilityVSAvoidinterface elements
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The dual-panel browser is designed to handle multiple navigation tasks within a unified interface structure. The same panel layout supports browsing hierarchical structures, viewing folder contents, and navigating through different levels of the hierarchy simultaneously, providing versatile navigation capability without requiring separate specialized controls for each function.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The interface allows users to directly interact with the displayed hierarchical structure in the first panel by selecting folders, which automatically updates the second panel to show relevant contents. This self-updating mechanism eliminates the need for additional navigation buttons or complex control sequences, enhancing navigation capability while maintaining interface simplicity.

Inventive Principle:
Principle #25Self-service

Data Source

PatentUS11199944B2System and method for navigation within widget-sized browser panels
Publication Date: 2021.12.14 SALESFORCE INC
  • US11199944B2 patent drawing
  • US11199944B2 patent drawing
  • US11199944B2 patent drawing

AI summary

A widget browser module configured to display data item descriptors is disclosed. The widget browser module is configured to: generate, responsive to a request from an executing application that is causing the display of an application window on a display device, a widget browser window for display over a portion, but not all, of the application window, the widget browser window including a two-panel display window and a status bar display window positioned underneath the two-panel display window; display a plurality of sibling data item descriptors in a first panel of the two-panel display window that are contextually relevant to content in the application window; and display, after selection of a data item descriptor, the selected data item descriptor and sibling data item descriptors in the first panel and child data item descriptors of the selected data item descriptor in a second panel of the two-panel display window.