响应的体验
4 条评论
2010年5月10日
响应速度是衡量网站用户体验的重要指标,一个响应及时，交互顺畅的网站更能让用户感到信任，愉悦。反之用户的心情会瞬间变得糟糕，甚至离去。
我们可以看一下大腕们的数据统计
•Amazon 慢 0.1 s -> 1% 用户放弃交易
•Google 慢 0.4s -> 0.6% 放弃搜索
•Yahoo! 慢 0.4s -> 减少 5%-9% 的流量
•Bing 慢 2s -> 收入下降 4.3 %
如何提高响应速度
用户发出请求到页面加载完毕， 需要经过慢慢长路，因而影响响应速度也显得较为复杂。除了用户的上网环境无法改变外，我们一般会从技术上优化我们输出的代码。雅虎的YSlow， 图片、HTML、CSS、JS等优化技巧已经被大家广为应用。但很少从产品开发过程的源头去照顾这个体验的指标。到测试阶段， 数据一跑出现问题时， 才会匆忙的去救火。
本人粗略从产品规划， 交互设计，视觉设计阶段想到的：
本人粗略从产品规划， 交互设计，视觉设计阶段想到的：
产品规划阶段：
国内的页面一般都是“粗又长”生怕用户不知道我们有这个功能，导致页面很臃肿，加载较慢。
如果在规划阶段理解用户的目标和期望后选择能够达成其目标的“最轻”的设计，会显得更好。而不是花费大量的精力去设计些看上去很好， 但用户实际上不接受或不是很需要的需求 。
另外在新产品上线以后的改进过程中，经常做的是加法，增加新的功能或改进现有的功能，而很少会做减法来瘦身，渐渐的有些就变成了鸡肋。
交互设计阶段：
到这个阶段产品的功能点已经基本确认，但如何更好的展示 而不是一味的释放出来，让用户做迷茫的选择。个人觉得首先重点考虑页面的核心要素，对于那些不是很重要，就做引导链接， 或者干脆不显示。
在交互模式的选择上，应该要考虑到技术的实现成本，不要一味的创新。还应当做好响应较糟糕时给用户的反馈提示，一方面告知用户的请求，程序已经接受，一方面也可以缓解等待时焦虑的心情。何时需要做反馈提示，可以查看Jakob Nielsen提出的3个交互响应参数。
视觉设计阶段：
这个阶段应该是为了更好的传达产品信息，所以设计时不应该产生附加的信息，力争做到页面简洁，传达顺畅。
以下是个人的意淫：
尽量优先考虑代码可以直接实现的样式，少使用图片，减少加载；
阴影使页面有立体的效果，但需要考虑前端的实现成本；
透明的表现形式确实很酷,如果整体实现代码已经较复杂的话，最好考虑其他形式；
图标也是种传达语言，但不要滥用，错用，受伤的是用户；
一致性是产品视觉设计要遵循的原则，设计时就应该模块化，代码的可重用性；
…
总之，设计时应该时刻心存用户，包括其下游—前端工程师。
其他途径：
页面延迟加载：
页面打开时只加载首屏的内容，而不是一次性加载完毕，减少加载时间。等用户拖动屏幕滚动条时再加载当前屏幕的内容。对于大流量，大信息量的页面可以考虑这项技术
示例：淘宝的首页
局部延迟加载：
优先加载重点内容，局部区域先用占位图片代替，比较典型的就是广告的加载处理。
示例：天涯
用户体验是贯穿整个产品的开发流程，不只是UED单个部门的责任。同样如果一开始就考虑响应的体验，做最轻，最合适用户的产品，用户也就不会老麻烦F5键了。
