Customizable Web Navigation Interface for Dynamic User Preference Adaptation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional web applications have static and uncustomizable interfaces, which hinder user interaction and efficiency, as users often utilize only specific functions or use them differently, necessitating improved navigation and display preferences.

Innovation Solution

A method and apparatus for customizing display preferences in web applications, allowing users to add, remove, reorder, rename, or hide elements in navigation bars, with changes detected and stored to tailor the interface according to user needs, enabling dynamic rendering of web pages based on these preferences.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If a web application provides multiple functions through different web pages with a standard navigation bar, then the application offers comprehensive functionality, but the interface becomes complex and difficult to navigate for individual users

Engineering Contradiction:
Improvefunctionality coverageVSAvoidnavigation ease
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The navigation bar is segmented into multiple customizable elements that can be independently configured. Each element represents a specific function or section, allowing users to divide the comprehensive navigation into manageable, selectable parts rather than presenting a monolithic navigation structure.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The navigation bar transforms from a static, fixed structure to a dynamic, user-configurable interface. Users can add, remove, reorder, and customize navigation elements based on their specific needs, allowing the interface to adapt and change according to individual user preferences and usage patterns.

Inventive Principle:
Principle #15Dynamics

2Adaptability or versatility

If the navigation bar displays all available functions, then users have access to complete functionality, but the interface becomes cluttered and less user-friendly

Engineering Contradiction:
Improvefunction accessibilityVSAvoidinterface complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

Less frequently used or less relevant navigation elements are extracted from the main navigation bar view. Users can remove or hide specific elements they don't need, extracting only the essential elements remain visible, reducing clutter while maintaining access to the complete functionality through the same navigation structure.

Inventive Principle:
Principle #2Taking out (Extraction)

Solution Approach 2:

Different users or the same user at different times can have different navigation bar configurations tailored to their specific needs. Each user's navigation bar has local quality customized to their preferences, with certain elements emphasized, hidden, or repositioned based on individual usage patterns rather than a uniform display for all users.

Inventive Principle:
Principle #3Local quality

3Productivity

If the navigation bar is customized to show only frequently used functions, then navigation efficiency improves, but access to less-used functions becomes less obvious

Engineering Contradiction:
Improvenavigation efficiencyVSAvoidfunction visibility
Core Design Contradiction:
ProductivityVSLoss of information

Solution Approach 1:

The navigation bar serves multiple functions simultaneously: it provides quick access to frequently used functions through prominent positioning, while also maintaining a structured hierarchy that allows users to discover and access less-used functions through organized groups or menus. The same navigation structure adapts to serve both common and rare access patterns.

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

Data Source

PatentUS8549409B2Customizable web application navigation
Publication Date: 2013.10.01 MICROSOFT TECHNOLOGY LICENSING LLC
  • US8549409B2 patent drawing
  • US8549409B2 patent drawing
  • US8549409B2 patent drawing

AI summary

A method for customizing display preferences for a web application. Ease of interaction with web content may be improved by customizing display preferences that affect the way content is rendered by a server and provided to a user. Elements of menus for navigation among web pages for various functions, for example, may be added, removed, reordered, renamed, rearranged in a hierarchy, hidden, or shown to help users tailor the functions to their needs and thus better aid them in using the web pages.