问题总结

用户希望体验尽可能多的屏幕空间且少干扰的主界面。

示例

用法

当你希望用户关注中心是主界面内容而不是其输入控件时使用。

当你想分散其他内容对主界面的干扰时使用。

解决方案

当输入区域成为焦点或者在输入内容时，输入区域会扩展成容纳输入字段的大小。

两种模式设计控件：展开和收缩。当用户点击收缩的控件时，它会扩展到更大的控件，还带有辅助功能的帮助，当用户需要时可以用上。

基本原理

可扩展式输入可以通过帮助梳理界面，只有当需要时才会注意到。对于多用途用户界面，让可选操作（如搜索、发布或评论）吸引最少的注意力时很有帮助的。

原文链接：https://ui-patterns.com/patterns/expandable-input