（翻译）可变形控件（Morphing Controls）

问题概述

用户只想看到应用系统当前模式下可用的控件。

示例

用途

 

• 用于当某些控件不需要同时显示时；
• 用于想清理程序窗口中不必要和用不到的控件[1]；
• 用于程序中存在多种用户体验模式时（播放/暂停、开/关）；

解决方案

在用户界面中，能够显示什么信息，能够进行什么操作，这取决于应用程序当前的模式[2]。例如，当视频暂停时，播放操作应该可用，但停止操作就不应当能用。

在每种模式中，只显示最常用和用户最想要的操作。在模式之间，强调提供的信息和操作的不对称性、不完整性、有问题，促使用户在模式之间切换。

确定可变形的控件在不同模式中保持一致的外观，控件中的文体字体和文本大小可以相同，但文本颜色在不同模式中可以不一样。

本模式适用于存在相反动作的模式[4]，例如

• • 开/关
  • 喜欢/不喜欢
  • 关注/取消关注

 

原文地址：http://ui-patterns.com/patterns/morphing-controls

 

[1]原文：Use when you want to declutter the screen with unnecessary and unavailable controls

[2]原文：Information presented and actions available in a user interface element depend on its mode.
[3]原文：Design affordance in each mode toward the most common or wanted interactions and emphasize asymmetry, incompleteness, or something being wrong to push users toward changing modes.

[4]原文：Morphing Controls work well with binary actions