页面中内容加载的Loading图标,放置在哪里合适

靠近点击区域:得到最直接的呈现,也最利于被注意到;位于内容刷新区域上层:当用户刷新页面内某块区域内内容时,其视觉焦点也将聚焦于此;固定区域

页面中内容加载的Loading图标,放置在哪里合适

可用性研究表明,当响应时间超过一秒钟时,用户便能够有所察觉。

虽然在反馈系统中,当用户需要等待时,更好的解决方案的是应该采用确定性的进度条。但对于一些耗时短,且用户的带宽为主要影响要素时,却使用Loading这种低成本实现的反馈。

Loading

那么在设计中,如何放置Loading确保用户可以注意到

1.靠近点击区域

靠近点击区域,能够让你的Loading反馈得到最直接的呈现,也最利于被注意到。如果能配合按钮的Enabled与Disabled状态的切换,这是很好的反馈。

2.位于内容刷新区域上层

当用户选择刷新页面内某块区域内内容时,其视觉焦点也将聚焦于此,如果此时让Loading反馈不适合放置在点击区域,那么将其放在内容刷新区域上层,也是一个很直观的反馈。如QQ邮箱广播的评论展开区域:

但是需要注意的是,勿将Loading反馈采用模态形式,模态形式将导致用户只能等待Loading完成而无法进行其他操作,而且还有可能给用户带来损失。

如上大脸

文章来源:优涩控 转载请注明出处链接。

本文来自投稿,不代表【】观点,发布者:【

本文地址: ,如若转载,请注明出处!

举报投诉邮箱:253000106@qq.com

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年5月3日 09:54:51
下一篇 2024年5月3日

相关推荐

  • excel选定图片对象,excel对象图标图片

    excel如何全选图片 1、全选图片打开EXCEL表格,在键盘上按下“ALT+A”,全选所有的图片。调大图片点击任意一个图片选择框上四个角落的小圆圈,往外拉动鼠标,所有的图片统一调大。 2、按住 Alt 键,再单击图片。也可以右击图片,然后在图片外空白区单击一下。在选中任一幅图片之后,按下组合键“Ctrl + A”,即可选中所有图片了。“Ctrl + A”,…

    2024年5月23日
    4600
  • linux的roofs,LiNuX家用合适吗

    为什么有些以f结尾的名词是直接加s的?比如roofs 这些不一定,有几个单词是特殊情况,看完以下这篇文章,想必你就会明白  以-f(e)结尾的名词,在中学课本里,出现了不少。其名词复数形式:有的直接在。 你问的是英语名词变复数的特殊情况,要追问原因不是一般人能回答的,因为这牵涉到语言历史的形成。以f及fe结尾的,绝大多数是改f 为v,再加es。少数直接加s的…

    2024年5月23日
    4400
  • excel2007副坐标轴,excel图标副坐标轴

    excel图表中怎么添加次要坐标轴? 在 Excel 中输入数据。如图,表中的数据有“数字”和“人员”两行,这两行数据将形成图表中的图形系列。在“插入”选项卡——“图表”组中,选择一种图表类型,这里选择“折线图”。 方法/步骤首先打开所要建立图表的excel工作表,数据与自己的表格数据对照设计。 先插入图表,选择数据区域–点击插入选项卡&#821…

    2024年5月23日
    5000
  • java实现热加载,java热重载

    用jetty做嵌入式开发,怎样才能让class热加载。 首先要解决文件被锁定的问题。文件被锁定是由于在使用windows系统时,jetty默认在内存中映射了这些文件,而windows会锁定内存映射的文件。 由于Jetty本身代码的原因,WebApplicationInitializer的实现必须直接实现接口,不能继承 AbstractContextLoade…

    2024年5月23日
    4100
  • linux的swpd,LiNuX家用合适吗

    linux查看磁盘io的几种方法 从CPU这行,可以发现CPU的io wait;这里是90%。越高就代表CPU用于io wait的资源越多。 除了fio测试工具和iostat,其他工具的测试结果基本上都是扯淡,跟直观感受距离太远,尤其是随机IO。而且测试结果都不能反映真实负载,如果依据这个结果去预估负载,更是差的远。 top命令的其他参数代表的含义详见top…

    2024年5月22日
    4300
  • linux加载光驱报错,linux如何加载光驱

    linux下挂载光驱问题 1、Linux中挂载光驱输入命令mount/mnt/cdrom显示没有那个目录,是设置错误造成的,解决方法如下:首先将系统镜像文件与光驱关联(实际环境是将安装盘放入光驱)。然后将光驱挂载到/mnt下mount/dev/cdrom /mnt。 2、找到光盘的完整路径名。在命令行输入:ls -l /dev | grep cdrom。可以…

    2024年5月22日
    4600
  • linux加载硬盘权限,linux 硬盘权限

    Linux系统如何加载U盘或移动硬盘 1、首先,将U盘插入电脑,进入Linux系统主界面,再使用Ctrl+Alt+T快捷键打开命令窗口,获取高级用户权限,在窗口中输入命令:sudo -i,按enter确认后输入密码,如下图所示,然后进入下一步。 2、操作步骤如下: 首先插入u盘到电脑主机u *** 接口处(建议插入到主机箱后置的u *** 接口),然后打开U…

    2024年5月22日
    4200
  • 网络安全小知识图标图解,网络安全知识的图片大全

    网络安全插画-安全手抄报的版面怎么做? 没有经过父母同意,不要把自己及父母家人的真实信息,如姓名、住址、学校、电话号码和相片等,在网上告诉其他人。如果看到不文明的信息或图片,应立即告知父母。 网络安全手抄报的步骤如下:首先在手抄报的中间画上一台电脑,在电脑上写上主题文字,并在电脑的前方画上键盘和鼠标,顺着手抄报的边缘画上花边,并在四个角落写上字母e,并给它画…

    2024年5月21日
    3400
  • 人工智能c语言,人工智能c语言合适吗

    人工智能常用的开发框架 1、Python人工智能框架有很多,比如说:Flask、Bottle、Cubes、Pulsar、Tornadoweb、Django、Web2py等。 2、(2)技术层。技术层由基础框架、算法模型以及通用技术组成。 3、MindSpore:华为近年来推出的开源AI框架,支持多种硬件平台,国内也享有较高声誉。NCNN:腾讯优图推出的轻量级…

    2024年5月21日
    4500
  • linux与json,LiNuX家用合适吗

    Linux支持哪些数据库 商业版的有Oracle、Informix、DBSybase。 首先确保linux下mysql安装好,服务启动完之后,就可以开始连接数据库了。 常用的:Oracle, DB2, MySQL, PostgreSQL等等。 AutotablaAutotabla是一个你的程序的SQL数据表的CGI管理界面。只需要提供你数据库架构的XML描述…

    2024年5月21日
    4500

发表回复

登录后才能评论



关注微信