Linear Hierarchical View for Website Component Editing
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Editing graphical applications, such as websites, can be tedious and frustrating due to the complexity of page-based hierarchies, where components overlap and obscure each other, making it difficult to locate and modify specific content within a multidimensional arrangement.
Innovation Solution
Converting the page-based hierarchy into a linear hierarchical view, known as the Express Mode Menu Tree (EMMT), using a component analyzer, indexer, and menu builder to simplify the user interface and organize components based on their physical location and containment relationships, allowing for a more user-friendly editing experience.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a page-based hierarchy with multi-dimensional component arrangement is used, then the system can represent complex graphical applications with nested containers and overlapping components, but the user interface becomes difficult to navigate and components become obscured making editing tedious
Solution Approach 1:
The patent segments the complex page-based hierarchy into a linear hierarchical view where the graphical application is divided into pages, which are further divided into components in a flattened structure. This segmentation allows the complex multi-dimensional arrangement to be represented in a simplified linear sequence, making it easier to navigate and edit while preserving the ability to represent complex graphical applications.
2Adaptability or versatility
If components are allowed to geometrically intersect and be nested at multiple levels, then the graphical application can achieve complex layouts and designs, but locating and modifying specific components becomes difficult
Solution Approach 1:
The patent transforms the multi-dimensional component hierarchy into a one-dimensional linear representation. The linear hierarchical view orders components sequentially based on their containment relationships and spatial positions, converting the complex multi-level nesting and geometric intersections into a simple linear sequence that is easier to locate and navigate.
3Adaptability or versatility
If a traditional component menu based on CMS components is used, then the system can provide comprehensive component options, but the editing process becomes tedious and frustrating due to the complexity of the interface
Solution Approach 1:
The patent extracts the essential hierarchical structure from the complex traditional component menu and presents only the necessary linear hierarchy of pages and components. By taking out the unnecessary complexity of the traditional CMS-based component menu while preserving the core functionality of accessing and editing components, the interface becomes simpler and more efficient for users.
Data Source
AI summary
A method for a website building system includes analyzing a user selected portion of a website for editing to determine an editable subset of components. The website includes a multiplicity of pages in a page-based user interface, where the page-based user interface enables editing of the components and where a multi-page container component includes at least one mini-page and a single page container component is empty or includes at least one component. For a non-empty single page container component of said editable subset of components, the method includes placing components contained in the single page container component into a parent page previously containing the single page container component, resulting in an updated page-based hierarchy for the editable subset components.