浅谈对话框设计

鱼精
0 评论 17915 浏览 7 收藏 5 分钟
告别碎片化学习!通过“体系化知识输入+真实项目输出”的模式,帮你打下坚实的产品基本功,全方位提升你的核心竞争力,实现职业能力的跃迁。

对话框就像是汽车的“紧急煞车”,对话框的显示会立刻的中断使用者当前的任务,设计介面时,请务必注意这类型的操作,因为这很可能会让使用者感到厌烦,让我们看看对话框的使用实机

使用对话框的时机

      1. 应用不能进行。当某些严重错误发生或某些无法让应用继续运行的条件发生时,就应弹出警告框。
      2. 能帮点小忙吗?如果应用无法完成请求任务,那么警告框可以就此现身来寻求用使用者帮助。
      3. 授权。某些事情应用程式无法擅自做决定,在发生这些事之前使用警告框让使用者确认授权。
      4. 警告的内容要值得打断工作,才能弹出

比对话框更好的作法“让操作可以复原”

不要不断的打扰使用者,如果某件事会造成使用者的损失,那么请提供一个反悔的机会,先让操作完成。使用者不是笨蛋,他知道这件事的严重性,别频繁的中断。如果使用者的操作是因为失误所造成,在使用对话框前,先检查这个操作是否太容易误触了!

对话框的内容要简明扼要

对话框已经打扰使用者了,请别再要求使用者看一大堆的文字,这时候请用最简单最少的文字告诉使用者发生什么事情,以及有哪些任务要操作

不要把操作按钮取名为确定

使用者不一定会逐一的把说明文字看完,也别期望他们真的会,最后使用者只会看到一个“确定”按钮,这个“确定”到底是什么?确定什么?请把使用者将要操作的动作直接写在上面,例如“开启WIFI”、“删除”。

高亮期望的操作

如果对话框提供超过一个以上的选项需要使用者决定,多数情况下我们可以把90%以上的操作行为选则的选项高亮展示,使用特别突出的颜色、外观。

(最近在使用一些国外的App时,遇到一个十分怪异的现象,点击删除按钮时,高亮展现的预设按钮的居然是取消,点击后以为删除了,却不然…然后我连续做了这件事情3次后才发现它是相反的…)

下方是一些不错的对话框设计

 

来源:ui中国

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
12618人已学习19篇文章
机器人行业是一个新兴的行业,国内做的公司不多。本专题的文章对整个机器人赛道进行完整的梳理,在输入输出的同时,体验时代带给我们的冲击感。
专题
15724人已学习16篇文章
UML(统一建模语言)是由一系列标准化图形符号组成的建模语言,用于描述软件系统分析、设计和实施中的各种模型。本专题的文章分享了各类UML图的相关语法和整体解读。
专题
125939人已学习18篇文章
你说你会竞品分析,我信!但是肯定写的不好,不服看看别人的。
专题
97706人已学习11篇文章
不管你是产品、运营、设计、还是技术,流程图都是基础技能。