用户在浏览网页时,由於网络原因可能需要花费一定时间才能加载完成,这个时候就要用到loading加载机制,告诉用户网页正在努力为您加载数据,请稍安勿躁。好的loading设计能减弱用户等待网站加载的焦虑,不合理的loading设计则会让用户产生厌恶感。下面,我们就以app为例,介绍怎样的loading设计更讨用户欢心。
数据加载的几种形式及对应的交互设计
1.标题loading
大多数通讯工具软件都是采用这种形式,由於聊天列表页的聊天记录是储存在手机本地的,所以页面内容一般都不为空。这个时候,app加载无需获取用户的视觉焦点,只要告知用户页面正在请求新数据即可。所以选择在标题栏展示app正在加载是个不错的选择,加载成功标题栏loading小时,如果因为网络错误未链接服务器,则在标题栏显示未连接状态。
2.白屏loading
当页面内容比较单一,加载时间较短的可使用白屏loading,而这多数会出现在H5页面中。然而现实中已经很少产品会采用这种loading设计,大多数产品采用无限循环的小菊花、单进度条或有趣的动画设计,这样更能减轻用户等待时的焦虑感。
3.优先加载
当页面同时具备文字和图片时,由於图片会比文字所需的加载时间要长,所以往往会先加载文字,图片在加载过程使用占位符,直到图片加载成功。另外,如果加载的页面内容有固定的框架时,可以先加载框架,再加载框架内的内容。通过先加载页面框架或设计占位符等形式可以减少用户的心理等待时长,提高产品体验。
4.Skeleton Screen
这种加载形式你可能没听过,但一定见过。它是一种将未加载出来的内容区域,用灰色色块填充的方式。所以会令整个页面在加载过程有一种连贯的感觉。这种形式一般用於内容框架固定的页面,如果页面出现空数据的情况下则不宜使用。
5.下拉刷新加载
Twitte当年提出下拉刷新,并被广泛使用,让用户能够手动对当前页面进行更新,加载的loading样式可以做进一步的设计,例如:将loading动画和下拉手势结合起来,增加趣味性;把loading做成笑脸,赋予产品人性化设计等等。
6.分段加载
当新页面的内容有很多的时候,如果一次性加载所有内容,就会有可能出现增加设备的负担,延长加载时间、app运算成本太高而崩溃等等影响用户体验的问题。所以,为了解决这一问题,可以采用分段加载形式,即先加载最新的几十条数据,当用户继续向上滑动想浏览更多内容时,再加载几十条。
7.智能加载
当网络状态不好时,可以考虑加载低质量的图片,当网络良好时,则加载高质量的图片;同理,当用户使用蜂窝数据时,显示占位符而不显示图片,当使用wifi时则直接加载图片。这些设计方案都是站在用户的角度去想,为用户带来价值,从而让用户真正喜欢上这个产品。
作为产品设计人员,不应该把视野局限在人与客户端之间的交互,而应该站在用户、客户端和服务器的角度去思考产品,只有这样,才能设计用户体验更好的数据加载方案,而不会有失偏颇。
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/40259.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除