网页设计如何克服界面上内容加载的等待感

2022-05-06    分类: 网站建设

介面内容的载入,一直都是令网页设计师头痛的议题,如何让载入更加愉悦更是努力的方向。然而在,网络上我一直没看到有人分享加载detail的文章,只有类似加载出现后如何降低用户情绪的主题。如果我们换个方式想呢?透用一些巧妙方式让载入画面减少出现,甚至不出现?这样用户的体验是不是会更好呢!否则往往设计得不错,但因为细节上配合得不够好,导致体验不如预期。
在此跟各位分享之前在应用列表载入方面的设计方式,各位在搜索结果列表应该常遇到往下滑就要等待内容载入,因此我就一直在想怎么才能达到顺畅滑动,没有加载等待的体验设计,现在就来跟大家分享基础篇,之后有空在跟大家说说进阶篇。
不顺畅加载
列表的载入机制是开发团队很容易忽略的地方,若这个地方没有规划,团队就会很自然的用简单方式来解决,这样当然很容易造成停顿,等待加载动作。

顺畅载入

我们可以透过网页设计让载入更顺畅,让用户宛如在本地上浏览一般,无需等待。这样的做法不仅提升用户体验,也提升了用户的使用效率。但我们要如何降低载入画面,甚至到不显示载入的画面?可能的解法是,先进行预载。但问题又来了,该何时预载才能不浪费资源又能达到效果,总不能因为体验而牺牲程序效率吧。




打造好浏览?

我们都知道列表都是采取分页的方式,举例来说如果每次载入30笔,通常我会在列表滑动到第20笔的时候进行预载动作。但为什么这样做呢?因为当用户滑到2/3时,应该可以判断为用户有想要继续看下去的可能,所以在这时候进行预载。另外,我们还需评估给予载入的处理时间,例如以iPhone 7 plus的画面一次可以看到5笔资讯来说,滑动10笔的时间,正常使用约需1.5秒,而这正是多给加载的处理时间,只要在这时间内处理完,就能达到好浏览。




处理预载的时机点与载入的处理时间,这两者达到一个平衡,就是好。
预载时间不够,怎么办?

即使我们已经增加了载入的处理时间,但有时网络就是会比较慢,伺服器就是比较慢才回应,这时只能呈现载入的画面,让用户清楚状态。但这时载入的等待也会比较短,因为如上述,我们多给了1.5秒的载入处理时间嘛,用户等待的时间相对也会比较少,不耐烦的感觉也会比较小。




网络错误呢?

网络发生问题的处置也是不能忽视的,虽然发生机会并不高,不过一但发生,也必须让用户知道,让用户掌握状况并且排除。但与其只显示错误,然后重试,还不如用轻松的文字显示并邀请用户一起解决问题方式。这样不仅增加用户的参与度,也能增加产品的温度与个性表现。




预载的目的
预载的目的就是要“偷时间”与“偷感觉”,偷时间是为了来增加载入处理的时间,偷感觉是为了减少用户等待的感觉,让一切都是这么自然及顺畅,这些努力都是为了让用户感受到更佳愉悦的体验。

当前文章:网页设计如何克服界面上内容加载的等待感
网页链接:https://www.cdcxhl.com/news/150799.html

成都网站建设公司_创新互联,为您提供品牌网站制作虚拟主机网站制作企业建站外贸网站建设动态网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设