加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

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

发布时间:2017-12-20 04:27:03 所属栏目:建站 来源:人人都是产品经理
导读:副标题#e# 注:设计师和开发人员在构建网站时,需要考虑很多事情,从视觉外观到功能设计。为了简化这个过程,我们准备了这个指南。限于篇幅限制,将这一指南分为三部分,此为第三部分内容。 前两篇: 《网页设计综合指南》(一):网站地图优化篇 《网页设

五、测试

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/)有两个重要的步骤 :

设计原型和开发。

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

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

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读