（翻译）可扩展式输入（Expandable Input）

问题概述

用户想体验突出主题、减少干扰项的界面[1]。

示例

 

用途

• 用于将关注点放在界面主要内容而不是其中的输入项的情况；
• 用于将界面干扰项置于主内容以外的情况。

解决方案

当界面中的输入项获得焦点或者内容填满时，扩展输入项的尺寸。

设计控件，使其处于两种模式之中：扩展和收缩[2]。当用户点击收缩模式的控件时，控件扩展尺寸，这样可以隐藏界面中的次要功能，只有用户需要时这些功能才会出现。

说明

可扩展式输入模式可以用于清理程序界面，隐藏次要功能，使其在需要时才出现[3]。针对功能复杂的程序界面，本模式可以隐藏次要功能，例如搜索、发帖、评论等。

 

原文地址：http://ui-patterns.com/patterns/expandable-input

[1]原文：The user wants to experience a main interface with as much screen real estate and with a minimum of distractions

[2]原文：Design your controls in two modes: expanded and contracted. 

[3]原文：Expandable inputs can help unclutter user interfaces by staying out of sight until needed.