这是Chagemakers团队就UI界面改版带来的令人吃惊的改善效果的一篇总结文章。有的时候,一个不起眼的改动会起到意想不到的作用,所以开发者应该记住:永远不要低估用户提出的改进需求。
这件事情的来龙去脉是这样的:我有一个好朋友,他一直和我们建议用Ajax来写我们的“名人名言”引用页面。由于这并不在我们的计划当中,我们认为这一改动的优先级应该是比较靠后的,因为我们认为,这只是一种审美上的改善,对于用户来说并没有增加什么实用性。
不过,这个朋友是一个不达目地誓不甘休的人,他不厌其烦给我们提意见,考虑到他在审美上的感觉不错,同时也为了让他不再烦我们,我们决定找个周末来改一下,搞完拉倒。
设计
Ajax的功能让我们在互动性和分页引用上引发了一场讨论,我们很快发现这一功能的巨大价值。要知道,设计策略的核心要素就是如何创造一种能够培养灵感的气氛,这需要一系列的化学反应。我们集思广益,最终敲定了结果。
(老的UI截屏)
我们需要做到这样的一种互动效果:不仅仅可以增加引用的美观性,更能够提升用户的使用体验。总而言之,我们考虑了用户的使用习惯,改变了我们的设计,包括两边的半透明箭头指示,用户也可以用左右键来进行切换,同时速度也有了明显的提升,让用户在浏览中感到兴奋和产生信任感。不怕告诉你,我们沉溺于这些细节改动中,差点就出不来了。
最终的结果如上图所示。
实现
乍一看,你会觉得这点小事只要一个人弄上一小时就可以搞定。一开始我们想,我们只要弄些jquery程序就好,但真正的编程大神知道的话一定会笑死了,哪有那么简单。
简单地讲,我们必须解决当前引用的名言与在页面底部的社交分享功能造成的冲突,同时保证加载的速度,重写URL以便用户可以复制特定引用名言的链接,修正了浏览器的导航(前进和后退按钮),批量加载引用数据,具体的脚本这里就不列出了,感兴趣的读者可以通过文章后的链接阅读全文。
令人惊奇的效果
我们只是因为不愿被朋友老是来烦我们才做了这样一个改动,起初我们认为,这可能会有一个不错的视觉效果,也可能会让一些用户更喜欢我们的产品。但最终的结果还是吓了我们一大跳:网站使用率猛增240%,现在,我们需要处理每日上百万的页面请求!
我们认为,这是一个不要低估了一个微小的改进有多么重要的例子。我们希望你也能够从我们做这件事的过程中得到启发。