标签归档:搜索框

给有啊社区拍一砖

09年5月,有啊社区正式上线。
至此,百度有啊的整个产品线基本排列完毕,搜索、平台、支付、社区4大支柱产品上线,百度的C2C交易体系布局基本成型。做C2C必备社区,这基本上已经成了行规,因为就中国人的网购习惯来看2个重要的因素就是逛、砍,这也是为什么很多人
喜欢去淘宝而不去B2C的原因之一。社区的启动可以直接带动平台的活跃。
不过,有啊社区在产品设计和运营上还是存在一定的问题,今天就给拍上一砖。也许对,也许不对,您且先看着:

不伦不类的导航
有啊社区采用了一个高达105px的导航条,并且为了让头部显得平衡使用了一个通栏的绿条做为一级导航,其余页面宽度为950px。如此高度的导航设计,在所有百度的产品中都是从来没有过的。

仔细再看一下这个社区的导航,先不要着急点,你觉得他是一个tab页签吗(Via)?
很显然,不是!这个导航的做法盗用了tab页签这个概念,做了鼠标触发效果,但是却没有tab现象。
在每个一级导航下都包含有最多6个最少3个的二级栏目,这些栏目应该是有很明显的层级包含关系的。我们可以看到,在视觉上他们的设计师在每个一级栏目之间 划了一道很轻的线来做分隔,但是这种分隔几乎起不到作用。每个用户在打开这个页面的时候第一个感觉会是:“社区首页”这个栏目包含了下面9个子栏目,因为 这10项属于一个视觉层次里(背景颜色一致,灰色)。按照导航设计的基本视觉原则:同属于一个层级的栏目的背景颜色是一致的,也是需要和其他未包含进来的 属性区别的。

我们来比较一下另外一个社区的导航,为什么19楼可以这么放呢?很简单,因为19楼的“公共会所”栏目下面就是包含了和他在同一个视觉层级里的那些子栏目,所以,他可以做成这样,把其他的4个栏目作为一个标签来使用。
而有啊社区里则是每个一级导航都和下面的二级栏目存在明显的层级关系,所以,整体上看, 他的导航很混乱。实际上,这种每个一级栏目下都含有二级子栏目的导航设计,有啊社区完全没有必要采取这种形式。

再看有啊社区的子页面里的导航。假如你现在点进了“消费电子”这个页面。不要思考,你知道怎么以最快的速度回到社区首页吗?;你觉得“全部分类”这个地方,你是点击呢?还是鼠标触发呢?
是的,他们的设计师在帖子分类栏目上面加了一个面包屑导航,呃,如果不许思考的话,你能看到这个地方吗?我问过几个朋友,发给他们这个页面的时候他们都提出了一个疑问“他们没为我设计后退按钮?我怎么回到社区首页?”
也许点击页面左上的logo是回到社区首页的最快方式,那,我怎么从社区回到有啊首页呢?呃,这个,确实没找到地方……
我的感觉是,有啊社区的设计师正好把社区首页的导航和二级页面导航的表现方式搞反了。社区首页的导航不是tab页签,应该用标签的形式,那么就不要搞鼠标触发,直接点击;而二级页面的“全部分类”则是需要一个鼠标触发的。

不一致的头部
不知道他们为什么把“购物车”、“我的收藏”这2个原本一直放在有啊所有页面头部左上角的链接移到了社区搜索框的右边?是感觉搜索这个地方太空了,还是因为有数据显示在社区里这两项的利用率很高?
我没有数据,如果没有其他的特殊原因,我想这个做法是很不友好的,常用的功能应该摆在常用的统一位置上,当用户需要的时候他可以娴熟的在老地方找到他,这种改变是很不友好的。
也有一种可能是,把这2个功能移动到搜索框的右边,同时搜索框左对齐,这样使得搜索框更加突出,以显示百度强大的搜索功能。不过,如果是这样的话,为什么不干脆直接用首页头部那个简单到极致而且强大的搜索设计呢?这种做法只能是让搜索的地位显得反而很尴尬了….

让人郁闷的搜索显示
有啊社区的搜索结果,处理的很简单,直接加载到网页搜索里了。
第一次搜索的时候我以为我点错了按钮(社区的搜索按钮有2个…),再点还是在网页里显示的结果。这个显示有点郁闷,从用户体验上讲这叫“没有告诉用户在什么地方,并且也没有告诉用户怎么回去”,这个太不友好了。百度所有的单一产品搜索都是在自己的频道中进行的,我们可以理解是因为有啊社区刚上线,没有 开发出这个频道,那么,至少在搜索结果的显示上给用户一个友好的提示如何??
这种类似于把google的网页搜索嫁接到个人网站的做法实在让人无法接受,每次点击搜索的时候我都觉得我搜索的不是这个网站的内容而是整个google的内容

无法传播的官方博客
百度有啊的官方博客是目前我见过的唯一一个使用摘要输出feed的博客。
使用过RSS的同学都很明白选择摘要输出就意味着你的内容无法被很好的传播。当然,类似新浪博客这样的强制名人博客摘要输出或者标题输出的流氓做法另当别论。
选择摘要输出可以一定程度上的增加点击率,但是也很自然的把自己困在了百度空间这么一个很小的小圈子里,根本没办法让你的内容走的更远。看看官方博客下面的评论就知道了,活脱脱一个明星空间的景象!已经被拉入了百度空间水的不能再水的泥潭里了…..

不顾及用户体验的营销活动
类似抢购这样的社区活动是社区运营中最常见的手法,百度有啊最近也推出了一个“1分钱抢购限量T恤”活动,活动说明里写“所有T恤将于7月27号统一进行快递配送,请购买用户耐心等待”。统一发货,这个做法太不明智了!
既然是百付宝一分钱体验店的活动,就意味着这个活动的参与用户80%是首次接触有啊的用户。这个统一发货的做法是否就会给这些新手用户这么一个感觉,我在 百度有啊买东西,都是需要等购买人数达到一定数量的时候(比如200件),有啊才能统一发货给我。那,这个时间成本对于一个新手买家来说显然是无法接受 的。
快速、低价、方便一直是网购产品的代名词。在运营上看,有啊更应该利用体验来展示和强化这种表现,而不是仅仅用一个低价疯抢来引得每天一大票人在某个特定的时间点去疯点某个页面,搞的倒是像在做压力测试了?
我的建议,不要再搞什么统一发货,也别再让买家耐心等待,新用户的耐心都是非常非常低的!既然已经是活动了,又何必在意那么点开销,分批发货没什么大不了的!

呃,我的砖拍完,下面大家开始拍我吧,如果有不对的地方,欢迎拍砖!

空搜索如何设计?

题续上篇,继续说说关于搜索的设计。

下午的时候群里一个童鞋列出了一些电子商务网站对于空搜索的处理结果,然后引发了一个关于空搜索处理的讨论。这里,空搜索指的是:不在搜索框里输入任何内容,直接点击搜索按钮。
可以肯定的是,造成空搜索的用户的比例应该不大,主要是误操作,当然也不排除向我这样的探索者。但是作为电子商务网站用户体验的一部分,这个地方必须要考虑到。

我们先来看看主流电子商务网站的处理结果(这里不需要讨论搜索引擎的返回结果,因为它就是做搜索的,没有也没必要去给你推送什么其他的内容):
阿里巴巴中国站;弹出提示框“请输入产品名称”,点击确定后没有任何反应
慧聪;弹出提示框“请输入查询内容”,点击确定后光标落在输入框内“输入你感兴趣的内容”后面
百度有啊;跳转到查看所有分类页面
淘宝;跳转到查看所有分类页面
拍拍;跳转到查看所有分类页面
卓越;跳转到搜索结果页面,提示找到0条搜索结果
亚马逊;刷新一次页面
从结果上看,主要分为4类:弹出窗口提示、跳转到列表页、显示0条搜索结果、刷新一次页面。那么,哪个网站的设计的用户体验最爽呢?

前几天我正好对网站搜索部分做了一次改版,采取的是优化了的弹窗形式:弹出窗口提示输入关键词,该窗口自动在3秒内关闭,关闭后光标被移动到搜索输入框内,且框内原先的提示信息被清除掉,弹窗的位置控制在离搜索框很近的位置,目的在于不要造成宽屏用户的鼠标长途奔袭。
于是我最开始的时候倾向与这种结果的返回。出发点是在于对于用户的误操作给出善意的提醒,同时尽最大可能不给用户造成额外的负担。
洗澡的时候突然觉得这样的做法有点不符合老大经常教导我的“产品要和运营挂钩”的原则。应该尽最大的努力展示网站的内容给我的用户,同时想办法引导他们去点击去使用,那么,从这个角度来看,淘宝、拍拍的做法应该是合理的。
擦干身子抽了颗烟,觉得这样似乎也不是很妥,于是找
wkcow讨教了一下,被点醒了,其实最好的用户体验设计应该是亚马逊。
首先,空搜索既然是用户的误操作就需要给用户一些提醒,那么没有任何反应的设计必然是错误的,因为用户看到没动,可能认为是网站出问题了,这种设计是最最傻的;其次,对于弹出窗口的设计用户是不愿意去等待那3秒的,那么就必须要点一次确定,这样就多了一次交互,还是给用户增加了负担,且在设计上要考虑弹出窗口的位置、光标的位置的问题,这种设计事实上很累也很傻;第三,返回列表页的设计是想给用户推送一些其他的内容,但是实际上用户是不会理睬这些内容的,且这个结果改变了用户的初衷,更改了最简单的流程。
亚马逊的设计恰恰是一个最最正常的流程,不需要交互、不需要解释,就是一个简单的刷新已经告诉了用户很多信息:点击搜索按钮,网址执行了该操作,但你输入的是空白,我也就给你一个空白的结果(这里,卓越跳转到搜索结果页,且提示搜索结果为0的做法是一个很不人性化的机械的执行用户操作的傻设计)。

把这次的探讨总结成一句话共勉:注重用户体验,就需要尽可能的减少交互,不给用户增加不必要的负担!

Update:发布的5G之后,老白和白鸦给出2种更优化的方法;
之一:干嘛要刷新页面?   这不还是让人和机器交互了一次吗,万一页面大这个刷新的成本有多少? 就让他点了以后输入框做个简单的提醒(比如输入框的光标出现,或者输入框的颜色闪动等小到有那么有点反应即可),不行吗?
之二:没有空搜索,搜索栏默认热词,光标过去立即清空,等待用户录入同时提供下拉备选。

谁还有更好的方法?欢迎探讨。

把搜索框还给搜索

1、搜索框的意义
用户总是和你想的不一样,用户很多时候是不会按照你设定的导航走的,他们更多的时候是上来就直接输入关键字进行搜索。对于购物者而言,如果清楚的知道想要什么,他们会很明确的使用搜索框,这种情况下购物者显示出了明确的购物意图,因此搜索框能够把该意图转变为真实的购买行为。来自Fast Search的数据显示,30%的购物者进入电子商务网站后会立刻使用搜索框,超过30%的人通过导航没有找到需要的物品后转而使用搜索框。
如果一个网站没有足够合理的信息架构体系,那么搜索引擎不仅仅是有帮助性的,甚至是至关重要的设计功能。有可能比网站的导航更对用户有帮助。事实上,搜索是用户了解在一些综合性网站内容最直接有效的方式。最好的搜索设计就是给用户提供一个简简单单的搜索框在页面显眼固定的位置上,但却有强力搜索的能力和范围宽 广的功能。
所以,如果你的网站没有足够清晰的信息架构体系,那么,请把你的搜索框还给搜索,不要再试图去绑架你的搜索框!

2、被绑架的搜索框

http://www.zghzp.com/
不可否认,右侧的背景很美,但是我是来搜索的不是来欣赏图片的,这个背景搞的我都不知道这个搜索还有上面的频道切换是不是可以点击了(我试图去点击新版上线,未果)。这个设计的用户体验差及了。
http://www.shtimber.com/
搜索跟留言板有什么关系?搞个留言板的按钮跟搜索放在一起是什么逻辑?这让我在想搜索的时候很不爽
http://cn.china.cn/
这个很让我无语,在搜索按钮后面补个按钮就罢了,居然还来个比搜索按钮还大2倍多的按钮……
http://b2b.hc360.com
这个大概是我见过的最无语的搜索框了。想不清楚为什么现在还有设计师会把“设为首页”、“收藏本页”这样的功能摆出来,而且是摆在搜索框上。
http://www.8035.com/
对于这个,首先视觉完全被放在了那2个“新”、“热”上去了,压根没有想着点前面的东西了;不知道为什么要把这2个东西摆在搜索按钮的后面,还有,这么长的搜索框是否是在告诉我,你们网站的东西很难找,需要很长的关键词呢?

现在很多网站都倾向于搞一个这样会闪的gif图片来突出某些内容,我习惯把这些东西叫小蚂蚁。有的网站搞的很夸张,这小蚂蚁长的胖的出奇,用户的吸引力完全都放在了那只胖蚂蚁上,根本没有想着胖蚂蚁前面的东西;有的网站觉得每个栏目都需要突出于是每个栏目上都搞个“新”、“热点”,最后的结果就是整个网站看着就像个蚂蚁窝。个人觉得要想用这个小玩意赢得好的用户体验,至少要保证3点:小、简、少。小,不至于让我感觉感觉突兀;简,能表达意思就可以了;少,不至于搞的我想点了不知道点哪里。

3、把搜索框还给搜索
把搜索框还给搜索!搜索就是搜索,不要给搜索背上太多的东西。一个搜索频道、一个搜索输入框、一个搜索按钮这样就已经足够多了,再多一点搜索框都会受不了!当然,你也可以让你的搜索框更精简,精简到只有一个搜索框。
把搜索叫搜索!搜索的位置要明显到用户第一眼就能看到且随时能够找到;输入框应该让用户感觉可以输入;搜索按钮看上去应该更像是个按钮;不要把无关的东西在搜索按钮边上,它就应该一个人待着!