Adaptive Pane Management for Small Form Factor UI Canvas Optimization

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

User interfaces on small form factor computing devices face challenges with space management due to panes that reduce the application canvas size, leading to inefficient use of screen real estate and increased processing requirements for manual pane management.

Innovation Solution

An adaptive pane management system that automatically adjusts pane display and canvas size based on events such as feature selection, orientation changes, and pane closure, using an adaptive pane module to optimize the user interface for small form factor devices by resizing and reflowing content as needed.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If panes are added to the user interface to expose application functionality, then feature accessibility is improved, but the application canvas size is reduced

Engineering Contradiction:
Improvefeature accessibilityVSAvoidapplication canvas size
Core Design Contradiction:
Adaptability or versatilityVSArea of stationary object

Solution Approach 1:

The pane management system dynamically adjusts pane visibility, size, and position based on device form factor, user interaction context, and current application state. On small form factor devices, panes are automatically collapsed, hidden, or replaced with contextual action bars that appear temporarily during user interactions, allowing the canvas to maximize space while maintaining feature accessibility when needed

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The system transitions from traditional side-by-side pane layouts to overlay-based panes that appear above or below the canvas on small devices. Contextual action bars and floating panels utilize the vertical dimension and overlay layers rather than horizontal space, enabling feature access without permanently reducing canvas area

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Adaptability or versatility

If panes are used to display additional information and controls, then user interface functionality is enhanced, but screen real estate is reduced

Engineering Contradiction:
Improveuser interface functionalityVSAvoidscreen real estate
Core Design Contradiction:
Adaptability or versatilityVSArea of moving object

Solution Approach 1:

Instead of displaying all controls and options simultaneously in permanent panes, the system presents only the most relevant controls and information in contextual action bars that appear temporarily during specific user actions. Less frequently used features remain accessible through overflow menus or secondary interactions, reducing clutter while maintaining full functionality

Inventive Principle:
Principle #16Partial or excessive action

Solution Approach 2:

Contextual action bars serve as intermediaries between the canvas and full panes, providing essential controls and information in a compact form factor. These action bars appear transiently during user interactions and can expand to full panes when needed, acting as a space-efficient mediator that preserves screen real estate while maintaining access to functionality

Inventive Principle:
Principle #24Intermediary (Mediator)

3Ease of operation

If manual pane management is implemented, then user control over interface layout is improved, but processing requirements and task completion time increase

Engineering Contradiction:
Improveuser control over interface layoutVSAvoidtask completion time
Core Design Contradiction:
Ease of operationVSLoss of time

Solution Approach 1:

The pane management system automatically detects device form factor, user preferences, and contextual state to configure optimal pane arrangements without requiring manual user intervention. The system self-adjusts pane visibility, size, and position based on current application state and user interaction patterns, eliminating the time cost of manual configuration while maintaining user control through accessible preferences and gestures

Inventive Principle:
Principle #25Self-service

Data Source

PatentUS10209849B2Adaptive user interface pane objects
Publication Date: 2019.02.19 MICROSOFT TECHNOLOGY LICENSING LLC
  • US10209849B2 patent drawing
  • US10209849B2 patent drawing
  • US10209849B2 patent drawing

AI summary

Aspects of a system for automatically managing a pane in a user interface on a small form factor computing device include an adaptive pane module for determining when an event that affects the canvas size occurs, such as changing the display configuration or reorienting the display, which in turn affects pane management, or the opening or closing of a pane. The adaptive pane module manages the pane. After managing the pane, the system resizes the canvas and reflows the content as appropriate for a small form factor computing device.