2007年02月26日

在无论是做软件还是做网站的从业人员,在设计的时候都会经常的提起“用户体验”、“可用性”等等的概念,而且在设计的时候也越来越重视其产品的可用性。

  UI,UE,UX,Usability,Accessability,交互设计,视觉设计,用户研究…等等一些概念已经越来越多的出现在一些网站和书籍中,不过这些概念大多是从国外引进的。而国内中小企业的设计师,不仅仅满足于只停留在“玩概念”、“搞理论”的层面上,而是要在实际的工作中,应用一些有效的方法来让自己的设计具有良好的用户体验。

  那么,如何让你的设计具有可用性?如何让你的设计有更好的用户体验呢?下面谈谈我们的一些经验:

1.不择手段

  你正在设计一个网站,而面临的最大问题就是不知道该如何去做,这个时候,你该怎么办?

  你可能会找一个类似的并且是成功的网站,然后“抄”过来。是的,这个办法也许就是一个最管用的方法。因为面对同样的用户,人家走在你的前面,而且也是成功的,那么“抄”过来如果不成功,起码也不会出现大的失误。这里说的“抄”不等同于“照搬”、“抄袭”,我们“抄”的是它先进的经验、先进的设计和方法,然后快速的转变成自己的东西,缩短自己的学习、研究成本,这对于一些中小企业要求快速占领市场的策略是相辅相成的。其实就是“学习”他人已有的经验,让自己站到巨人的肩上。要注意的是“抄/学习”都是要以自己的用户为基础,清楚用户的情况,了解自己的发展阶段,不要盲从。

  如果你做的设计是别人没有涉及过的领域,而你也非常的迷茫,那么在你的设计中可能就会经常出现一个人或几个人“拍脑袋”的情况。有些成功的设计,就是一个人拍着脑袋做出来的。很多情况下,我们是设计师,同时也是用户。靠自己长期积累的经验去摸索,在经历了失败或是成功之后,对什么样的设计符合你的用户会有更好的把握能力。

  在资源不足的情况下,对网站这样可以快速得到反馈的产品,可以尝试“边做边改”的方法。当然也并不是说可以随意做一个产品就发布上线,“救火”和“改进”是不同的。这种做法同样要以自已的用户为基础。只有充分了解用户、了解用户的需求,才可能保证自己的行动是有目的性和一定的可靠性,而不至于把自己的产品当成测试品。

  这里的“不择手段”是相对于西方的理性方法(比如大量的调研、可用性测试等)来说的。理性的方法也非常好,我们一定要学习。同时对于中国大多数处于起步阶段的公司来说,这样的方法成本很高,所以经常会采用上面说的这些“感性”方法。我们觉得这些“感性”的方法并不是完全不可取的,只要注意:无论怎么“不择手段”地去设计你的产品,一切都要以用户的需求和习惯为基础,同时在操作时兼顾商业需求和技术约束。这样你的设计才会得到用户的赞同和市场的承认。

2.不要放弃好看

  目前业内非常流行“可用性”、“用户体验”、“标准”等等“新”概念,这是非常好的一个趋势,至少它让我们认识到还有这么大的一处领域我们未去开垦。但是同时我们也想提醒大家,在关注“好用”的同时,也不要放弃我们之前一直关注的“好看”。

  小公司在发展的初期,由于老板、高层常常会直接参与到设计过程中,而他们又不是这方面的专家,只能对“好看”来发表自己的看法。对这样的情况设计师们大可不必反感,老板关心是件好事,如何帮助老板实现他的想法也是设计中非常重要的内容。随着公司和环境的发展, “好用”一定会被放上桌面,这时设计师也不要因此忽略了“好看”。
  现在大家对“UE,UX,Usability,Accessability”这些概念感到很“深奥”。其实,它们说的是同一件事:就是“以用户为中心的设计”。所以,大家不要被这些概念所迷惑,我们现在做的事情无非就是这样:让用户觉得好看,让用户觉得好用。

  设计一定要考虑三方面的内容:商业需求、技术约束、设计约束。如何在这三方面之间取得平衡是设计师的重要能力。在不同的行业环境下、不同的公司类型、不同的用户群,会造成我们被驱向这一方面或那一方面。设计师要清醒地了解自己要做的是“平衡”这些方面,而不是简单地支持某一方。

3.采用合适的方法

  前面已经提到一些设计的方法,可能大家觉得没有什么技术含量,并不实用。甚至很可能大家也正是这样做的。那么,如何了解更多的方法?了解过后,如何应用在你的设计当中呢?

  首先,我们要做的是了解这些工具。“可用性测试、AB Test、问卷调查、座谈、小组讨论”等等都是很好的工具(包括我们上面说的“拍脑袋”这样的工具)。然而,针对不同的项目、产品,我们可能会应用不同的方法。这就需要你充分的了解这些工具,了解它们能做什么,不能做什么,适合什么情况,不适合什么情况。

  其次,了解了这些工具以后,就需要我们合理的使用了。不同的项目、不同的用户需求、不同的资源……每一次新的设计都需要你来选择不同的方法来达到最终的目标。有的时候,为达到某个设计目的,我们也许会自己创造一种方法、工具。虽然可能是很“土”的方法,只要实用就好。现在很多从业人员,一味的想得到一些大公司的研究方法、设计流程,并且将这些方法强加于自己的设计当中。这是一种本末倒置的做法,也许这些方法根本就不适合你公司来使用。

  其实应用什么方法并不是最重要的,而重要的是你在设计中是否始终以用户为中心。只要围绕用户来设计产品,那么你就会“不择手段”的应用不同的方法来达到目的,这一点对于一个设计师来说是最重要的。
  

  最后再强调一次,如果你做的是“商业设计(非艺术)”。那么一定要“以用户为基础”,平衡好“商业需求、技术约束和设计约束”。只有这样,才能设计出用户满意,市场叫好的产品

2007年01月24日

页面长度与用户行为的一些数据

ClickTale Logo

以色列公司 ClickTale 在 06 年底的时候发布了他们针对 120,000 次页面浏览(06 年 11 月至 12 月)数据统计分析的报告,主要分析了页面长度和用户拖动滚动条之间的关系(不包括横向滚动条,以下提到的滚动条都是指纵向滚动条)。下面是部分内容摘要:

总体数据

  • 91% 的页面浏览都是有滚动条的;
  • 在这 91% 中,有 76% 的页面浏览,是用户滚动页面至一定程度(但不到底);
  • 在这 91% 中,有 22% 的页面浏览,是用户从页面顶部拖动到底部。

虽然 22% 看起来不是很高,但其实因为统计的数据中大部分页面浏览是重复的(不同人,相同页面),并且在绝大多数情况下用户可以从页面顶部找到想要的信息,回头客也会根据自己需要访问固定的部分,所以 22% 这个比例是相当高的。

众所周知,新浪的页面很长,但是他巧妙的在新闻频道首页的最底部放置了“社会新闻”,其中内容主要是“男子强奸女工不成将其捅死”“男子多次在女厕外偷窥被抓”之类的新闻。如果统计的是新浪新闻频道的数据…肯定不准。

下面这个表格显示在这 120,000 次页面浏览数据中,用户往下滚动高度(ScrollReach, px)的比例:

ScrollReach Abs

看上去大部分人只浏览页面的 500px – 900px(一至两屏)的高度,不拖动到页面底部。但是这个结论是错误的。因为用户拖动的高度受到页面高度的限制,见下图:

PageHeight

页面的高度集中在 600px – 1500px,为了排除这个因素的影响,把上面两张图的数据加一下权看一下分布情况。如下图:

ScrollReach Rel

看到最后的那个 100%(从头拖到尾)的比例,是否有些惊讶?这就是前文中 22% 的由来。还不相信,可能你觉得这个比例仅在页面高度不高的情况下才成立。没关系,再看一张图:

ScrollReach 4000-4100

上图显示的是,在页面高度为 4000px – 4100px 的情况下,用户拖动高度的比例分布。当然,不是说用户阅读完了整个页面,而是说他们扫视完了整个页面,在上图中是 23%。

是不是页面长就不好?

通过上面的数据可以看出,相当一部分用户会拖动到页面底部。那么,是不是页面越长,用户越是不愿意往下拖了(或者说有那么点小小的趋势)?不是的,我们看图说话:

Scrolled to Bottom

上图的分布还是相当平均的。不管页面多长,并不会影响用户扫视完整个页面。

Scrolled to 90%+

大部分用户会扫视 90% 以上的内容(页面高度)。

Above the Fold

“Above the Fold”这个词最初用在报纸上面,可以理解为重要内容。因为报纸会被折叠成一定的大小送到用户手里。那么重要的内容不允许被折叠起来,比如头版的内容。对于网页来说,存不存在重要内容分隔点呢?没有准确的值,因为这取决于用户屏幕分辨率、浏览器窗口、安装浏览器插件和 Toolbar 的情况。下图是从数据中统计出来的分布情况(我不大清楚下图数据如何得来的,有什么方法?):

Fold Location

从上图中可以看出来,集中在三个地方,430px、600px 和 860px。这是当今最流行的三种分辨率下的重要内容分隔点(Fold Location):800×600,、1024×768 和 1280×1024。基本上是把分辨率的高度减去 170px(浏览器的非内容区域)。而围绕着这三个点的还有很多其他数据,是因为用户浏览器窗口、插件等因素的影响。

注意图中最高的 600px 那个点(1024*768 的分辨率是主流),仍然不足 10%。所以我们基本上可以这么认为,网页上没有所谓的重要内容分隔点,这和报纸不一样。

总结

  • 设计师可以拿着这些统计数据,告诉你的老板,不要把文字缩在一起,为了减少用户的负担,可以适当增加高度,增加文字大小或者行距,使阅读起来更舒适;
  • 也不要太在意把什么内容都往第一屏上堆,注意平衡;
  • 数据显示大部分用户会一直拖动到底,但是为了让用户不要那么辛苦,还是控制一下页面的高度;
  • 精简文字内容,适当增加图片,用户是在“扫”网页,而不是“阅读”。这和 Jakob Nielsen 的十大网站设计错误里面的第四条一致;
  • 使用一种 cut-off 式的设计,让用户主动往下拖动滚动条。

ClickTale 提供视频回放式的用户行为数据统计服务,他们的口号是 Because Every User Has A Story。目前处在 closed beta 测试阶段(我去年 8 月份的时候就提交了注册,到现在还不让我测试),近期应该会有公开测试,继续留意。