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

资料来源：网络整理时间：2023/3/21 5:59:44 共计：3566 浏览

　　介面内容的载入，一直都是令网页设计师头痛的议题，如何让载入更加愉悦更是努力的方向。然而在，网络上我一直没看到有人分享加载detail的文章，只有类似加载出现后如何降低用户情绪的主题。如果我们换个方式想呢？透用一些巧妙方式让载入画面减少出现，甚至不出现？这样用户的体验是不是会更好呢！否则往往设计得不错，但因为细节上配合得不够好，导致体验不如预期。

　　在此跟各位分享之前在应用列表载入方面的设计方式，各位在搜索结果列表应该常遇到往下滑就要等待内容载入，因此我就一直在想怎么才能达到顺畅滑动，没有加载等待的体验设计，现在就来跟大家分享基础篇，之后有空在跟大家说说进阶篇。

　　不顺畅加载

　　列表的载入机制是开发团队很容易忽略的地方，若这个地方没有规划，团队就会很自然的用简单方式来解决，这样当然很容易造成停顿，等待加载动作。

　　顺畅载入

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

　　打造完美浏览？

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

　　处理预载的时机点与载入的处理时间，这两者达到一个平衡，就是完美。

　　预载时间不够，怎么办？

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

　　网络错误呢？

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

　　预载的目的

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

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：专业网站建设必须遵循的十条铁律 | ·下一条：学校网站优化都有哪些方案？