当你将弹窗设计及使用得恰到好处时,它们就会是非常有效的用户界面元素。它们能帮助用户快速且便捷地达成目标。然而当错误使用时,弹窗却会困扰你的用户。

知晓如何设计弹窗,会帮助你在使用时避免那些可能对用户造成的困扰。

什么是弹窗?

弹窗是一个为激起用户的回应而被设计、需要用户去与之交互的浮层。它可以告知用户关键的信息,要求用户去做决定,抑或是涉及到多个操作。弹窗越来越广泛地被应用于软件、网页、以及移动设备中,它可以在不把用户从当前页面带走的情况下,指引用户去完成一个特定的操作。

(图1,会话过期弹窗)

现在让我们来看看有哪些优秀的弹窗设计和使用方法。

原则1:减少干扰

由于弹窗会中断操作,要尽可能地少使用弹窗。突然出现的弹窗会强迫用户去停止他们当下正在进行的任务,并转而专注于弹窗中的内容。在继续之前,用户必须要面对这个弹窗,否则将无法对弹窗之下的页面进行操作。当这个用户必须要确认一个关键的操作时,这就是好的,但是在大部分情况下弹窗是不太有必要的,甚至会引起用户反感。

需要确认

在你需要用户去互动才可继续时,或当犯一个错误的成本会很高时,使用弹窗是最合适且最合理的。

(图2,这里告知了用户一个情况,需要用户确认)

不要突然打开弹窗

在用户没有做任何操作时突然打开弹窗,是非常糟糕的设计。许多网站用订阅框来轰炸它们的用户,就如下面的例子:

(图3,诸如此类的弹窗给没有键盘的用户造成了数不清的麻烦)

弹窗的出现应该永远基于用户的某个操作。这个操作也许是点击了一个按钮,也许是进入了一个链接,也可能是选择了某个选项。

小结

  • 不是每个选择、设置、或细节都有必要中断用户当前的操作。
  • 弹窗的备选方案有菜单以及同框内的扩展,这两种控件都可以保持当前页面的延续。
  • 可不要突然跳出弹窗,应该让用户对弹窗的每次出现都有心理预期。

原则2:弹窗应与现实世界相关连

弹窗应该使用用户的语言(用户熟悉的文字,短语和概念),而不是一些系统特有的专有名词。

表述清晰的问题和选项

在弹窗的内容区域,应该使用一个表述清晰的问题或陈述,例如“清除您的存档?”或“删除您的账户?”总之,应该避免使用含有歉意的、模凌两可的、或者是反问式的语气,如“警告!”“你确定吗?”

(图4,左边的弹窗提出了一个很模凌两可的问题,并且这个操作可能影响的范围并不明确;右边的弹窗提出的问题相当明确,它解释了此次操作对用户的影响,并且提供了指向清晰的选项)

尽可能不要给用户提供可能产生混淆的选项,而应该使用那些文意清晰的选项。大部分情况下,用户应该能够只通过弹窗的标题和按钮,就了解他们有哪些选项。

反例:这个按钮的文字“不”的确回答了弹窗内的问题,但是并没有直接告诉用户点击后会发生什么。

c语言编写弹窗提示是否确认退出_弹窗设计的5条基本原则相关推荐

  1. c语言编写弹窗提示是否确认退出_世人觉得C语言和C++太难?没前途?过来人告诉你真相...

    因为有些伙伴对C++并不了解,所以这里就简要介绍一下. 很多人对C++语言都存在误解,以为C++就是C语言的扩展,包括我自己,最开始学习C++时也是这么认为的,一是因为名字太像了,然后C++面向过程部 ...

  2. html怎么写点击后弹出提示框 是否确认,基于JS+HTML实现弹窗提示是否确认提交功能...

    需求:当点击input按钮时候,弹出确认框,确认后提交到指定url,效果如下 分析:这里面要,引入三个库文件,如下是下载地址 代码:下载后放入响应的项目目录,最后代码如下 console.log(1) ...

  3. php提交成功js弹窗,基于JS+HTML实现弹窗提示是否确认提交功能

    需求:当点击input按钮时候,弹出确认框,确认后提交到指定url,效果如下 分析:这里面要,引入三个库文件,如下是下载地址 代码:下载后放入响应的项目目录,最后代码如下 console.log(1) ...

  4. confirm弹窗确定按钮换文字_弹窗设计的5条基本原则(转载)

    此文为转载,原译文出处[点融设计中心DDC]. 当你将弹窗设计及使用得恰到好处时,它们就会是非常有效的用户界面元素.它们能帮助用户快速且便捷地达成目标.然而当错误使用时,弹窗却会困扰你的用户.知晓如何 ...

  5. 用java语言编写的程序计算机能直接执行_计算机的编程语言(上)

    机器语言机器语言又称二进制代码语言,能够被计算机直接识别并执行.机器语言是由一串的0或1组成的,计算机在识别别的时候不需要任何翻译和处理理,因而执行速度很快. 但机器语言的缺点也十分明显:编编制程序非 ...

  6. 易语言编写的档案管理系统源码_校园固定资产管理系统方案

    随着校园信息化建设和应用的普及,信息化管理校园固定资产已成为影响校园教育教学的应用,乃至能否正常教学的重要物质基础.为了加强固定资产的管理,提高校园管理水平,把固定资产编码与流程统一,越来越多的学校决 ...

  7. 51单片机c语言编写计算器仿真,基于51单片机的计算器设计c程序代码加proteus仿真...

    可实现加减乘除各类运算,带有清零复位功能 仿真原理图如下(proteus仿真工程文件可到本帖附件中下载) 0.png (24.71 KB, 下载次数: 9) 2019-1-10 04:05 上传 程序 ...

  8. 用python语言实现游戏关卡之间的转化_用python tkinter 129条语句实现2048游戏

    2048游戏规则如下,游戏由16个正方体组成4行4列矩阵,每个正方体显示可以为空,也可以显示2.4.8.16.32-2048.4096任一数字.初始矩阵只有2个正方体有数字,其余全为空,这两个数字可为 ...

  9. electron 关闭窗口提示框 关闭确认 关闭弹窗 提示窗

    目的及效果: 点击窗口右上角的叉叉的时候,弹出下面这个,点击确认则程序结束,取消则提示框关闭,程序继续 , 环境:electron version: 11.0.4 main.js代码 var elec ...

最新文章

  1. SAP PM IW33里查看维护订单相关的维护计划
  2. 使用sumlime text有感
  3. 企业网络推广专员浅析如何通过企业网络推广的方式提升网站权重?
  4. ThinkPHP5显示数据库字段内容
  5. 成功更新至Win8.1 update
  6. Activity和Service通信 使用BroadcastReceiver
  7. 基于GPU的粒子系统
  8. 12 月 Web 服务器调查:“王者” nginx 增长最快!
  9. 在通往VR内容的道路上,音乐将成为一项重要助力
  10. 解决Android 应用运行报Unable to resolve superclass of L错误
  11. vue数据大屏使用数字字体
  12. Kconfig语法详解--结合示例
  13. 第一阶段✦第一章☞信息化知识
  14. Java版九宫格算法
  15. 光缆接续盒图标_光缆线路施工技术(超全)
  16. html画布创建黑白象棋棋盘,canvas应用——中国象棋棋盘
  17. CSMA/CD和CSMA/CA
  18. Deferred Shading介绍
  19. (中)苹果有开源,但又怎样呢?
  20. 浏览器播放rtsp视频,基于nodeJs

热门文章

  1. 机器学习和深度学习_算法测评 | 机器学习VS深度学习
  2. ef 执行mysql语句_在EF中执行SQL语句
  3. hdc mfc 画扇形图_canvas画扇形、饼图
  4. Java 算法 字符删除
  5. 喵喵的QQ小程序登录
  6. python使用sql读取数据表并返回dataframe
  7. MySQL数据库课程实验报告_创建数据库并插入数据
  8. 华为音量键只能调通话_华为新全面屏专利曝光,电源键、音量键都没有
  9. 织梦dede:channelartlist调用排除指定typeid栏目
  10. nexus、maven私服仓库(一)