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

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

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

顺畅载入

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




打造好浏览?

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




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

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




网络错误呢?

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




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

网站标题:网页设计如何克服界面上内容加载的等待感
本文地址:/news49/150799.html

成都网站建设公司_创新互联,为您提供网站导航App设计网站策划网站内链软件开发企业建站

广告

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

成都网页设计公司