How Software Interfaces Shrink to Save Screen Space

A method for automatically shrinking a navigation sidebar into a slim icon-based strip while maintaining access to full features through a temporary pop-up menu.

What it covers

This patent describes a dynamic user interface that allows a navigation sidebar to toggle between a wide 'normal' mode and a slim 'narrow' mode. In normal mode, the sidebar shows full text labels for applications and features. When the user switches to narrow mode, the interface replaces text labels with icons and rotates text labels vertically to save horizontal screen space. Critically, it includes a 'navigation pane control' that triggers a temporary pop-up, allowing the user to access the full-sized menu without permanently expanding the sidebar back to its original width.

What it doesn't cover

• —Does not cover interfaces that simply hide the sidebar entirely rather than shrinking it to a narrow mode.
• —Does not cover navigation bars that do not include a specific pop-up control for accessing full-size menu content while in the narrow state.
• —Does not cover interfaces where the narrow mode is not triggered by a specific user-selectable toggle control.
• —Does not cover systems that lack a preview pane for displaying data associated with the selected application.

The clever bit

The innovation is the combination of icon-based navigation and vertical text orientation in the narrow mode, paired with a temporary 'pop-up' overlay that grants full functionality without forcing a permanent layout change.

Why it matters

This patent reflects the design shift in the mid-2000s toward 'ribbon' and flexible UI layouts, most notably seen in Microsoft Outlook. It addresses the constant tension between needing feature-rich navigation and the desire for more workspace for actual content, like reading emails or viewing documents.

Real-world examples

• 1.Microsoft Outlook navigation pane
• 2.Modern sidebars in productivity software
• 3.Collapsible navigation menus in desktop applications