Work Item Flowchart View for Complex Workflow Navigation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing project management systems, particularly in mobile terminals, struggle to display comprehensive workflow information for complex tasks involving multiple roles, limiting user understanding and experience.
Innovation Solution
A method and apparatus that display a partial region of a flowchart in a work item detail page, allowing users to view a partial or full region of the flowchart, with options for adjusting display, highlighting pending nodes, and providing summary information on selected nodes, enhancing user interaction and comprehension.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If comprehensive workflow information is displayed in project management systems, then user understanding and experience are improved, but device complexity and display space requirements increase
Solution Approach 1:
The flowchart display is segmented into expandable/collapsible regions. The system divides the workflow visualization into discrete nodes and edges that can be independently controlled, allowing users to expand specific portions of the workflow when needed and collapse others to reduce complexity. This segmentation enables comprehensive information display while maintaining manageable system complexity through modular design.
Solution Approach 2:
The system transitions from a two-dimensional flat display to a multi-dimensional interactive visualization by adding depth through expandable regions and hierarchical nesting. Users can navigate through multiple levels of workflow detail, effectively adding a temporal and spatial dimension to the information presentation. This allows comprehensive workflow information to be displayed without overwhelming the user interface.
2Loss of information
If complex flowcharts are displayed in work item detail pages, then user comprehension of workflows is improved, but ease of operation and navigation deteriorate
Solution Approach 1:
The flowchart display implements dynamic behavior through expandable and collapsible regions that respond to user interaction. Nodes and edges can be expanded to show detailed information or collapsed to show only essential elements. This dynamic adaptation allows the interface to adjust its complexity based on user needs, maintaining ease of operation while providing comprehensive workflow context when required.
Solution Approach 2:
The system employs a nested structure where detailed workflow information is embedded within collapsible regions of the flowchart. Users can access comprehensive workflow context by expanding nested regions, while the default collapsed state maintains a clean, easy-to-navigate interface. This nesting approach allows comprehensive information to be available without permanently complicating the navigation experience.
3Ease of operation
If partial region of flowchart is displayed, then ease of operation is improved, but loss of information increases
Solution Approach 1:
The system prepares comprehensive workflow information in advance by pre-loading the complete flowchart data structure, even though only partial regions are initially displayed. This preliminary action ensures that all workflow details are available in the system, ready to be revealed on demand. Users can expand regions to access previously prepared information without delays, maintaining both interface simplicity and information completeness.
Solution Approach 2:
Expandable/collapsible regions act as intermediaries between the simplified interface and the comprehensive workflow information. These regions serve as a buffer that allows the system to maintain an easy-to-operate interface while storing and providing access to complete workflow details. When users expand a region, the intermediary reveals the hidden information without permanently altering the interface structure.
Data Source
AI summary
A work item information viewing method and apparatus, an electronic device, and a storage medium. The method comprises: in response to a work item viewing request for a target work item, obtaining a flowchart of a target business corresponding to the target work item; and displaying at least a partial region of the flowchart in a work item detail page corresponding to the work item viewing request.