设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 产品设计 > 清楚明了的对话框选项

清楚明了的对话框选项

fourdesire
2015-05-12
109698

清楚明了的对话框选项,互联网的一些事

  【导读】本文转载自 Desiring Clicks,文章讨论了把对话框做的清楚明了的重要性,我们当然可以细心的设计对话框中的文字,让用户清楚明了对话框的讯息,但是在大部分的情况下,我们几乎根本不会逐字去阅读讯息的内容。

  对话框(Dialog)是个好用又方便的工具,通常用来再三确认使用者的操作动作与决策,以避免一时的手误或误会操作动作的意思,常用于重要动作的确认,例如:「你确定要删除这个联络人吗?」,但若对话框搭配了不适当的响应选项文字,反而可能会造成使用者的困扰与误解,有时还可能做了错误的决定。

清楚明了的对话框选项,互联网的一些事

  对话框最常见的不当设计就是选项上的文字出现:「是(YES)与否(NO)」,回想在学生时期考试的时候,O 与 X 在是非题中是唯二的两个答案,而出题者会透过文字叙述上正反的误导,来测验学生是否真的清楚了解,先不论这样的测验方式到底对学习以及知识的建立到底有没有明显的帮助,使用者可不想在开心的使用你的程序或服务时,还要小心翼翼的了解你对话框的内容。

  我们当然可以细心的设计对话框中的文字,让用户清楚明了对话框的讯息,但是在大部分的情况下,我们几乎根本不会逐字去阅读讯息的内容。

  你必须要假设用户除了对话框上的按钮外,不会阅读任何其他讯息(对话框的标题或是讯息内容)。

  – John Gruber of Daring Fireball

清楚明了的对话框选项,互联网的一些事

  于是我们应该注意选项的文字表达,将是否的选项替换成直接明了的动作词汇,例如在 Mac OS 中注销的对话框,以「注销(Logout)」取代「是(Yes)」「取消(Cancel)」取代「否(No)」,这样简单的替换,即使不需要阅读对话框的内容,也可以清楚明了的知道我现在应该要注销还是取消我刚刚做的动作。

清楚明了的对话框选项,互联网的一些事

  Facebook 中删除留言的对话框也是将「是」直接替换成「删除(Delete)」的字眼,仔细想想,我们其实还真的没有去注意过这些对话框的内容到底写些什么,但是我们一直都可以轻松的做出正确的决定。

清楚明了的对话框选项,互联网的一些事

  换个情境,也许我们也可以将这样的概念应用在日常生活中,如快餐店的点餐响应,来减少店员因太习惯而误点的情况(笑):

  店员:「你是否要将中薯加大呢?」「你是否要搭配四块麦克鸡块呢?」

  我们则可以将「是、否、要、不要」的回答改成明确的动作如「加大、换成色拉、搭配」等字眼,那么我们在生活上也可以少了许多麻烦呢!

 


上一篇
年收入50万美元的软件工程师做的是什么类型的工作

Nairo   05/13

那些設計時容易忽略的細節

fourdesire   05/11

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com