《网页设计综合指南》（三）：移动适配、无障碍设计等(5)

五、测试

5.1 持续测试

测试是用户体验设计过程的重要组成部分。和设计周期的其他部分一样，这是一个持续的过程。在早期收集信息开始，到整个过程都需要进行测试。

（Image credit: Extreme Uncertainty）

5.2 页面加载测试

用户讨厌加载慢的网站。这就是为什么响应时间是网站的重要因素。根据Nielsen Norman Group，有三个响应时间限制：

• 0. 1 秒对用户来说是即时的。

• 1 秒能保存用户的思想流畅，但是会感觉到轻微的延迟。

• 10 秒是用户保持注意力集中在操作上的极限。 10 秒的延迟通常会让用户立即离开网站。

显然，我们不应该让用户在网站上等待 10 秒钟。但是经常发生几秒钟的延迟，也会让人感觉不愉快。用户将不得不等待操作完成。

通常是什么导致加载缓慢？

• 体量大的内容（如嵌入的视频和幻灯片小部件），

• 后端代码未进行优化

• 硬件问题（基础设施性能有限）。

像[PageSpeed Insights]（https://developers.google.com/speed/pagespeed/insights/）这样的工具可以帮助您找出加载缓慢的原因。

5.3 A/B测试

当您在两个版本（如现有版本和重新设计版本的页面）之间进行选择时，A/B测试是理想的选择。这种测试方法包括将两个版本中的一个随机显示给相同数量的用户，然后分析哪个版本下用户更有效地完成了目标。

（Image credit: VWO）

六、 开发交接

[UX设计流程]（https://blogs.adobe.com/creativecloud/ux-process-what-it-is-what-it-looks-like-and-why-its-important/）有两个重要的步骤 ：

设计原型和开发。

设计完成并准备好进入开发阶段后，设计人员需要制定一份规范，该规范是描述设计应如何实现的文档。规范确保开发不会偏离初衷。

规范中的精确性是至关重要的，因为在规范不准确的情况下，开发人员在开发时不得不依赖猜测，或者让设计人员解答他们的问题。但是人工编写规范是一个头痛的问题，通常需要很长的时间。

借助Adobe XD的设计规范功能（测试版），设计人员可以为开发人员发布一个公开的链接。通过链接，开发人员可以检查，测量和复制样式。设计师不再需要花时间编写规范来向开发者阐述位置，文本样式或字体。

Adobe XD的设计规范功能（测试版）

七、结论

这里分享的技巧只是一个开始。将这些想法与您自己的想法融合，才能达到最佳效果。将您的网站视为一个不断发展的项目，并分析用户反馈来不断改进体验。请记住，设计不只是为了设计师 – 而是为了用户。

（编辑：ASP站长网）