Archive for the ‘Uncategorized’ Category

延续上篇

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.

Faceted Search_Yoox

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

Faceted Search_Buzillions

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.

Faceted Search_Yahoo Shopping

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

Faceted Search_Target.com

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_ PriceGrabber


从超级低调的TG同学上COPY过来, 曾建议过他用中文写report, 他说这要把他逼疯掉,呵呵。

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.

Get lost in search maze

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”

从5KEY的BLOG上COPY过来, 不错的文章.

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

在以前,工作中主要用到两个:

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

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

Todoist

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

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

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

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

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

 《Patterns for Sign Up &Ramp Up》很早就读完了,之所以今天才写读后感,细细读完了发现,它更为接近吸引注册、提升活跃度的社区构建引导,是一份社区活跃会员度研究的好资料。

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

注册其实是个有点枯燥的任务,《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同学对表单做的充分解释也涵盖了它们,都是最为常用的,总结一下给同学们参考,活跃度的引导还是有非常多能深挖的点。这里按下不表,留作后续分解^_^。