辅助信息/操作的4个交互模式

♝点击上方“交互设计学堂”关注我们,送电子书

在后台型的系统中，因为复杂的交互和错综复杂的信息关联性，常常在一个核心任务流中需要插入辅助操作，或者展示重要的但不是主流程中必须要的辅助信息。那么下面介绍四种常用到的关于处理辅助操作和展示辅助信息的交互模式。

气泡

在页面中很快地给用户提供轻量级的信息和操作

轻量级的，一般在页面中，有少量信息由于空间的原因，或者为了信息的简洁清晰，采取部分展示，隐藏冗余信息的做法；还有一些使用场景是为了隐藏必要的但是非重要的辅助信息；也常常用在对一个操作或者元素的简短解释。

通过鼠标移到特定的区域，或者点击该区域，从而触发相关的信息展示或操作。此方式仅限于非常少量的信息展示，以及非常简单的交互操作。

对话框

指引用户操作，展示少量的细节详情，进行比较轻量级的操作

在后台型的系统中，对话框被使用的频率非常高。原因是因为对话框用户触发和关闭的成本较低，没有上下文/前后页面切换和加载的成本，不会让你觉得进入了一个新的页面。用户可以在一个页面的大量条目中，快速来回切换查看多个条目的详细信息，从而减少因为新开页面或跳转至其他地方带来的适应成本。

然而在弹出框中，一般不建议有复杂的交互以及大信息量展示。同时避免在一个弹出框中，又出现一个弹层。

抽屉式弹层

介于弹出框与新开页面之间的一个过渡方式

作为普通对话框的一个扩展形式，可视区相对普通对话框更大，可以承载比弹出框更多信息的展示以及更加复杂的操作，而相对新开一个页面来得轻量和低成本。

独立页面

承载任何复杂的交互和最大量的信息，更加专注于当下

在后台型产品中，「使用效率」在交互中被放置在一个很重要的位置。我们常常为了效率，恨不得把所有信息和复杂操作都通过弹窗来实现，因为触发成本低，避免用户在产品使用中在多页面中来回切换。

然而，如果一个交互太复杂，需要许多步才能完成，并且操作比较重要和谨慎，那么它需要一个足以承载它复杂程度的页面来显示。因为用户需要在这个场景下停留时间很久，弹框的轻量级的特性反而会让用户有不安全感，并且用户容易误操作使得任务中断，而一个普通的页面反而更能让用户专注在当前。

因此我们不必排斥通过新页面来作为辅助手段，当用户没有明确的需求要在多个事项中频繁查看或来回跳转时，那么新开一个页面用来展示明细，让用户更加专注于当前的操作，会是一个不错的选择。

作者：阿拉蕾的帽子
链接：http://www.jianshu.com/p/2d27d0087bdb
來源：简书

欢迎投稿：[email protected]

加老D私人微信18605817040，和老D一起学交互，老D会在朋友圈多发干货文章哦。新手小伙伴可以问老D3个专业问题哦。

交互设计学堂已经开设了新的栏目-行知书院，旨在帮助小伙伴们来高效的学习现在市面上优秀的用户体验书籍比如《交互设计精髓》等等，同时结合老D的工作经验来帮助你们从不同的高度和角度来解读书中的内容。每天一课，积少成多。已有134位小伙伴加入。详细了解行知书院