Tab Navigation Personalization via Drag-and-Drop Reordering

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current display technologies for database objects lack user flexibility in customizing the display of fields and their order, with no mechanisms allowing users to specify prominent highlighting of displayed fields and their arrangement.

Innovation Solution

The implementation of side tab navigation tools and page views personalization methods that enable users to drag and drop page elements, hide or unhide sub-tabs, and reorder related lists, allowing for customizable display layouts without full page refreshes.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If pre-selected fields are displayed with administrative user configuration, then system management is simplified, but user flexibility and customization capability are limited

Engineering Contradiction:
ImproveUser flexibility in customizing displayVSAvoidDisplay configuration system
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The display configuration is segmented into multiple independent components: side tabs for navigation, sub-tabs for related lists, and configurable field displays. Each component can be independently customized by users through drag-and-drop operations, allowing flexible reorganization without affecting the entire system structure.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The display configuration transitions from a static administrative setup to a dynamic user-adjustable interface. Users can实时 reorder fields, show/hide elements, and reorganize tabs during runtime without requiring system administrator intervention or full page refreshes, making the system adaptive to individual user needs.

Inventive Principle:
Principle #15Dynamics

2Adaptability or versatility

If fixed field display order is used, then system stability is maintained, but user ability to specify prominent highlighting and arrangement is prevented

Engineering Contradiction:
ImproveUser specification of display highlightingVSAvoidDisplay layout structure
Core Design Contradiction:
Adaptability or versatilityVSStability of the object's composition

Solution Approach 1:

Different parts of the interface allow different levels of customization. Side tabs and sub-tabs provide structural stability while field-level elements within each tab enable local quality variations through user-specified highlighting and arrangement, allowing prominent display of important fields without disrupting the overall layout structure.

Inventive Principle:
Principle #3Local quality

Solution Approach 2:

The system provides default field selections and ordering configured by administrators as a baseline. Users can then perform preliminary customization actions by dragging and dropping fields to reorder them or selecting which fields to highlight prominently before the display is finalized, combining pre-configuration with user adaptation.

Inventive Principle:
Principle #10Preliminary action

3Ease of operation

If users can reorder and customize display elements, then user experience is enhanced, but system complexity and processing requirements increase

Engineering Contradiction:
ImproveDisplay customization capabilityVSAvoidConfiguration system
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

Drag-and-drop interface elements serve as intermediaries between user intent and system configuration changes. The visual drag-and-drop mechanism provides an intuitive intermediary layer that simplifies the configuration process, making it easier for users to reorder fields and organize tabs without dealing with complex underlying data structures or code modifications.

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

Users perform their own display customization without requiring administrator intervention or complex configuration procedures. The system enables self-service configuration through intuitive drag-and-drop operations, allowing users to independently adjust their own display preferences, show/hide elements, and reorganize content according to their needs.

Inventive Principle:
Principle #25Self-service

4Productivity

If full page refresh is required for layout changes, then data consistency is maintained, but user productivity and response time are reduced

Engineering Contradiction:
ImprovePage modification efficiencyVSAvoidData display consistency
Core Design Contradiction:
ProductivityVSReliability

Solution Approach 1:

Instead of requiring continuous full page refreshes, the system implements periodic or on-demand updates only when configuration changes are completed. Users can make multiple drag-and-drop operations and adjustments, then trigger a single update action to apply all changes at once, reducing the frequency of data synchronization operations while maintaining consistency.

Inventive Principle:
Principle #19Periodic action

Solution Approach 2:

The system performs partial updates by refreshing only the specific portions of the page that have been modified rather than the entire page. When users reorder fields or adjust display configurations, only the affected sections are updated, reducing processing overhead and improving response time while maintaining data consistency for the modified elements.

Inventive Principle:
Principle #16Partial or excessive action

Data Source

PatentUS9921720B2Tab navigation and page view personalization
Publication Date: 2018.03.20 SALESFORCE INC
  • US9921720B2 patent drawing
  • US9921720B2 patent drawing
  • US9921720B2 patent drawing

AI summary

In some implementations, a system causes a set of main tabs to be displayed at a first portion of a display. The system is configured to receive a user selection of a selected main tab. In response, the system causes a set of secondary tabs to be displayed at a second portion of the display. The system is configured to receive user input to manipulate the secondary tabs causing a rearrangement of the secondary tabs into a new order and/or causing one or more of the secondary tabs to be hidden. Based on the user input, the system causes the manipulated set of secondary tabs to be displayed and stores information defining the manipulated set of secondary tabs. Upon a subsequent access by the user of a database object associated with the selected main tab, the system causes the manipulated set of secondary tabs to be displayed.