Portable Device User Interface With Horizontal Screen Regions
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Traditional user interfaces on portable electronic devices, such as smartphones, often present a large number of small, similar icons that are difficult to distinguish, leading to user confusion and frustration, especially when trying to access various applications and contacts.
Innovation Solution
A user interface design featuring a touchscreen display with prominently sized textual descriptions and icons in horizontal screen regions, allowing for easy identification of applications and contacts, with tabs for switching between screens and a limited number of selections that can be scrolled through, including adjacency of telephone and voicemail application selections.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Quantity of substance
If a large number of application icons are displayed on the screen, then the quantity of accessible applications increases, but the icons become smaller and more difficult to distinguish
Solution Approach 1:
The application interface is segmented into multiple horizontal screen regions, each containing a limited number of clearly visible icons with textual descriptions. This segmentation allows users to access a large number of applications through organized categories and pagination, while maintaining large, distinguishable icons in each region.
Solution Approach 2:
The interface transitions from a two-dimensional grid of icons to a multi-dimensional navigation structure with horizontal screen regions, tabs for different categories, and pagination. This adds navigation dimensions while maintaining large, distinguishable icons in each region.
2Quantity of substance
If small icons are used to fit more applications on screen, then the device can present more applications simultaneously, but user identification and selection become more difficult
Solution Approach 1:
Each horizontal screen region is designed with local quality optimization, featuring large icons with accompanying textual descriptions that are clearly visible and easy to distinguish. The text size is specifically designed to be at least 30% as tall as the associated icon, ensuring readability while maintaining a limited number of applications per screen region.
Solution Approach 2:
Applications are segmented into manageable horizontal regions with limited numbers of icons each, allowing users to easily scan and identify applications without being overwhelmed by too many options simultaneously.
3Adaptability or versatility
If applications are reorganized on the screen, then the interface can be optimized for different user needs, but the adjacency of critical applications like telephone and voicemail may be lost
Solution Approach 1:
The telephone and voicemail applications are merged into the same horizontal screen region, ensuring their adjacency is maintained regardless of overall interface reorganization. This merging of critical applications into a single navigational unit preserves their relationship while allowing flexibility in other areas of the interface.
Solution Approach 2:
The interface is designed with predetermined grouping of critical applications (telephone and voicemail) that maintains their adjacency relationship. This preliminary structuring ensures that frequently used applications remain accessible together while allowing other applications to be reorganized based on user needs.
Data Source
AI summary
A user interface for a portable electronic device. In an example implementation, a first screen presents selections for launching applications executable by the portable device, the selections being presented in a plurality of horizontal screen regions, and a second screen presents selections related to stored contacts, these selections also being presented in a plurality of horizontal screen regions. Each of the first and second screens is accessible from the other by actuating a respective tab. A selection on the first screen may include an icon representing an application, and a textual description of the application, and the textual description may be prominent in relation to the icon. Actuating a selection on the second screen may access an individual contact screen that presents a chronological history of communications with the corresponding contact.