在进行互联网用户浏览行为的定量研究中，阿里巴巴中国站用户研究小组开发了一个基于服务器日志的可视化分析工具。（视频）

这个分析工具可以通过用户产生的服务器日志数据自动还原出网站结构，并按照页面流量阈值绘制站点地图，并将关键的页面流量数据及其他商业指标进行可视化处理，标注在这张特殊的网站地图上。

用户研究员可以快速获得网站重要页面及产品的直观图像甚至健康状态。

这个工具也被加入了丰富的交互功能，允许用户分析员选中或者搜索某个页面(节点)，查看当前页面的主要用户来源和流向，并打印出URL列表。

同时它也支持按照session或者cookie对用户的群体行为进行多步回溯，从中发现用户浏览网站或者产品使用上的群体行为。

现在这个工具可以在普通笔记本上在10分钟内处理1000万PV的日志样本。假设再加上实时的log数据，或许这个工具也将改变网站产品设计和内容运营的方式，成为一个”Real Time Game”

以下是详细介绍：
随着网站用户的增加，越来越多的网站希望能够了解用户的访问行为。面对纷繁复杂的数据，很多研究者致力于研发直观明了操作便利的可视化软件。本文将介绍我们小组研发的网站用户行为可视化软件G2G (the Guide to Galaxy or loG).

一．实现原理：
1.前提：
用户在访问网站过程中，网站数据仓库记录了用户的IP地址，访问时间，访问的URL，来源Refer（注1）, CookiID等相关信息，这些信息被称为日志。G2G根据日志分析页面的转换率（注2）， 主要来源和去向，群体用户的访问步骤等。

2.结构：
G2G分为两个页面，左页面是时间步数序列图，右页面是页面分布图。
左页面纵坐标为时间：0-24小时，横坐标为用户访问步长：1-800步。每个像素代表用户在一分钟内是否访问过，颜色越红，访问用户越多。例如，当某个用户的访问步长是100步时，则在横坐标为100处，纵坐标为用户访问时间处标注颜色。如果用户在接连不断的访问网站，则在相应位置会出现一条纵线。

右页面的每个圆圈代表网站的一个URL，圆圈大小代表访问量，越大代表访问量越高。颜色代表转换率，越蓝代表转换率越高。基本上，蓝点可以看做是起点，橘黄色的点可看做是终点。
URL的排列采取目录结构方式，内圈代表最简单的目录，越往外圈，目录越深。例如，某个url名称为a/b/c.html，则a作为一个url在最内圈，a/b在次外圈，a/b/c.html在第三圈。在很多情况中，a和a/b只是纯目录结构，并非实际页面，因此并没有用户会访问到它们。此时会以正方形表示，以此为圆心的空心圆圈大小代表其子节点的访问量，在此例中，a的空心圆圈的大小就是a/b，a/b/c.html，a/d，a/d.html等等a/*的页面的访问量之和。

二．功能
G2G除了可以显示上述信息之外，还有以下几种功能可以帮助研究者从不同角度查找信息。
1.可以搜索或者选中一个节点，即URL，查看其主要来源和去向，也可以查看按照时间序列的多步路径。
2.可以从左页面中选中某个区域，点击搜索，在右页面中将会显示选中区域时间段内的页面访问量，转化率等信息。

三．应用点举例
有些信息很明显，例如从左页面上，我们很容易看出一天24时内，何时是访问高峰期或低谷期，因此准确选择合适的时间做一些更换服务器等维护工作。
我们也可以直观分析外站的搜索引擎引入的流量，从而判断哪种搜索引擎更有效，以及这些用户在网站中的访问模式。
另外，我们在研究中发现一个有趣的插曲，在阿里巴巴十周年时，从淘宝首页访问到阿里巴巴的用户中，大部分被引导到阿里巴巴十周年专题。
研究者如果对数据比较敏感，或者能够从多种角度查找信息，则会发现更多有趣的现象。

四：总结
网站用户的行为轨迹对网站来说是一笔很巨大的财富，如果能够充分利用这些信息，将对网站的发展意义重大，我们期待更多研究者参与网站用户行为的可视化研究领域。

注1：用户访问当前页面的前一个来源页面，例：用户从A页面的某个连接进入B页面，则B页面的Refer是A页面。
注2：转换率是指从当前页面跳转到其他页面的比例。

User Experience Design Team with 40’s staff go in for excellent experience in e-Commerce.  User Researcher is the priority position in the whole process. We located Hangzhou China, a beautiful city.

We need a person who is :
Passionate about understanding users;
Passionate about envisioning great user experiences;
Energized at identifying and solving user experience problems.

Job responsibilities:
Lead usability planning and execution efforts for the global trading platform. You will be expected to evaluate each new project results with user data.
Research international buyer, and they purchase target and behavior, build a framework to enrich users’ details such as Persona with motion.

Very desirable skills:
Creative method in remote user research with Internet.
Experience in import-export area, or in e-commerce area.
Good communication in Mandarin

Basic Qualifications:
Advanced degrees in Psychology, Human Factors, Industrial Engineering, or Computer Science.

Candidates should have a thorough knowledge of methods for gathering usability data. The candidate must be self-sufficient and capable of leading the usability effort for a product with a technical user base. Also, the candidate must have excellent oral communication skills.
Candidates should be experienced in setting measurable usability goals and using those to drive data gathering and design.

]]> http://www.aliued.com/2009/07/26/257/feed/ 4 http://www.aliued.com/2009/07/01/199/ http://www.aliued.com/2009/07/01/199/#comments Wed, 01 Jul 2009 14:49:55 +0000 admin http://www.aliued.com/?p=199 继续贴，并预告我们还有续集，也许会写中文版，哈哈

This post continues to showcase how faceted search is deployed with a view of improving user experience. The last post presents a set of websites using left column to narrow down search results. TG would like to show some exemplary sites which take a different approach - faceted search at the top.

First and foremost, TG is particularly thankful to Hbeidi Xie, who contributed and shared her experiences in coming up with a faceted search design solution. Heidi noted that the design should be based on use case; a comprehensive users’ task analysis and user behavior pattern are crucial to the success of creating an effective search tool.

Oftentimes, website functions and features are launched without conducting a prior research. Many would argue that there’s a strong need of time-to-market, hence everything has to be done fast. Right!! only if the product is what users want and how they want it to be.  TG agreed with Heidi that there’s no perfect solution as it may become obsoleted as time passes by. A workable design solution to a particular product is what we care.

Should the faceted search be positioned at the top or on the left?  TG think it does not matter. So long as the tool is simple enough to help users perform their tasks and get what they are looking for, we shall accomplish our jobs.

Wikio.com :

An information portal with a news search engine that searches press sites and blogs. TG is fond of vertical display of faceted search in particular as it does not require any scrolling, all attributes are condensed at the top and accessible in many occasions.

like.com :

We have briefly discussed the barriers of designing faceted search and we need some inspirations from current design by other site operators. Actually we are not alone, there are many of them working on different types of solutions in an attempt to offer a painless Faceted Search user experience. This post showcases some of the exemplary websites in shopping category mostly. The first set has its faceted search built on the left.

Yoox.com :

A global internet retailing partner for the leading fashion & design brands. It has a very simple faceted search to begin with – top designers and top categories.

Buzzillions.com :

A product review site. TG found the site is exceptionally clean, stylised wth minimalism design. Its faceted search tells users how many products are found upfront, what filter(s) has been applied during the process of searching

Yahoo Shopping :

Part of Yahoo! family of site, the site has a clear indication of what the users are looking for _ Women’s Sunglass by using a bold header and small tagline. Tabs on the left hide and show a number of facets on each attributes.

Target.com :

An online retail store in United States. The C2C shopping site has a nice play of red and white colors, key items jumps out from the white background.  Site designer tries to control the number of attributes to be displayed above the first fold in the first place, which reduces the painful experiences of scrolling up and down

PriceGrabber. com :

A site that can allow users to compare the prices on all the most popular products. The strength of the sites’s faceted search is to allow multiple selection of filters and do it in one-go. Yet, the knife is not double edges, user may find it annoying to scroll down and click on the Update Results button

Faceted Search- a guided navigation tool with growing popularity in web 2.0 age. There are many ways to call it before: refined search, filtered search, narrow-down search or even vertical search. The naming convention has become a de facto standard for e-Commerce, product-related shopping websites and most often in travel industry.

Being lost in a search maze is a big disaster to many users, site operators have suffered most eventually. With faceted search, it is destined to help increase findability and speed up search for a desirable item.

In designing a usable faceted search, TG found the major hurdles coming from:

• Too many facets, values and attributes that stakeholders want to display online. They thought the more options provided to users, the more useful and usable they are. Jakob Nielsen in his latest email - “Guesses vs Data as basis for design recommendations” mentioned that excess features can hurt review and users are not quick learner, they tend not to learn

We see how little users care about learning fancy Web techniques. People just want to get in, get their stuff done, and get out. They don’t want to learn.

• Lack of complete understanding of use cases as a result of not having a full analysis of user’s search patterns and behavior, making it difficult to display facets in different scenarios with levels of importance
• Attributes are not mutually exclusive as taxonomy is not well-designed. Users will find facets missing while making their choices
• How to create an effective layout to interact with users? Should it be on the left or at the top? How to capture users’ attention without distracting them from product display? How to create an initutive user experiences in using the facets? How to reasonably group the facets and values according to users’ expectation? How to indicate the facets are selected and unselected. There are many questions to ask in the interactive design level

Authored by Stephanie Lemieux, “Designing for faceted search” gave us a shortlist of Dos and Don’t in using the search tool.  While working on a project to improve faceted search, TG found it a big help in referring to the guidelines.

Another good article is from Jep Castelein, who has done studies in “10 Rules for Faceted Search on Travel Sites”

临近公司的年度项目上线，琐碎的事情也越来越多。简单的Todolist+Calendar总觉得有点不得力。事情虽然是记下了，但处理和归档起来总是比较麻烦。年后回来试用了37signals家的backpackit两个月，感觉不是太好，而且网速实在是太慢。

在以前，工作中主要用到两个：

1. Todoist，当时为了找一款适用的Todolist，把Delicious翻了个遍。最后找到这个Todoist。虽然比较低调，但是东西超级好用，建议大家试用一下。
2. Google Calendar

通过Firefox插件，管理每日需要做的事情。早上打印一份Todoist，对照完成每天必须的工作。Google Calendar管理每天需要参加的会议。下班前针对打印纸上的完成程度，在Todoist中做标示，调整时间。

通过一段时间的使用，一个新的问题出来了。一个月下来累积这么多的打印纸，整理到麻烦了。经常会发现打扫卫生的阿姨将某天的纸当垃圾扔了。当初看到XiaoXiao的《加速你的工作-介绍GTD》还想去买一本文中提到的是日笔记本（见下图）。

如果使用是日笔记本，貌似和日常的流程连不起来，维护起来太麻烦。仔细想想，相比是日笔记本，我需要的功能只是一个方便整理的方式。于是上淘宝翻了一下，果然有不少的打孔机卖。搞一个回来将每天的打印纸装订一下就OK了。

So，我现在的方式就成为了如下的方式，每天循环。

1. 管理好我的Todoist
2. 每天早上打印当天的工作内容
3. 下班前整理归档到Todoist

通过一段时间的试用，发现这个方式还蛮好的。其实他还是基于强大的Todoist。每月付费2美元，还可以获得Twitter的及时提醒功能。下个月我准备尝试一下。不知道大家的方式是如何呢？欢迎拍砖~

既然答应写读后感，就从我的视角来说一点与注册有关的东西，先把整篇资料的骨架分解一下，然后再结合其中观点谈目前的感受。

注册其实是个有点枯燥的任务，《Patterns for Sign Up &Ramp Up》里提到的观点是：

Give the user good reasons to join——乍看起来有点营销的味道，事物的本质不变，但人的情绪是可以扭转的——让用户有充分的理由来注册；

Make the sign-up process feel effortless——改变枯燥令人生厌的感觉，就是我们需要做的努力：让表单或整个注册过程变得轻松省力；

Don’t leave new users hanging——这个观点在整篇资料里的意义侧重于提升活跃度的办法——用户不是完成了注册就完成了使命，了解社区的新事物才是刚刚开始；

Accelerate initial connection-making——如果说活跃度从上一个观点拉开序幕，那么这里就是如何使用户在社区里开始生活，建立联系比如通过自己之前发布的信息来联系好友，真的体验海内存知己，天涯若比邻的感觉。

整篇的骨架结构就是一个循序渐进的行为引导，为facebook的引入会员、维护社区活跃的初始引导，做了详细的注解和指导，可做手册查阅。读后侧重工作的总结，梳理几条注册表单的规则：

I.当表单结构需要多步时，需要注意的是给出清晰的导航
a. 使用进度标尺来告诉用户当前的位置和整个步骤
b. 强调几个步骤中的逻辑联系，比如标明：step1、step2、step3
c. 用有意义的图片或ICON甚至是标题来解释各个步骤
d. 使用简单的语言或第二人称描述行为动作
e. 逻辑步骤最好限制在3步内

II.用户在注册行为中的提示
a. 提示信息（tips）尽量在需要帮助或有前后行为衔接的地方出现
b. 对用户的鼓励应在进程中体现，如每完成一项输入提示一个打勾的图标
c. 尽量避免出现弹出框的警示提醒
d. ICON的出错提示避免用警告的表达，使用户有挫败感
e. 简单易识别的ICON来标记提示、成功、出错的样式
f. 提交表单时如果有出错，过长的表单最好将出错提醒显示在整表头部，指引用户改正

III.关于文案
a. 质量重于数量，一针见血地说出亮点，而非平铺罗列
b. 尽力避免有特殊含义的文案，如果有专属名词请一定要解释清楚，避免用户的困惑
c. 尽力思考文案表面的亮点，什么才最吸引用户，有时“最新”的字样不一定是用户最感兴趣的
d. 在我们以往的项目中多项数据和实践强调证明文案真的很重要

IV.表单的布局
a. 尽量使用对齐的字段、等长的输入框以及一致的视觉样式来减少视觉干扰
b. 尽量控制在一屏内出现3-6个字段和输入框（多用于多步骤的情况）
c. 如果有选填和必填时标明差别
d. 为不同概念的信息归类，尽可能地分开选填和必填

这些表单设计的通用规则，美国Yahoo的LukeW同学对表单做的充分解释也涵盖了它们，都是最为常用的，总结一下给同学们参考，活跃度的引导还是有非常多能深挖的点。这里按下不表，留作后续分解^_^。