Floating Control Cluster for Map Interface Clutter Reduction
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mapping and navigation applications face user interface challenges with their current designs, leading to inconvenience in integrating controls for different modalities like location browsing, map searching, and route navigating, resulting in a cluttered and disorienting experience.
Innovation Solution
An integrated mapping application with a novel UI design that minimizes on-screen controls, using a floating control cluster that adapts to tasks, includes a compass for orientation, and employs gestural inputs for 2D/3D transitions and map manipulation, along with a page curl for accessing secondary controls, to maintain a cohesive and intuitive interface.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Area of stationary object
If traditional phone UI elements with full-width controls are used, then controls are easily accessible, but the map display area is reduced and the interface becomes cluttered
Solution Approach 1:
The control interface is segmented into a compact floating button cluster that contains essential controls (search, layers, compass, menu) in a small footprint area, rather than using full-width control bars. This segmentation allows the map to occupy the majority of the screen while controls remain accessible within the cluster.
Solution Approach 2:
The control cluster floats above the map in a three-dimensional space rather than occupying a fixed two-dimensional band at the top or bottom of the screen. This dimensional change allows controls to be accessible without reducing the map display area, as the cluster can be positioned anywhere on the screen surface.
2Adaptability or versatility
If multiple controls for different modalities are integrated, then functionality is comprehensive, but the interface becomes complex and disorienting
Solution Approach 1:
The floating button cluster serves as a universal control mechanism for multiple modalities including search, layers, compass, and menu functions. Instead of having separate control interfaces for each modality, the same floating cluster adapts its contents based on the current modality, reducing interface complexity while maintaining comprehensive functionality.
Solution Approach 2:
The control cluster dynamically adapts its contents and behavior based on the current modality (browsing, searching, routing, navigating). Controls that are relevant to the current modality are displayed in the cluster, while irrelevant controls are hidden, making the interface simpler contextually while maintaining comprehensive functionality across all modalities.
3Area of stationary object
If a floating control cluster is used instead of full-width controls, then map display area is maximized, but control visibility and accessibility may be reduced
Solution Approach 1:
The control cluster uses distinct icons with clear visual differentiation and color coding to ensure visibility within the compact floating interface. Each control (search, layers, compass, menu) has a unique visual identifier that remains clearly visible against the map background, preventing control visibility loss despite the reduced control area.
Data Source
AI summary
A graphical user interface (GUI) of a triage tool for triaging reported problems is described. The GUI includes a first set of UI items for viewing reported problems of maps. The GUI includes a second set of UI items for viewing map data related to the reported problems. The GUI includes a third set of UI items for sending triaged problems to a set of sources of the map data.