Dynamic UML Node Highlighting for Complex Diagram Navigation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current UML design tools do not provide an intuitive and efficient way to display and navigate complex hierarchical diagrams, making it cumbersome to understand relationships between objects in object-oriented software systems.

Innovation Solution

A method and system that dynamically highlights nodes in a UML diagram based on their logical relationship to a selected node, using varying colors, shades, and sizes to differentiate between closely and distantly related objects, allowing users to focus on relevant parts of the diagram.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of information

If all objects are displayed in a UML diagram, then complete information is provided, but the diagram becomes cumbersome and difficult to navigate

Engineering Contradiction:
Improvecompleteness of object informationVSAvoidease of navigation
Core Design Contradiction:
Loss of informationVSEase of operation

Solution Approach 1:

The patent applies local quality by dynamically altering the appearance of different nodes based on their relationship to the selected node. Related nodes are highlighted with different visual properties (such as color intensity or brightness) compared to unrelated nodes, allowing users to quickly identify important connections without visual clutter from all nodes equally

Inventive Principle:
Principle #3Local quality

Solution Approach 2:

The patent implements dynamics by making the diagram appearance change in real-time based on user interaction. When a user selects a node, the highlighting dynamically updates to show relationships, and when the selection changes, the highlighting adapts accordingly. This dynamic behavior allows the same diagram to serve multiple navigation purposes

Inventive Principle:
Principle #15Dynamics

2Loss of information

If complex relationships between objects are shown, then understanding of object-oriented systems is improved, but the diagram complexity increases

Engineering Contradiction:
Improveclarity of relationshipsVSAvoiddiagram complexity
Core Design Contradiction:
Loss of informationVSDevice complexity

Solution Approach 1:

The patent reduces perceived diagram complexity by applying different visual qualities to different nodes based on their relationship to the selected node. Nodes with stronger relationships are highlighted more prominently, while weaker relationships are highlighted less, creating a visual hierarchy that simplifies understanding without removing any relationship information

Inventive Principle:
Principle #3Local quality

Solution Approach 2:

The patent applies partial action by selectively highlighting only the portions of the diagram that are relevant to the currently selected node. Instead of uniformly displaying all relationships with equal emphasis, the system highlights only the necessary subset of relationships, making the complex diagram more manageable while preserving complete information upon inspection

Inventive Principle:
Principle #16Partial or excessive action

Data Source

PatentUS8276113B2Dynamic highlighting of related artifacts in a UML diagram
Publication Date: 2012.09.25 INTERNATIONAL BUSINESS MACHINE CORPORATION
  • US8276113B2 patent drawing
  • US8276113B2 patent drawing
  • US8276113B2 patent drawing

AI summary

A method displays a Unified Modeling Language (UML) diagram on a graphic user interface. The UML diagram can have, for example, nodes representing objects of an object-oriented system. Further, input is received regarding the location of a user-directed pointer on the UML diagram. The location of the pointer identifies a currently “selected node” of the UML diagram. In response to such input, the method dynamically highlights portions of the UML diagram depending on the location of the selected node. This highlighting process dynamically alters the appearances of nodes logically related to the selected node by highlighting nodes that are relatively closely related to the selected node differently (e.g., more brightly) than nodes that are not as relatively closely related to the selected node.