交互体验优化:交互体验优化:4步让移动网站看起来像本地应用步让移动网站看起来像本地应用
该文章大约3000字。它覆盖了移动端网页交互体验优化的很多不同方面的实际解决方案,用来优化你的网页运行速
度。注意不是让你的站点运行的有多快,而是让你的用户感觉有多快。
当下在移动端构建一个优秀的网站逐渐变得越来越简单。无论是响应式设计还是自适应式,只要清楚你要做的样式,
精心制作一个好看的站点就不是什么问题。
也许你的用户和我们一样,想要一个像本地应用体验的网站,所以构建这样的体验将会带来很大的挑战。
大多数时候,当人们说一个应用就像一个原生程序或者像本地应用,他们并不是在讨论这个网站的外观。相反,他们
讨论的是当他们做出的一些操作之后的响应效果。
本地应用相对于Web应用要快得多,动画效果渲染也更加平滑;当点击按钮时,按钮自身会立即响应变化的样式,不
管操作是否加载成功,都不会报错。
使你的站点看起来想本地应用,意味着要尽一切可能的方法使你的站点快速的响应。
当今,性能优化是一个非常热门的话题。最近,网站开发已经越来越重量级,网页越重代表运行得越慢,所以有人声
称做一个高性能的网页应用程序几乎是不可能的。
这就是为什么Facebook不得不转向本地应用的原因。因为从目前所拥有的Web资源来看,并不能达到他们期望的运行
速度和交互体验。
尽管Facebook也这么认为,但是构建一个高性能的网站还是有可能的。虽然并不容易,但还是在我们可控制的范围
内。我们只是需要花更多的精力去将它实现而已。从技术上说,我们有能力使我们的网站运行地更快,看上去更现代
化,以及拥有更完美的交互体验。
体验性能 VS 实际性能
虽然提高实际性能很重要,但这并不意味着用户最终能够感觉到改善。
年初在西雅图的一次An Event Apart会议中,Luke Wroblewski 讲述了下关于他们的移动应用Polar。他阐述到他和他
的团队非常努力地优化每次加载新的选票所需时间。
于此同时,当发送加载选票的异步请求时,他们用了一个轻量的微调控件提示用户。但是用户反馈在加载新的选票时
显示微调控件让他们感觉比以前慢了好多,尽管实际上它比以前更快。Polar迅速发布了一个版本移除了这个微调控
件,然后用户马上就觉得页面加载快了好多。
这个例子能很好的说明用户对性能感知的重要性。你的网站是否真正运行非常快并不重要。就像这个微调控件的例
子,它只是吸引了用户的注意力,但事实上仍然让用户感觉在等待响应,而正确的做法是,我们应该去分散用户的注
意力。
作为设计师和开发者,我们的目标不仅仅是从学术理论上创造一个快速的站点,而更应该从体验上去创造一个最快的
站点。
用户是如何感知你的站点的运行速度才是最重要的,任何实际速度的提升不过是一个已经精心装饰好的蛋糕外帽。我
认为体验性能优化比实际性能优化更重要,但绝不代表不应该去做实际性能优化。
综上所述,你该做些什么来优化你站点的体验性能呢?
这里有四个技巧,你可以立即开始实施。