分类目录归档:体验与设计

没手机的这几天

前几天手机掉了,拿着个iTouch,尝试过的如何,当然不是纯粹的抑制自己的需求。

安全
还好一直有设开机密码的习惯,手机丢了可以慢慢来。尝试用【查找我的iPhone】看能否定位到,但可惜手机已经关机,始终提示【离线】状态。想到开机密码有被试出的可能性,一旦试出所有App都是登录状态,帐号信息暴露不说,通过手机验证码,还可以改我的很多密码。所以第二步我选择通过【查找我的iPhone】中的【丢失模式】和【播放声音】,万一对方有开机(因为开通3G),万万一对方还愿意联系我,还有个一线生机。到了快睡觉手机还是关机,想想睡去就好几小时不放心,再使用了【抹掉iPhone】,通知运营商停机,最后改掉App Store密码。

云备份
云服务真是个好东西,当你丢东西了你就会知道真的有多好!

电话
目前来说手机最重要的功能还是电话,特别是相互之间要想马上联系到对方,电话还是目前不可替代的功能,在没有手机的这几天,始终没能找到高效沟通的替代办法,用iTouch还是受制于位置,一旦在没有wifi的地方,感觉就是块砖。不过能通过一些事前的约定去降低使用电话的频率,比如事先约好几点在哪里,或者通过其它工具通知给对方(不能确定对方是否已读)。但一旦有突发事变,不能直接打电话就真的很无耐。

手机上网
有时候在想如果手机可以随时随地上网,并且3G网速普及,相信那基本就是可以替代电话功能了,但仔细一想随时随地的上网还不是基于三大手机运营商提供的信号服务,所以要革目前看来也只有他们革自己的命,做各类通信应用的还是要基于网络信号,要不然就是:网络未连接。
大晚上再YY下,随着三大移动运营商不移余力的推动3G、4G网络,相信再过几年它们的移动电话业务会快速萎缩,再如果无线网络的覆盖率和稳定性要能和手机的信号差不多,真的只要差不多,那可替代电话功能的App可就多了去了。当然要真成这个局面,还是要靠三大运营商把手再抬的高一点,石头选的再大一点,脚,我想自己已经对的很准了。话说移动已与Apple合作,明年1月17号正式出售移动版iPhone。

三心二意
自从用上智能手机以来,基本平时生活都是三心二意的。排队、坐车不说,边吃边看、边拍、边回复基本上大家都见识过。碎片时间的利用率高的一塌糊涂,但办事效率也会自然会降低许多,特别是独自的时候就更能明显感觉到。但突然有一天没有了手机:前天晚上去楼下买鸡蛋馃,3分钟吃完一个直径应该有20厘米的鸡蛋馃,厚有2-3厘米吧,吃的太快另一个打包的鸡蛋馃还没好,等个几分钟就感觉那个无聊,只有催老板娘快点。

牛顿和苹果树

20110611

记得初中的时候学过一篇关于牛顿请人吃饭的故事,当然不是想讲专注,不过他和苹果树的故事更让我反思。

大概在很久很久以,有天牛顿吃完饭在花园遛弯,突然看到了一只苹果从树上掉落,深究发现了万有引力定律,我想如果那时是我,八成是擦一擦,看一眼,对嘴巴了。吃完后,我深深的开始反省,都是人类为什么区别就这么大呢?
时间回到现代,有天吃完饭在书架上翻书,突然看到了一本红红的书掉落,深蹲捡起一看是几年前买的《设计心理学》唐.诺曼写的书,看到书名想起当时读完印象最深刻的一条设计心理学准则(大致意思):当你(别人)不知道如何使用一款产品时,如:解锁手机、运行洗衣机、启动游戏机、ATM机取钱、操控遥控器时不要就觉的是自己笨,自己的问题,其实大多数情况下只是这个产品本身设计的不够好。而做为一名交互设计师,对于这种现象就应该具有这种敏感性。是的,就是这种敏感性决定了你看到一个苹果落地后,是发现一个定律还是当饭后水果。

想起以前教我妈用新手机时,常常不耐烦,总觉的老人家out,一个解锁功能教了几次才会,但有一次她用我刚买的iPhone手机,居然在我不知情的情况下自己打开,还翻看我的手机通话,我才开始真正体会到诺曼说的那句话。大多数情况下常常觉的一个产品设计的越复杂越能让人觉的它很高端,很先进,常常是自己研究半天才懂的东西在看别人研究不出时,总能给自己带来一些优越感,一些很奇怪心理反应。我还记得读书的时候还经常和同学比谁的随身听功能键多,有时候拿到边人的随身听不知道怎么打开插磁带的面板还被同学笑。但其实用户是否能轻松的完成操作才是一个产品真正的体验价值所在(当然前提是有这个需求),产品的易用性先决定了产品面向的人群会有多宽,市场能做多大的关键因素之一,我妈装宽带时送的一只Android操作系统的华为手机就被一款老式的有数字键位的平板手机一直替代着,我问她为什么不换,他说用起来太麻烦了,很多功能也用不到,而且字又小。

一旦市场有某个需求,厂家设计出解决需求的产品,用户去接触产品的都是在体验。体验产品的易用性,关注产品的功效。在看到用户不知如何操作使用时,先别急着认为用户太笨、或者美其名曰产品定位不同,不是目标用户。仔细想想是不是设计上有改进的空间,之前有考虑不周的功能,是不是有未能满足的常用场景。

这是交互设计师该有的一根筋,它是会决定了你是一个发现的更多还是吃的更多人。

生命不能承受之问候

班车7:53分

周五早上7:19分被闹钟吵醒,懒懒的把闹钟关了再睡会。反正7:30老婆会再打个电话来催醒的。

迷糊中听到说:“帮我公交卡充下值,我把你的拿去用了”。

再醒过来8:05分,已经错过班车!

笨拙的起床,刷牙,洗脸,找零钱,出门。

到了公交车站选择3路车,最后一排,边上座了个女孩。

拿出手机想上网看看新闻和Greader,上不了网!手机又出问题了?无聊!边上的女孩打开MP4开始看片,我想蹭,她把MP4换了个角度,我的视线看的很别扭,干脆再别扭的看了她一眼,继续捣鼓M8。

车要朝晖附件堵的一蹋糊涂,一看时间已经8:53,想发个短信给老赵说今天会晚点,发了两条提示“发送失败”!干脆打个电话吧—“对不起,您的手机已经停机。”

原来手机停机了,终于明白之前的操作为什么都拒绝。

充值

习惯性的再用手机上网充值,试了好几次都打不开网页…想到还有手机银联卡绑定充值:
1.对本手机操作请按#号键
2.充值请按1
3.您指定的银联卡尾号是****,充值请按1
4.请输入银行卡密码以#号键结束
5.正在进行身份验证,请输入充值金额
6.你输入的金额为***元,确认请按1
7.对不起你的银联卡余额不足…..

换个银联卡
1.对本手机操作请按#号键
2.充值请按1
3.您指定的银联卡尾号是****,确认请按1,重新输入银行卡号请按0
4.请输入银行卡卡号以#号键结束
5.请输入银行卡密码以#号键结束
6.正在进行身份验证,请输入充值金额
7.由于系统升级,新卡和换卡用户暂时不能充值

捣鼓半天,在车上是完成不了充值了,只能到公司上网,想打的电话也打不了。继续试图手机上网,不对啊,我手机要是能上网,一定能充值,上不了网是因为手机欠费,手机欠费和手机上网什么时候绞一起了,移动的GPRS可都是单独费用包月的,停机可以,你把我包月的服务给停了,您说您是不是在对我耍流氓?当然我相信按照目前这个手机欠费停机的业务逻辑,不止是对我一个耍流氓?

到站,打10086,是不是流氓还是要问个清楚的。
大致的对话内容:
客服:您好……
本人:是这样的,我手机停机了,为什么不能上网?
客服:哦,您好…根据目前我们的服务,就是这样的…
本人:我手机欠费停机正常,GPRS上网我是包月的啊,凭什么停呢?
客服:哦…谢谢您给我们提的建议,我在去内部反映的….
本人:那我通过绑定的银行卡充也不行,提示我业务升级中,目前不能换卡,我现在还有什么办法充值?
客服:您还可以去移动营业厅….
本人:就没别的即使的办法了吗?
客服:哦…..建议您可去去移动营业厅
本人:……
客服:…….祝您生活愉快。

三十七八度的天,赶着去上班,付钱的服务不能使用,明知这种服务,还要充钱给TA们,在这种种的情景下,最后还被问候“祝您生活愉快”,是要多大的心理承受能力啊。自豪了【完】!

还是网页字体这事

网站中常用见的字体就是“宋体”。但现在很多电子商务网站都会有标价,这就涉及到了符号和数字,然后品牌和内容 中又会有英文和字母,这就又涉及到英文字体,光用“宋体”会不协调。因为“宋体”本身是为中文字符设计的,符号、数字和英文、字母当然也应该使用英文字体 来定义显示才会更合适。前几天做一个项目我们决定使用 font-family:Verdana,Tahoma,Arial,\5b8b\4f53(宋体),sans-serif 的字体显示顺序(先别管合理不合理),我们测试了IE6/IE7/IE8/Firefox/chrome/(使用以上几款浏览器访问我们网站的用户加起来 占90%以上),在IE7/IE8浏览器中显示英文和数字时字体有区别(见下图)


“Aisleep”和“88”感觉上面有明显的锯齿而下面的感觉粗厚 平滑一些。

大家知道,这是因为IE7/IE8浏览器中[属性] > [高级]选项卡 > [多媒体]有一个ClearType(
增强屏幕字体)属性,默认是被选中的原因(见下图)。

如果把这个选项去掉勾,那IE7/IE8浏览器显示的字体 就和其它浏览器统一了。反之,通过Windows控制面板 >  ClearType Tuning 启用ClearType(见下图)

对于操作系统控制面板没有ClearType Tuning选项的可以通过以下方式实现:

  1. 单击[开始],单击[控制面板],单击[外观和主题], 然后单击[显示]。
  2. 在[外观]选项卡上,单击[效果]。
  3. 单击选中[使用下列方式使屏幕 字体的边缘平滑]复选框,然后单击该列表中的 ClearType[清晰]。

那以其它浏览器显示的字体就会和IE7/IE8统一了。(注:据我调查大多数XP操作系统默认为“标 准”)

接下来会看到一些测试和整理,目的只是为了解字体在不同 设置下的特性。这里不会有什么字体的推荐设置,因为我认为字体的设置和你所做项目的具体情况有关,没有什么设置是最好的,只要清楚字体在不同设置下的特性 才能在以后的应用中得心应手。

测试:12px和14px的字体大小是中文网页中最常见的;字 体family:黑体,宋体,sans-serif,Verdana,Tahoma,Arial,Helvetica(没用雅黑字体,雅黑字体在Vista以后的操作系统才有,但根据网站数据统计80%都是XP操作系统,目前兼容性会是个问题);文字加粗容易分辨 区别,浏览器:IE6/IE7/IE8/Firefox3.6/Chrome4.0。下图显示效果不好,这里访问→http://docs.google.com/View?id=ds4hm4h_241f5cpdkff


整理:
从 ClearType角度:除了IE7/IE8外其它浏览器字体显示效果都是一样的,如何统一 所有字体显示效果,方法上面已经说过。

  • 黑体:字体大小12px/14px时 ClearType设置有作用(16px/18px/20px时无作用,22px以上会有作用);
  • 宋体(\5b8b\4f53):字体大小 12px/14px/16px/18px时ClearType设置无作用(20px以上会起作用),所以 12px-18px之间的宋体在所有以上浏览器中能得到高度统一,但粗体的符号显示真的很不理想比如”@”;
  • sans- serif:无衬线字,细心的一定发现唯独这类字体上图中出现了三种字体。在IE6和IE7/IE8中区别只是ClearType设 置问题,字体其实就是Tahoma(无衬字),但在FireFox和Chrome中调用的是宋体(衬字)(可设置);
  • Verdana:ClearType设置会有作用,IE6/FireFox/Chrome中有明显的锯齿。
  • Tahoma:ClearType设置会有作用,IE6/FireFox/Chrome中有明显的锯齿。(仔细观察其实 Verdana和Tahoma字体外形是差不多的,只是单词中字母间距的区别。)关于Verdana和Tahoma再延伸一下,之前看到过根据 Jackob Nielsen用户调研显示,Verdana 字体是易读性最高的,推荐设置为第一默认字体,前提那是英文站点。但在中文站点又要老生长谈中英文排版问题,具体用什么字体要考虑文章中是否有斜体、粗 体:
    • 当ClearType设置为“标准”时,Tahoma比Verdana锯齿 感强,而且Verdana字母的间距较宽的优势会体现出来。
    • 当ClearType设置为“清晰”时,Verdana和Tahoma效果相近。

      至于说Verdana由于字母间距的问题导致中文结合时效果不佳,各 位有时间可以看看样稿http://docs.google.com/Doc?id=ds4hm4h_2619p8gqhp, 对平常的浏览和排版的影响是微乎的(Verdana的字体文章会更长一些),如果我不那么刻意去比,几乎是看不出来的,何况是大多用户(我做过测试把两种 字体的文章分开,分别给朋友、同事、家人等不是专业领域的人看,Ta们没有任何意识,并且在我指出字体区别后,他们对我说:“你也太无聊了吧?”)。所以 具体用什么字体时,最关键还是考虑字体用在什么对象(系统、访问者)上,然后是字体是否会涉及到的变化:大小、斜体、粗体。
  • Arial 和Helvetica:以上浏览器中视觉上几乎是一致的(IE7/IE8中感觉上颜色偏深一些),无锯齿感觉,但和Verdana、Tahoma 比起来整体偏小很多。可以把字体设置的大一些,CSS样式中就会多一行特殊的定义。


参考:

淘宝新登录体验:)

淘宝新登录页:

1.登录页比旧版更简洁明了,但左边宣传图的设计实在没有加深我立刻登录的行为,反而让我停顿一会,在仔细看那几个草书写的是什么?放慢了登录行为。那还是旧版右边的内容更好些:)

2.登录框原先的设计考虑安全,现在考虑用户类型。其实说到登录框就要延伸到注册页,而且不仅是淘宝的注册页面还有支付宝的注册页面,淘宝注册页分[手机]和[邮箱]两种,支付宝的个人注册页也是分[手机]和[邮箱]两种,那为什么不整合一个登录框呢?

3[帐户名]其实这个标签取的对于淘宝的注册页面来说挺失败的,为什么?麻烦各位去看看支付宝的注册页面,在输入第一项内容时的提示语,竟然比淘宝本身的注册页面还要对应的多,难怪支付宝在注册的首页中不提“该手机号或者邮箱还能登录淘宝“,呵,纯属调侃!

4.[使用安全控件登录 ],我不清楚大多数用户是否能了解这句话,如果把文字换成“使用更安全的登录”会不会在理解上更好呢?还有使用[使用动态密码 ],点击后,[帐号名]变成了[会员名],难道是一定要输入会员名,但为什么Input输入框中又提示[手机号/会员名/邮箱]?

5.在用户输入用户名和密码错误时,是否登录框下面的[忘记密码?]应该变的醒目一些。还有把[用户注册]四个字颜色变成和登录按钮一样的颜色,视觉上这样不仅不会让注册功能显的不明显,而且也不会影响登录的醒目性(因为登录按钮的色块本身较大)!

淘宝评价,当只有一个待评价时

在淘宝首页登录后跳转到回首页,右边有一块显示用户的当前可处理的功能模块。

http://docs.google.com/File?id=ds4hm4h_238hfk3v9f3_b

因为目前只有唯一一个待评价,但我点击完那个小的可怜的(1)(为什么这块文字的链接不都做上去呢?),跳转到了已经买到宝贝的页面,还要再点击一次评价,而且[评价]两字在这里已经不明显了。

http://docs.google.com/File?id=ds4hm4h_239dtsjkggq_b

当[等待您评价]只有(1)个时,页面直接跳转到评价页面是不是更合理呢?!

http://docs.google.com/File?id=ds4hm4h_240ck7m5scv_b

[完]

服务器升级中…网站也可以提供的服务

今天在看朋友的博 客,有篇文章里分享照片,不过只提供了照片的链接地址。点击链接就跳转到上图这张页面。哦,原来网站服务器正好在升级,暂时不能看到照片。不过它提供了你 另外的一个选择:“2.如果你乐意,挑个游戏玩吧”。意思大致是:网站暂时不能用,但你可能是想看看图片消遣一下的,那就玩玩游戏吧。但对于那些有重要性 访问请求的用户是否应该再做一个“保存这次访问请求”的功能,当网站升级成功后通过邮件或者其它可联系的方式第一时间通知用户,这样不仅做深服务,同时也 能提高网站的访问黏度!

一般是外链过来的用 户有这类需求可能性较大,并且用户在点击“保存这次访问请求”时是需要登录的:如果是已注册用户直接登录保存记录(浏览器有cookie记录的用户话会更 方便);如果不是注册用户,那这时马上提拱一个注册页面,关键这类情景下的注册页面尽量简洁,只要输入用户名,密码,和邮箱就行!(等下次,他再次访问时 再引导他完善个人资料也不迟。)

一个好的用户体验,哪怕是服务器升级时也能做。

体验-手机淘宝网充话费

过年去乡下拜年,100860提醒手机快没钱了,夜不深人静的躺床上体验一把手机淘宝上冲值。



01.打开手机淘宝网登录后,进入“充值”(省略图), 正好在搞充值话费活动,加深充值行为的兴趣。

02.再仔细一看,一直没明白获“全年话费”的概念,但能明白应该是有机会能拿到额外的话费。进入“我要充值,我要全年话费”(手机淘宝网页上,只要是蓝色文字就是可点击的。统一性!)

03.选择好充值选项,点击“快速充值”。



04.由于手机是手指触摸屏和输入法设计界面的问题,导致在输入“确认号码”时焦点不方便选中。像这类有 input框的交互页面,触摸屏手机有这类输入法界面是比较多的,将页面设计的稍长一些,页面底部留个100像素的空白,这类问题就基本可以解决。

05.选择“在线付款”

06.等待…

07.进入支付宝,选择支付方式,看到熟悉的“卡 通付款”,进入”卡通付款”

08.”您好,!” 没有我的名字,应该是BUG!但接下来“选择卡通”这一步,既然只有一个银行选项为什么不直接默选中呢,让我多一步操作!输入支付密码,点击“确 定”……页面载入时…嗯!…看到最下面一行的“wappaygw-1-2”是什么意思呢?

09.显示了一个莫名其妙的提 示,我只按了一次“确定”按钮哦。就算出错啦,也应该给我一个返回上一步的操作按钮或者建议我使用“短信支付”的提示按钮。现在,要不让我退出?要不让我 去支付宝首页?

10.好吧我再试试,回到刚才的选择 支付步骤,选择“短信支付”

11.秒速收了一条短信,回复130

12.支付成功!

13.追加。在我充完话费 后,中国移不动和充值商家没任何回复,那我这钱到底是充了没有呢?!!!

手机:MEIZU M8
浏览器:UC浏览器V7.0
输 入法:A4
[完]

《Web信息架构》-搜索系统

搜索系统:也是一种导航方式,简单的比如一个博客的搜索系统,复杂的比如Google,baidu。当然对于用户检索信息来说应该是最实用的工具之一,只要输入“关键字”,然后点击“搜索”按钮就可以完成,但如何给用户有一个匹配度高的搜索结果是比较复杂的,这又涉及到研究用户体验和交互。

[网站需要搜索功能吗?]
1.网站内容量多。
2.研究搜索系统时,忽略导航系统,分轻重。(当然也些网站是以搜索系统以为主导)。
3.花时间做搜索结果的优化。
4.如果你没有做搜索系统的技术、人才资源…..
5.你的用户可能宁愿浏览也不要搜索,也有时用户需要搜索功能的优先级较低。
6.考虑预算,成本。
7.搜索让用户和制作者了解现在网站上目前只有哪些内容。
8.通过搜索日志,分析数据、搜集数据(用户实际想得到什么,如何表达需求)。
9.固定搜索功能在网站上的位置,比较导航栏边上,这些可能用户会有搜索需求的地方。
10.梳理网站动态性更新。保持网站的分类和即时性结果。比如今天在博客里写了一篇[关注2010世界杯]的文章,明天朋友来访问博客时,搜索“足球”,文章[关注2010世界杯]就会出来。

[搜索系统详解]
重点是研究影响搜索系统效果的因素。影响搜索系统的效果的因素涉及:搜索数据的配置方式、搜索界面、结果排序、反复查询、高级查询、整个搜索系统与用户的交互过程。

[搜索不是一种IT玩意]
与涉及设计搜索系统的各部门人员沟通,团队合作。

[选择要搜索什么]
哪些内容应该做索引以供搜索?

  • 建立搜索区域,内容的同质性:在特定的情境中用户想搜索最新足球新闻,不要加杂篮球新闻在其中。
  • 让什么可以搜索:每一个文件和记录都有某种结构,这些结构会储存在内容组件中:就是内容的元素,通常比文件本身小。结构中某些东西可以被搜索引擎使用,如作者姓名;而某些可以被忽略掉,如每页底端的法律声明。
  • 网站中“好”(推荐)内容:这个概念类似于TaoBao中搜索”apple”时,商城的信息会列信息列表的最上面。

[决定搜索区域]
当用户搜索某一搜索区域时,他通过表明只对特定信息感兴趣,理想情况下网站中的搜索区域对应用户的特定需求,得到更好的搜索效果。

网站本身性质及内容的分类来做区域的搜索条件,比如DELL网站按选择用户类型,搜索相关电脑产品的主题(找驱动,找维修点等)。这样搜索页面是以新的,有目的方式重新组织页面,提供用户以不同的搜索界面,说白了就是我们平时看到的网站[高级搜索]。

搜索区域的分类方法:内容种类、用户、主题、地理位置、年表法、作者、部门(这些分类方法都是死的,不同的网站还是要根据不同的需求去分类,比如taobao搜索中还会分促销宝贝,爱心宝贝,全球购,货到付款。(如图1)

图1

[对什么内容做索引]
就是选择哪些内容被搜索到并在搜索的结果中显示出来。
1.文章主体(最好是和关键字相关的部分文字内容)。
2.标题。
3.URL。
4.网站名称。(特定的情境中,比如Google中搜索时)
5.链接。(也有可能是文字链接)
6.图像链接。
7.图像的替代文字。
8.说明。
9.关键词。
10.远程锚文本。
附其中几点也符合网页对搜索引擎的优化

[搜索算法]
模式匹配算法:查全率和查准率
查全率=搜索出来的相关文件(集合中的所有文件)
查准率=检索出来的相关文件(集合中的相关文件)
看这节的内容还是看Google黑板报[科学与技术],[中文网站管理员博客]来的实用,深刻。

[查询辅助工具]
增加查询效果的工具,通常用户看不见这些工具(说白了就是一些提供搜索帮助的技巧的功能,比如你在taobao搜索,由于字打的快输入了“诺鸡亚”,搜索结 果首先会显示“诺鸡亚”结果为0,但会提供一个更正并提示你找的是不是“诺基亚”,并列出“诺基亚”的相关内容,可惜现在还不会,都只是些不相干的提示) (如图2)

图2

拼写检查工具:用户拼错术语时,自动样正搜索术语,把正确的结果搜索出来。
语音工具:通过发音,同时搜索发音相同的字、词、单词。
词干搜索工具:
搜索含有相同词义的术语。(就是词义联想)
自然语言处理工具:
检查语法的本质,你是想“下载”文件,还是“浏览”文件,窄化搜索结果。
爱控词表和叙词表:
第9单细述:啥眼-_-!
以上功适而用之。

[展示结果]
显示哪些内容组件,以及如何分类,如何列。
显示哪些内容组件

  • 对 那些已经知道自己要找什么的用户而言,就显示代表性的内容组件,协助用户区分搜索结果,如用户搜索“《Web信息架构》”,搜索结果应该是相对于狭隘;对 那些不确定自己找什么的用户,可以从描述性的内容组件,对搜索结果产生一种联想,如用户搜索“送礼”,搜索结果应该广义很多。
  • 在搜索结果显示的内容相同时,应用多显示一点相关信息作再作区分,如用户搜索“《Web信息架构》”,搜索结果中还会附加此书在不同店的不同价格。(如图3)
    图3
  • 组织好每一个文件中有哪些内容可用以及内容怎么用,帮助直接得到搜索结果,如用户搜索“杭州外婆家”,结果有会有电话号码和地址。(如图4)
    图4
  • 显示的内容没多少组件,则加强搜索术语的搜索结果中的视觉重心,如用户搜索的关键字总是在搜索结果页中变粗,变红,总之变的醒目。

要显示多少文件?
控制每条搜索结果的内容,给出总的搜索结果数量,数量多的话设计导航,排序方式等交互功能

[列出结果]
排序(sorting)各排名(ranking)
按字母排序:图书类
按年有排序:即使新闻类(从新到旧)。还有一种是历史(从旧到新)
按相关性排名:

  • 搜索出的文件中含多少个查询字符串中的术语?
  • 术语在文件中出现的频率。
  • 术语出现的位置。例如,相邻?同句?同段?
  • 术语出现在何处,出现在的标题比出现在正文中相关性要高。
  • 查询术语出现所在文件的受欢迎程度(PR值)。

不 同的相关性排名对不同的搜索目如何更有意义?文件A可能比文件B排名高,但B相关性高,为什么?因为B是引用参考文件,具有真正的相关性,而文件A只是一 份很长的文件,碰巧有很多查询字符串中的术语。所以同类文件的异质性越高,就是更要小心使用相关排名?还提到[人工处理结果],[给结果打分]这些相关性 排名方法。
根据受欢迎程度排名:网站PR值,指向页面A的链接越多,越说明页面A越有价值。比如网上有两篇同名同内容的文章A和文章B,有100张页面指向文章A,有10页面指向文章B,那文章A会显示的比文章B靠前。
当然提供指向链接的这张页面本身的PR值也很重要,比如有100张页面指向文章A,也有100页面指向文章B,这时文章AT 和文章B的前后显示顺序就要考虑这些张页面本身PR值了。是的,这种做法不适合小型网站!
用户或专家排名:通过用户的评价或者专家的分析决定排名。比如口碑上找“川菜”,这种通过用户评价规划搜索出来的结果很具有参考性,当然这些评价中也可能会有托。
按订单付费排名以前b干这事,G也干,不过G干的比较厚道。
分组结果主题类型群组去分组结果,为结果提供情境,选择最感兴趣的目录,就能缩小浏览范围。(如图5)

图5
[导出结果]

打印:一种保存的概念,这个好像有点超出讨论搜索系统的范围,感觉话题用[网页快照]形式更好。
寄送:这个感觉又是讨论购物车,收藏类的概念。
储存结果:有些情况下,用户想保留搜索本身,而不是结果。这个是类似google alerts,rss的概念。有些用户可能不会用这些功能,他们只保存了搜索结果的URL链接:如用户收藏了某个链接,用户在下次通过收藏夹访问这个链接内容有所更新。

[设计搜索界面]
影响搜索界面的外在不确定性因素:
使用通俗的查询语言。
用户搜索时提供的关键字越少对他们来说越方便,但搜索结果他们不希望打折。
高级搜索的一些功能,可以内嵌到搜索引擎里面。如Google对用户想要什么种类的结果(通过相关性算法)以及他们希望结果怎么展示(使用受欢迎程度算法),做了很多假设。

[搜索框]

  • 用户在看到搜索界面时,会联想他的功能及使用方式,尽量让网站的搜索方式跟着大众化的搜索方式走。比如一般网站搜索都支持同时输入两个关键词这样的搜索条件(两个关键字之间加空隔)(如图6),用户当然也希望在其它网站搜索时,也可以用这种方式搜索。
    图6
  • 当用户第一次使用你网站的搜索,在看到搜索结果的界面时,是提示和帮助用户如何继续纠错及进一步操作的好时机。比如在WJS搜索图6的内容,你会发现(如图7)
    图7
  • 别把搜索框和其它的INPUT框放在一起,保持独立性和统一性。
  • 节省空间,在你需要为搜索类型分类的情况下,可以使用下拉列作为一种搜索条件(如图8)

图8

试着去研究了解用户会在搜索前对搜索的一些想法,可以让你在设计简单的搜索界面时设定一些默认值。

[高级搜索]

高级搜索有总比没有好。把搜索引擎各种高难度的搜索功能放到高级搜索页面,让那一小部分用户在需要时仍能使用。但是,设计搜索界面的目标是让多数搜索者无需要访问高级搜索页面(做成看上去比较复杂的界面)。

[支持修改功能]
在结果页中重复搜索:
在搜索结果页出来后,搜索框中显示最初的搜索字符串,让用户可以修改,而不是重新输入。
说明结果来自何处:让人搞清楚搜索出来的内容是什么,来自哪些分类,然后决定扩展或者窄化搜索?(如图9)

图9
说明用户做了什么:让用户了解情况。在搜索结果中体现出刚才搜索时所设置的内容,并提供可修改的的功能。如(图10)

图10

在使用高级搜索时所设置的一些特殊内容,再看(图11),用户可以对应并修改刚才所选择过的内容,并且提供更多的选择窄化结果,并得出精确的结果。

图11

整合搜索与浏览:搜索时会检索出目录和文件,浏览时会导致搜索框被设定为该区域。用户选择一本书,相应的搜索分类就进入“图书”的类。(如图12)

图12

[用户被绊住时]

当结果太多或者结果为0时怎么办?
结果太多:可以让用户通过更深入的需求去精确要求、排序内容,从而筛选并按要求显示。如(图13)红色区块部分

图13

结果为零:“无尽头”的策略解决这种问题,除了第2条前半句比较靠谱,其它感觉比较“无厘头”

  • 修改搜索。
  • 提供搜索技巧(如图7)或其他其它改进搜索的建议。
  • 浏览的工具(包含网站的导航系统和网站地图)。
  • 搜索和浏览无法动作,就提供联系方式。(完)

《Web信息架构》-导航系统

导航系统的作用:告诉你在哪里,可以去哪里,这里有什么,附近有什么,指引你下一步的行为。
导航系统的分类:全站、区域、情境式、辅助性导航。

浏览器的导航特点
考虑浏览器环境,其实浏览器上已经有后退、前进、收藏、设为首页等功能,但有时候在页面本身的浏览情境当中也最好要放这些功能,比如在浏览一篇文章,到了结 尾能看到[收藏]、[关闭]、[返回]等功能可以方便不少用户看完后其它意图的操作。还有就是区分有无链接的文字样式,区分是否浏览过文字的样式(这些其 实是编写CSS样式范围内的)。

建立情境
最典型的例子用户随便从Google搜索到一张网页,当点击进入页面后,就算是进入了 一个情境中。情境中应该告诉用户这是在哪里?(我在什么位置,这是什么网站),这里有什么(页内标题),用户下一步能做什么(能看,能下载,能购买),还 能去哪里(栏目,本栏页内导航),以上几点类似于《Don’t make me think》中内页的6点基本要素:1.站点ID、2.页面名称、3.栏目下一级栏目、4.页面导航、5.“你在这里”指示器、6.搜索。

改善灵活性
网站中各栏目之间的内容可能保持垂直的排列方式,但用户在访问内容时要考虑Ta们可以会随时跳转到其它栏目的二级、三级页面中,保持横向和纵向的导航,注意不要导航辅助功能的设置。提供增加的情境和灵活性,弥补等级式系统的不足之处。

全站导航系统
全站导航系统就是要在网站上的每一页都会展示的导航系统,可直接连向重要的区域和功能,无论用户在哪个层次中。全站导航保持一致性,以密集且重复来访的用户为中心,进行设计和测试。
值得一提:具有情境式的全局导航系统,这类导航不仅告诉你这里有什么内容,还告诉用户正在哪块内容中。(图1)

图1

区域导航系统
当用户进行某个栏目中后,可能该栏目还会分很多小栏目,把这些小栏目列出来,方便用户可以立刻浏览那些内容,有些网站会把全站导航和区域导航整合成一致且统一的系统,如下拉菜单。和全站导航一样,在同一个站点中他们的表现形式最好一致且统一的。

情境式导航
进入目的页面后,会有一些内容指向特定的网页、文件、对象。比如网站上的“相关文章”,“喜欢这个商品的用户也会喜欢”,“同类TOP10”,要注意[情境 式全局导航系统]主要是说明所处的位置,[情境式导航]是说明在这张页面内容的情境下,有什么相关内容可以告诉并提供链接给用户(称外部情境式导航链接, 玩概念:)。比如你在Joyo买《精通CSS》这本书,在介绍这本书的页面中,总会有一些链接是指向与CSS类的其它书籍。还有一种是在文章叙述的文字中 放链接(称内联情境式导航链接,玩概念:)。

实践嵌入式导航
认识到全站、区域和情境区导航元素都在大多数网页上同时共存,如何在网站中整合好。不过这个问题可能涉及到:网站栏目多少、页面结构复杂度、实现一些效果的JS程序、交互过程相关这些。

辅助性导航系统
包括网站地图、索引、指南。确保大型网站可用性和可寻性的关键。
网站地图:1. 强化信息层次,使得用户熟悉对内容的组织方式。2.对了解网站用途的用户,则便利其快速、直接访问内容。3.避免让用户承担太多信息,协助用户。网站地图 强化层次感,探索感。网站地图有一个很实在的好处,当你在搜索引擎中找到某个网站,它可以直接把你带到相关的栏目中。(图2)

图2
网站索引:就是将网站的内容以关键词、词汇、标签按一定顺序(字母,笔划)排列而成。内容之间可以没有等级关系。方便已知条目的寻找,比如歌星中找“曾轶可”,只要有找首字首拼音“Z”就可以。
对小型网站可以利用你对内容了解的知识来决定要引入哪些链接,来创建索引。
对大型网站首先用户从索引中选择术语,再从以该术语为索引的文件清单中选出想要的。

指南:网站的新手指南。设计指南原则1.指南要短。2.无论何时,用户都能离开指南。3.允许用户在指南中,前进,后退的自由移动。4.指南的设计目的是回答问题的。5.截图应该明确,具有把重点功能放大的效果。6.如果指南有好几页,要目录。

向导和配置器:主要是协助用户选择配置产品细节(图3)

图3

高级导航方法
个性化和定制化
个性化(猜测用户想要什么。在特定环境中会运行的很好,但在用户体验时,就会失败)就是针对个人的行为、需求、喜好提供剪裁后的网页给用户。如网上买书时,会有“推荐同类书籍”,可能有些推荐的书你已经买过并看过了。定制化(用户告诉我们想要什么。但有时候用户自己都不知道他们要需要什么)是给用户直接控制权,可以针对展现格式、导航和内容选项的组合做调整。如Google Reader。

可视化:让用户可能采用可视化的方式浏览GROXIS。(在网上浏览博物馆网站时就像逛现实生活中的博物馆一样身临其境的感觉,想了想谷歌音乐的[挑歌]栏目可能比较类似这种概念)

社会化导航用 户上网的需求点、兴趣点可以从观察其它用户行为中推论出来的基础上。比如说一些人上论坛,微博时就是看最近有什么网络话题,关注一些热门的标签,标题;而 这类标签,话题主要是通过搜索日志、使用量统计数据、顾客数据库等站长统计软件中获得。(其实这也是情境式导航,只不过作者用这类导航的产生方式来归纳: 这类导航的内容是通过用户的行为统计产生的,就成了[社会化导航]了)