对话框设计之初探

        对话框虽然在整个产品的设计中占比不大，但是在当下体验为王的时代，想要让我们的产品有更好的用户体验的话，那么对话框的设计是不可忽视的一部分。

        对话框由标题栏（告知用户对话框所来自的命令、特性或程序）、主题内容（告知用户该对话框的目标）、辅助图标（辅助说明主题内容）、操作按钮（让用户完成或终止目标）。一般典型的对话框形式如下图所示:

        那么一般会在什么情况下出现对话框呢？我的理解是对话框通常是用来向操作者确认其当前操作（当前操作是具有很大风险的，或者不可逆的），从而避免一时的手误或误操作。例如：[确定要删除此文件吗？]。

但是不能否认，它也是一种打断，有时甚至会打扰到用户。所以作为设计师，我们应该尽量寻求“提示”与“打扰”之间的平衡点，让用户舒适且流畅的完成自己的目标。那么，在设计对话框的时候我们应该注意些什么，让其更加友好易懂呢？

1.主题内容应清晰明了解释对话框需要做的事情

  对话框中的主题内容应该是基于用户操作所作出的提示，以此向用户确认当前操作。

  例1：主要信息清晰明了

  例2：主要信息不突出

2.操作按钮文案表意要清晰

        对话框中最常见的语义表示不是很明确的是用：[“是（YES）”与“否（NO）”]作为对话框的操作按钮文案。例如当用户点击了“退出”，为了避免用户误操作，我们用“是/否”询问用户真的退出，而不是用“确定/取消”来询问。因为用户既然点击了“退出”那说明他真的想退出的概率比误操作的概率是大的多的，所以这个时候应该是让用户确定或取消“退出”这个动作，而不是继续询问用户是否退出。

在这方面做的比较好的有苹果OS X系统，它的注销对话框以[注销（Logout）/取消（Cancel）]替代了[是（YES）/否（NO）]，这样的文案表达让用户清楚明了的知道现在应该要“注销”还是“取消”刚刚做的动作。

        下面我们再看看QQ空间里删除评论的对话框中按钮文案与facebook里删除评论的对话框中按钮文案：

  QQ空间

  Facebook

        对比两个对话框的文案，个人觉得facebook的文案使得用户的操作更加明确，不知道大家是否有同样的感受呢。