飞雪踏浪

 

2011年已经过去一个月了，新年愿望一直没写，前段时间实在是太忙了。年后又要继续，趁着过年的间隙赶紧许愿。

先来回顾一下去年的愿望。

1.空间越来越大，可以放好多pucca~

空间是大了，可是没买pucca——50%

2.相机计划继续，明年有望实现哦

还是木有买——0%

3.听现场音乐会or演唱会or话剧or...

去看了三场话剧（大连2场、深圳1场），一场大马戏——100%

明年要去看场演唱会~嗯~

4.找个有大大的落地窗的书店，周末去看书

这边有个图书馆，有大大的落地窗，环境还不错——100%

5.和朋友们保持联系，告诉他们我的快乐

这个。。。擦汗。。貌似没有做到——...0%？

6.好好经营一下我的部落格，发现荒废很久了

继续荒废ing，以后注意（不过现在有微博了，部落格更荒废了）——20%

7.买漂漂的本子和笔，开始用纸笔记录一些东西

木有实现——0%

8.每周看电影，尝试写影评

有写，3、4篇？没有坚持啊——10%

9.尝试各种小吃，立志吃遍全城

大连是吃的差不多了，开始吃深圳——70%

10.本命年运势大顺

这个没计算过这一年是顺的多还是逆的多，不过没有刻意联想本命年会怎样怎样，所以好像也就顺顺当当一年过来了——？%

11.健身，打球也算在里面啦，球技大进步

前半年坚持每周打，后半年开始给自己找借口忙，去的次数一只手都数的出来，嗯，这是不对滴~——40%

12.培养更多业余爱好

好像没什么多出来的爱好——0%

13.坚持记录每天开心的事，以供以后回忆

年中的时候坚持了一阵子，现在又懈怠了——50%

14.不知道什么时候才能回归设计狂啊！！还是写上吧：p

今年无望了，大概明年也无望。。期待后年吧——0%

15.去拍一套艺术照

哈哈~这个有实现，拍上瘾了，现在还想去——100%

16.希望老爸老妈身体健康，这个最重要

嗯，这个当然要实现了——100%

17.好好利用资源，玩遍深圳周边

开始玩了，还带着我爸玩了一遭——80%

18.换个手机

换了bada——100%

19.每天大笑十分钟

依旧喜欢听相声，但已经很久没有好段子了——60%

20.最后一个，彩票中大奖！~~

这个。。唉。。——0%

发现执行力还是蛮高的。嗯，继续加油！

2011愿望list

1、相机计划继续，这个一定要实现！

2、继续看电影写影评，囤积了120多个G的电影啊。

3、这个是最想实现的，希望能有出国游的机会（或者台湾、西藏也好），想去个不一样的地方

4、研究一下玄学。看很多灵异小说，那顺道研究一下驱魔捉鬼好了

5、接父母来深圳玩一阵子。这样看上去，就这个愿望还比较现实且好实现

6、去学一下声乐，

7、捡回英语，很久没看了，最近发现很多英文教程，必须听懂看懂啊

8、去做yoga，计划了半年，到现在都没成行

9、业余时间做些有意思的设计。当设计变成工作，要想办法留住对它的兴趣、

10、研究一下经济投资，譬如基金之类

11、买书、看书、卖书，这这条链串起来

12、给微博做个窝，终于可以上传自己的背景图了

13、计划搬个家

14、顺利解决家里的“财政危机”

15、练字，近来越来越发现不会写字了

16、身边的人一切安好（要博爱）

17、能有更多机会与老友聚聚

18、进步一点点，能达成achieve list的目标

19、出差啊出差，我还是很喜欢出差的

20、空（做人不要太贪心啦）

 

嗯，就这些了。愿望是美好的，执行力是门槛啊。希望再年底时，可以很开心看到这一年丰富的收获。

 

前段时间在进度条的设计上花费了不少时间，逼着ella跟我各种讨论，现总结如下，欢迎拍砖。

关于进度条的设计，网上已经有很多tips和guideline参考，比如尽量不要有明显的停顿，尽量采用加速型的进度条，这样能让用户感觉上快一些，因为去掉了单纯等待和假死的时间。至于是采用先快后慢还是先慢后快的策略，两种声音都有，并且也有人做实验来说明先慢后快的科学性。但大家都达成共识的一点就是不要有明显的停顿。

进度条的应用场景是用户操作需要明确等待时间的时候，表明当前系统响应以及进度的。

进度条的元素一般包括文件名、文件大小、当前状态（下载or暂停）、进度、速度、剩余时间。表现在屏幕上，一般有以下几种元素

1、 进度条

2、 剩余35秒（剩余时间）

3、 23.2%（百分比进度）

4、 文件总大小：1.25M

5、 0.25/1.25M（进度）

6、 112.2k/s（当前下载速度）

进度

一眼望去全是数字….从进度条必须表现的元素来看，文件名、文件大小、当前状态以及进度毫无疑问是必需品，其他几项表现形式都相对固定，但下载进度粗一看来，进度条、23.2%、0.25/1.25M三种形式都可以表现进度，

稍加分析就会发现，这三种元素的信息粒度的由粗到细的，进度条的信息颗粒度最大，给人的视觉感受也最直观，0.25/1.25M最为详细，但用户需要耗费一点脑力去认知。三种形式也分别对应于不同的场景，

A、进度条：当用户进行多线程操作，同时下载几个任务时，用户扫一眼并且有直观的对比各个项目的进度条走到哪里了，做到心里有数。

B、23.2%：当用户只下载单一任务时，进度条不具有对比性，所以相应失去一部分作用。这时百分比更符合用户心里预期，可以大致估算到100%的距离，并且数字的跳动会激发用户的持续关注。

C、0.25/1.25M：最为详细的一种形式，尤其在进度快完成时，用户会迫不及待的心情盯着它“还有850k…还有630k……还有200k...终于下完了~”

从信息内容上来看，23.2%+1.25M与0.25/1.25M两种方式的信息量是一致的，总大小和进度，可以根据场景及实际情况相互取舍或替代。

剩余时间

用户希望可以明确接下来还需要多少时间，如果可以准确估计的话，剩余时间的优先级是较高的。但时间的显示和文章开头提到的下载过程的流畅性是相互“绑定”的，剩余时间的显示突然增加或者停滞都会给用户带来一定的心理压力，使用存在风险。

下载速度

下载速度在下载之初会受到用户关注，看网络状态是否良好，可以很快把想要的软件下载下来。但下载管理通常都是非模态的，用户在下载之初关心一下下载状况，进度开始了，10%..16%..25%..ok，用户可以先去看会网页，一会回来安装。这里比较重要的是下载完成后的提示而非下载速度的显示，或者说速度的显示对用户来说并没有那么大的意义。

总结

分析不同的用户需求以及使用场景，才能明确到底需要哪些信息，以及进度条的展现形式。

延伸阅读

http://www.blueidea.com/design/doc/2009/6467.asp

http://www.userkon.com/tolyer/comfort_user.html

http://ucdchina.com/post/1862

http://www.uxguide.net/wiki/%E8%BF%9B%E5%BA%A6%E6%9D%A1_(Windows)

http://www.missyuan.com/thread-457945-1-1.html

 

千呼万唤始出来我这时隔一个月的更新~~

话说在无比激动无比期待的心情中迎来了这次桂林阳朔行~~出发去车站的路上还兴致勃勃跟ella说做足了阳朔西街的功课blablablabla......万万没有想到竟然是一次如此杯具的行程，以至于我还在纳闷难道是没翻黄历出门撞了邪？犹豫很久要不要写不来，因为曾经有个心理学现象说人对于不好的经历的一再宣泄反而会加深对那种情绪的体验，但本着一贯娱乐大众的心情还是给大家介绍一下那句俗语是怎么来的——人背的时候喝凉水都塞牙。

事情还要从第一天晚上火车上说起。不知是那一餐饭的无良商家（现在想来八成是麦当劳的xx汉堡）导致食物中毒，火车刚开出深圳，鄙人就在车上开始了胃疼的煎熬，而且还是递进式的，就像音乐的7个音符一样，一阵比一阵疼，最后在一阵上吐下泻之后，像醉汉一样东倒西歪的穿过几节车厢找到了列车长，询问有没有药。那个无良的列车长冷冷的打量了我一阵，蹦出一句：“我有药也不能给你吃，我要承担法律责任的”法律责任的...律责任的...责任的...任的...的...无异于给原本还抱点希望的我晴天霹雳。。虽说这年头法律意识教育了这么多年，但咱啥时候见过有人这么强悍的法律意识~~没办法我只能又再次醉汉一样东倒西歪的穿过几节车厢回到我的铺上。这两天的桂林行都在好一阵疼一阵的胃痛战争中度过。。。

接下来的行程除了第一天在江上耗了五个小时的美其名曰欣赏桂林山水的行程，以及那一顿旷世绝伦的冬瓜宴以外，其他的都ok。具体情况就不细说了，本人不擅长描山写水的，明天上pp。至于那个有名的阳朔西街，可以说是晚上的南锣鼓巷加后海的结合，没去过的大概知道是什么情形了。

从一到桂林就不断的听导游强调这里民风彪悍，租的小破自行车丢了要赔两千啦，买东西永远都是七两秤啦，不要随便还价，一旦还价就一定要买啦......最终还是在桂林火车站，一股强劲彪悍的民风迎面而来..话说被丢钱包是很经常的事，被丢钱包后回去找也是很经常的事，被丢钱包后回去找然后有人拍你肩告诉你小偷是那个人呢？被丢钱包后回去找然后有人拍你肩告诉你小偷是那个人又来一老太太手里拿着你的钱包一副要还不还的样子呢？吁......这时ella闪亮登场~~一把夺过钱包，我们俩扭头就逃，落荒而逃的逃。

说了这么多complain，最后整理一下这次行程的收获：

1、一大桶蜂蜜。这是个比较有收获的收获，香香的桂花蜜，蜂农抱出那一大桶蜂蜜的时候，里面还漂着若干蜜蜂的尸体，就像小时候打酱油一样的舀出两勺。

2、豆腐乳+辣酱。号称是桂林三宝中的两宝。还有一宝是花酒，但是也没让我们尝，没尝当然没买了~~

3、火车站旁边的蛋糕店买的一只小菠萝包。大概就是这只万恶的菠萝包害我被不告而拿工作者盯上的吧。

4、一盒胃药。阳朔某家药店的纪念品。

虽说不开心的事要拿出来给大家开心一下，开心的事就更要给大家分享一下了。这两天吃到了荔浦芋头（参见宰相刘罗锅），吃到了啤酒鱼（桂林的鱼都不刮鳞，如果受不了的话可以点鲶鱼），吃到了桂林米粉....哈哈~~我是大胃王~~

pp来啦~~（为了炫耀一下我的S8500多么强悍，下面的pp全部没有p过哦~~）

……

 

 

 

算起来，来深圳也快一个月了，谢谢朋友们的关心询问，在这给大家报告一下近况。

 

其实很容易适应，因为天朝的城市都长的差不多。刚下飞机时的热浪和满耳的白话让我感受到，嗯，到了~师姐盛情款待还亲自下厨，哈哈~有饭吃的感觉真好~只是这里的天气实在让人纠结，前一分钟还艳阳高照，后一分钟就倾盆大雨or台风，终于知道小学时作文里常用的那句“六月的天娃娃的脸说变就变”是出自哪里了。周末出去置办家具，开始慢慢规划我的小屋，风扇or空调，这是个问题。公司的空调吹的我有心理阴影了，一出大厦瞬间感觉好暖和。

 

正式工作一周，还是有一些不适应，之前一直做网页，刚开始做手机终端肯定需要一段时间调整、熟悉和适应。在开始工作之前我就做好了心理准备，准备度过一段时间的“冷冻期”。不过真正开始做交互的时候还是有点小打击，手机终端的细节总是只有想不到没有想完了的状态，往往是已经觉得自己想的很细了，但还是被大牛们提出很多细节上的挑战。好吧~总有一天我也要变这样的大牛~：p 

 

话说11年的校招又要开始筹备了。才刚进公司，马上就要变成“老人”了......

 

 

又要过生日啦~~不知道是在盼，还是在怕。盼的是又有理由热闹一番，怕的是离30又近了一步。花了很长时间在想这一年都做了什么，有什么收获，却发现这一年真是浑浑噩噩，堕落至极。前段时间又突然觉得论文做的太垃圾，师妹说恭喜那是因为你又上升了一个境界。那我该高兴吧。两年换一个城市生活，看上去我的生活还不错。眼看着要离开大连了，希望一切顺利~~

2009.6 想起来了，这一个月的搬家风波。同学们跟OL的矛盾终于在这一刻爆发，几乎所有人都跟OL吵了一架，这是怎样的“壮观”........

2009.7 怎么还不放假~~东北的学校暑假就是短好多~~被强加了一个毕设题目，想想一大堆文献要看，晕.....

2009.8 回家避暑~心里暗自想着，这大概是在家里的最后一个暑假了吧。

2009.9 算起来又快毕业了，我的毕业频率还真快~~准备作品集找工作。

2009.10 加入投简历大军

2009.11 无比纠结的一个月~~预期的结果终究还是破灭，心情灰色。在饼那打扰了一段时日，谢谢饼！

2009.12 事情出现转机！本无甚希望的offer意外而至。应了一句老话 无心插柳柳成行。想必两位师兄也帮了不少忙，下次路过北京请你们吃饭呀！

2010.1 OL出尔反尔很无耻的将大家的放假时间推迟了半个月，一时间民怨载道，实验室一下子陷入一触即发的状态。

2010.2 春节和情人节是同一天，旋子的老公一定乐坏了，可以三份礼物并作一份。

2010.3 貌似是调整状态堕落的一个月，豆瓣上这个月看的电影大概是最密集的了。

2010.4 到处找人帮忙填问卷，q上的好友全部被我骚扰了一遍，认识的、不认识的。搞的我现在都再不好意思跟人家再说别的事儿了~~

2010.5 论文改的焦头烂额，格式真让人崩溃~~在这个月的最后一天抽外审。好在某位勇士一下子就中奖了，我们排在后面的直接解放~所有人都走过去向他拜拜~~解万民于水火啊~~

回想这一年，除了生活无比规律以外，好像没什么好讲的了，不过总归也算是件好事。感谢我的朋友们，感谢你们的关心，包容。

2010.6 新的一岁，展望即将去深圳的生活，

           希望在新的环境结识更多好朋友，

           坚持运动、健康的作息时间，

           专心做设计，

           给爸爸妈妈经济支持让他们过上更好的生活。

 

       星座运势说这个月运势超强，加油！双子！

 

24岁的一年，期待充实快乐的一年。

 

 

下决心花了整个一下午整理柜子。

我还真是爱收藏，小学期的作业，物理实验作业，随手画的东西，做作业的想法，实习时候的电影票，线稿，798地图，付军优惠券，各种旅游景点以及展览的门票，工业设计周的卡片，承德的火车票，新东方听课证，同学送的生日卡片......我的妈呀~~这些东西从北京陪着我来大连，即将跟着我去圳再加上大连的各种收藏，行李越来越丰富......

拿那时候画的设计效果图给寝室人看，一个说这是色粉和马克笔画的吧，顿时眼泪哗哗的，好久没听过这么专业的词汇了。

花了4个小时，还饿着肚子，终于按时间分到三个夹子里，柜子顿时变的好整洁！

 

乱糟糟的桌子——收拾中

 

整理出一大沓草稿纸.......

 

最终成果，铛铛铛铛

.

这个月的壁纸有着落啦~~

原来画的，照的不太清晰，整整贴上来，烟雾的部分蛮粗糙的，找到好多笔刷，但是都弄不太自然，求高人指点。

 

突然很想臭美一把去拍艺术照，所做即所想，立即行动！于是上网搜摄影工作室，搜报价，搜样片，搜....还很天才的发明了一个对比的表格，把所有的价目表都放在上面，不比不知道，一比吓一跳，原本觉得很合适的套系好像突然都涨价了似的，不太看好的套系反而很吸引人。看来真是比比更奇妙。

 

 

一边跟寝室的姐妹们炫耀，一边想为什么没有这样的工具？比价格，为什么不能比服务呢？除了价格，造型套数、相册大小、修片多少、加片钱数...这些不都是要仔细比较的吗？除了摄影，家政、搬家、快递、健身房......这些不都是可以比较的服务吗~~虽然不是每一项服务都有大量的人关注，但都有各自针对的时期和人群，受众小但需求不小。恩恩，可以做个市场调研观望一下先~~

言归正传，赶快去拍回来自恋~

 

 

——总算把本本上的东东都倒腾出来了，翻翻看还算是有些内容的吧？

——恩，内容挺多

——hiahia~好欣慰~~

——Biang！少自恋了~~偶只是说内容多，又没说质量高！

——啊........表打击偶.....

 

以上内容纯属虚构，如有雷同，纯属..纯属....最好不要有雷同啊~~~

 

部落格荒废很久，都是因为迷上康熙好一阵子。最近发现大明星陈汉典不见了，恩恩，终于眼前清净了很多（这该是小s说的吧~）。果然玩物丧志~~

前几天腾讯的导师联系我，特意“叮嘱”我要好好珍惜在学校的时光，这不是教唆我使劲闲逛嘛：）不过在大连待不了几个月的说..多逛逛是对的。

那接下来去哪呢？...

PS：为什么所有插图片的日志都被屏蔽了呢！！我的壁纸......

 

 

what

它是一种辅助导航方式，不能代替主导航，不能是页面中最醒目的元素。要让用户知道在网站中所处的位置，并方便回到原点。一般有三种：

Ø         基于用户所在的位置（新闻>政经>正文）

Ø         基于产品属性（毛衣>羊绒>红色）

Ø         基于用户浏览的路径

why

它是辅助方便用户定位和导航，减少用户返回上级页面的操作，具有临时、动态、占用空间小的特点。

when

1.       大量的分级内容中，比如电子商务

2.       引导安装软件中，表示步骤

3.       层次简单的页面中一般不用。但如果能显著的提高用户定位能力时，也建议采用。比如picasa相册，用户在几个页面间跳转频率很高，所以对用户浏览定位有好处（相册首页、相片缩略图、相片浏览页…）。

4.       带下拉列表的面包屑，是一种交互式的面包屑。

定位用户浏览路径的，比如delicious的tag分组。属于用户足迹的面包屑记录了用户浏览顺序，还可以随时“干掉”。

 

 

3.导航系统

通过前面组织系统建立内容的登记系统，导航分为：

全局导航

区域式导航

情景式导航：包括内部，也就是文章行文内的链接，和外部。

辅助性导航：包括网站地图、网站索引、帮助指南等等。

设计导航系统时最重要的是在页面中体现出该页面的情景，因为用户可以进入这个网站中的任何一个页面。

4.搜索系统

衡量搜索系统的很重要的两个指标是查全率和查准率。如电子商务中的搜索，如果全文查找，这时注重的是查全率；如果按作者查找，这时重要的是查准率。主要看用户是否知道自己要找的是什么。

结果展示：

1.       代表性组件（标题、作者等）——知道自己要什么的用户；

2.       描述性组件（内容）——不知道自己要什么的人。

内容中哪些信息可用也是一个研究点。对于查询电话的用户来说，直接展示电话号码字段会更有用（直达区概念，不需要点击进入另一个房间。）

so，观察现有搜索引擎的结果页

上面是代表性组件，也是知道自己要什么的用户，比如问问，知道。

下面是描述性内容也可以帮助区分相似主题的内容，可以适当多显示一些。

TIPS：

1.       关键词字段高亮显示

2.       显示出搜索结果有多少条。这里需要注意的是每个结果显示多少内容（描述性组件），每页显示多少个结果，并提供相关导航（参见搜搜）。

3.       有导出结果的操作，如email、print、收藏等。如果可能的话还应该让用户选择一部分结果进行操作。

4.       需要教育那些已经做好准备要学习的用户。在初次搜索之后，用户发现结果太多，可以试试高级搜索，可以查看tips学习更好的搜索技术，或者干脆选择分类限制搜索范围等。

5.       向高级搜索say no，原因参见这篇文章，不解释。

6.       用户是健忘的，需要建立搜索历史或类似东东。

7.       明确搜索到的是什么，比如.doc、.ppt格式的内容前方有【doc】【ppt】提示。

8.       “无尽头”策略：用户永远都有别的选择。比如前面提到的修改搜索，提供搜索技巧，其他改进搜索的建议，可以浏览的工具（导航or地图），与客服联系……

另：搜索引发的用户行为有二：

Ø         搜索导致浏览：搜索出文件和目录。最明显是电子商务网站，输入一个关键词后得到的结果还有分类book（58） baby（31） office prodact（7）等等。

浏览导致搜索：还说电子商务，用户浏览到digital cameras时进行搜索，搜索类别就会被限定在这里。

 

小结：信息架构可以很好的支持页面的交互设计。

      分类体系尽可能的展开第二层次，如导航标题，加上对标题的解释。

      页面间的跳转也可以此参照：豆瓣就做的很好。

 

 

 

 

 

 

信息架构

a.共享信息环境的结构化设计，组织信息粒度，并决定信息单元间关系；

b.网站的组织系统、标签系统、搜索系统、导航系统的组合；

c.创建信息产品和体验的艺术和科学，以便提供可用性和可寻性；

d.新兴的实践学科群体。

粒度：指信息单元的相对大小或粗糙程度。各种不同的粗细程度有：议题-文章-段落-句子

信息架构的组件：

    组织系统：如何组织信息，比如：依年代or依主题

    标签系统：如何标识信息，比如：采用科学术语or通俗语言

    导航系统：如何浏览信息，比如：采用等级体系

 

    搜索系统：单独说明。

1.组织系统

  模糊的组织系统——浏览与联想式学习，用于用户对需求不明确

      eg：按主题，按任务，按用户......

  精确的组织系统——已知条目搜索，用户知道自己要什么

      eg：按年份，按地理位置，按字母，按姓氏笔画......

通常组织系统的结构：等级体系为主+超文本为辅+社会化标签（flikr、delicous..）

2.标签系统（label）

标签系统如何建立

 

首先从卡片分类、delicous、访谈用户、竞品网站、受控词表（通常惯例下用什么词）等地方获取标签，并建立标签清单。接下来排除不必要的、复杂的词。接下来考虑一致性的问题，如下图：

检查用词是否与系统中其他可能出现的地方一致，考虑每一处的情景。

 

最后检查其标点、字母、用法、词性等等。

最重要的是要考虑系统的可扩展性。现在正在建设中的系统，可能以后还会增加内容，扩展业务，那么现在的标签系统就需要将这种情况考虑进去，不能只顾着眼前的标签如何建立。

举例：如果系统中的标签是电脑、相机、手电，则不要出现cellphone，而要用手机。

      如果系统中的标签均是三字的，则不应该出现四字或两字的标签。

 

 

 

用户总有获取信息的渴望，合适的信息出现在恰当的地方，会让用户觉得很方便、体贴，反之就会觉得很麻烦、干扰，也就是说信息架构会间接影响用户体验

 

必要的房间

当用户执行正常操作以外的功能时，需要提供一个特殊场所，就是这里说的必要的房间。比如，清除数据库就不是一种正常的活动，不是日常事件。所以我们要把用户引导去一个单独的房间——窗口或对话框——处理清除。

我们通过研究用户目标，找到程序、系统、网站的恰当形式，不能简单的把每种功能都设置成对话框，也不能绝对的不使用对话框。

再比如一个画图程序。真实世界中一个画家作图时，会把笔、橡皮等工具放在手边，远一点都不行，更别说到另一个房间去拿了。会随手翻阅画册，所以也不能太远，就放在旁边的书架或桌子上。画好之后，把所有工具都收起来，把画取下来喷定画剂，卷起来包好。可以看到这个保存的过程完全独立于之前的绘画过程。

我们通过研究用户目标，找到程序的恰当形式，不能简单的把每种功能都设置成对话框，也不能绝对的不使用对话框。一些功能应放在从属于主体的对话框中，一些功能则应该从程序中完全分离出来。

tips：

  1.拖放不是选择，而是一种捕获（captive）操作；

  2.在列表的开始或末端有一个永久的开放空间，如 +单击添加条目；

  3.对话框是正常处理的暂停，将主要的交互放在主窗口中；

  4.暂时态的对话框要尽量节省像素，要紧凑；

  5.避免单纯使用文本描述，使用视觉空间是个好方法。

 

方法一：分析行为变量（俗称点点儿）

          1.总结行为变量，抓出用户特征

             以能对用户使用行为有所影响的变量为标准

         2.归类总结，抓出主要特征

 &n...

1.背景信息很有用，根据这些推断这是一个怎样的用户，他的特点是什么，他使用器具的习惯饮食习惯等等，发掘这个用户与其他用户最大的差异在哪，相似的地方又在哪，归并或区分。

2.要问“你要不要这个功能”，而不是“你要什么功能”

  可能有些书或文章写的刚好相反，但大部分情况是你问他想要什么的时候，他会说这样很好啊，不需要什么了——他想不起来要什么。问一些要不要...

1.对于搜索框的不理解

很出乎意料，没有想到这也会是一个可用性问题。当用户在面对这个页面，正对着他的一个又宽又大的搜索框他却浑然不知，还在满世界找输入的地方！这可能是该网站用户群本身的心智模型问题。他们大约是父辈的年龄左右，只会使用系统默认的东东，百度就等同于搜索……对于这种稍加设计的搜索框则完全视而不见。于是我们从搜索框自身找原因：没有加注任何标识表示它是什么；让它看起来更像一个输入框，比如添加阴影，比如把框内的渐变色去掉，比如让框外背景加...

 

写在前面：前两年做项目的一些感想总结，原本写在本子上，本本已经被蹂躏的不成本型了，扔掉又觉的可惜，就敲上来给大家提供一个拍砖的地方吧。

首先用研，这是基础以及先头部队。

接下来是信息构建的部分，也就是隐藏在页面背后的东西。能在页面上看到的都不是信息构建，它是一个更背后的概念，比如网站的流程，用户到这里最关键想更要得到的信息是什么，页面和页面间信息如何组织，逻辑关系怎样等等。它最小的单位是页面，一旦触及到页面以...

 

又到了年末，看各种人写的年终总结，想想这种总结还是在生日之前写比较好，那个才是老了一岁又一岁的感觉啊~~新年还是用来许愿比较好~~

刚翻出去年的愿望列表，发现还是实现了一些，搁浅了一些。难道真是吸引力法则？还是冥冥之中神鬼安排？

——（偷笑）说的太邪乎了，最近电影看多了吧~~

——哎~~精神享受嘛~~

这么多废...

软盘的另一妙用~呵~~

红色的小月牙~~看到没~~

 

树影斑驳，都已经斑驳成月牙了~~

 

学vivien的。

老了一岁~~继续怀怀旧~~看看去年写的“岁末总结”，发现今年过的好平淡~~一些计划被搁了浅，又有一些计划提上日程。把前一年的照片翻了一遍，恍若隔世，明明发生了不久，却在记忆好远的地方，只能慢慢一点点回忆着，沉浸着......同志们~~~好想你们~~~

2008.6 毕业了~~穿着学位服到处照合影~~跟寝室人一起过了大学的最后一个生日，乌托邦的证据不知道是不是还留在墙上..又着火又诡异的毕业旅行还是让人好怀念~~（一个毕业还写两年，说起来好像又快毕业了，汗......）

2008.7 搬到学三继续实习生活，北京的夏天真是......

2008.8 奥运在北京，可是好像和我没什么关系，每天还是老样子的过，纠结于要不要去上研。vivien说的很对，这么小的代价换个环境，还值。

2008.9  开学了，新学校新学期，突然感觉有点不适应~~过了大半年朝九晚五的生活，突然每天去上课，坐在教室里感觉有点陌生，又有点亲切。

2008.10 记忆好像就停止在这，一片空白，大概因为开始宅了吧。

2008.11 人说大连一年刮两场风，一场刮半年，果然。

2008.12 一头扎进项目，房型房价放一页，还是分两页？这是个问题......

2009.1 新的一年，天哪，我居然没记得什么。只有放假回家的时间在跟老刘各种周旋......

2009.2 抱着遥控器换一轮台，再换过一轮。趁老爸不在家学给老妈做饭，最可气的是每次她都说一句，恩，挺好吃的。然后一筷子都不动去吃别的菜！！

2009.3 零零碎碎的事，好像没怎么花时间，却都不知道怎么过去了。决定不能再这样过掉时间，可是......

2009.4 接上个月。老L去美国开会~~整整一个月！终于又把运动捡了回来，达到了同学都说我瘦了，但是体重却提高了的效果。

2009.5 经典的北京四日游不得不提。开会开到胃抽筋，至今还在为可用性实践和个人综述抑郁着......

 

还有三个小时，22岁就这样过去了，回想一下，没上一年跌宕，希望也不会比下一年跌宕。

 

2009.6  每月给自己找点节目的计划继续，

     改掉一个坏毛病，培养一个兴趣，多交一个朋友，
    
     学习设计，

     在意身体健康。
 

23岁的一年，期待充实快乐的一年。

好像没写错吧~~

趁这两天还得闲，赶快搞定，接下来的几天各种整理数据，persona......啊啊~~~我的端午节~~~

哎，就这个吧，是上设计表现的时候画的，恩，各位看官继续点眼药水吧~~~

话说美的一声令下，我们就得满北京城的跑~~从东到西，由南至北。我的小身板啊，活活的跑瘦了一圈~~还好有几顿大餐垫底，不然就跑晕在北京了...hiahia...

本来还想再拍几张照片贴在上面的，譬如从石景山跑到朝阳的大张绝望的表情，从昌平跑到苹果园的气喘吁吁，最后到通县的胜利在望......大张...他...他拒绝拍照！！  好吧，那就这样了......

另：难道电磁炉和养狗有某种千丝万缕奇妙的联系？！（汗...怎么会有这种联系...）

就是这个标小红点的群岛。第一次和驾驶舱亲密接触，再坐几次偶也会开飞机了~~hiahia~~啥也不说了，上pp~另：感谢老猫的ps赞助。

......

号称是一条日式风情街。其中大部分是南山街的，也有几张是路上拍的。不占首页空间了，大家点进去看吧。

点击图片浏览更多

说是一日游，实际质量差得很哦~~~只去了日俄监狱和旅顺火车站。不过这个小火车站倒是蛮上相的~~嘿嘿~~

4月壁纸终于在我偷工减料+交差式的糊弄中出炉了~~（咦~~貌似是自娱自乐哦~~不管了~~对不起观众之处就多点眼药水吧~~）

点击图片查看其他尺寸~

先插一句，文章作者是java高手~~

尽管很多用户的搜索行为都是偶然的，但差不多有一半的用户都是那种“搜索狂”，他们直接去搜索，而从不看网站其他的导航。搜索结果页有着如此庞大的用户群，它的可用性可以说是整个网站的关键。

这一点在电子商务网站体现的淋漓尽致。但即使是大型的购物网站，像搜索结果页这样重要的页面也充斥着过多的视觉噪声或不恰当的分类和过滤选项。设计很好的搜索结果页是非常重要的，它可以帮助你的用户很容易找到他想要的东西，并再次访问你的网站。

过多的数据

很多购物网站都有的通病：过量的原始搜索结果没有经过任何加工。为了让用户最大限度的“冲动购买”，许多网络公司都为用户的搜索提供尽可能多的东西，以及各种绚烂的营销策略，致使他们忽略了最根本的用户体验：让用户最快的找到他想要的东西。

正如Krug说的，“如果这个东西很难用，那我不会再用它了。”相信任何人遇到一个很难用让人很沮丧的网站都不会想再访问它。

想要让用户再次访问你的网站，那么所有与成功交易相关的页面都应予以重视并重点设计。其中最常用的就是搜索结果页。要想满足用户目标以及他的心智模型，有两点很重要：提供正确的排序方式和过滤选项。但接下来你就会发现提供“正确的过滤选项”并不是一件容易的事。

正确的过滤选项：所有用户的需要，仅此而已

设计师Milton Glaser曾经说过“少并不是多，够用才是多（Less is not necessarily more...just enough is more）”。想遵循这个原则可不容易。要想提供“够用”的功能，设计师必须找一个特定的用户，充分理解他的需求和行为。

下面举个例子。我的朋友很喜欢烹饪，尤其是做巧克力。在她生日那天，我想送她一本图文并茂价格在5美元以内的制作巧克力教程的书。我很明确我想要什么：
媒体类型：书
分类：烹饪
主题：巧克力/甜点
价格范围：0到5美元
排名：用户关注度最高/畅销书

可以看到，为了满足我的需求，同时提高搜索结果页的可用性，只要加上两个过滤条件就可以了：分类和价格范围。两个条件中任何一个都可以大大减少搜索结果的数量。加在一起就可以帮我把搜索结果减到最少。这样的过滤既节省了搜索时间也能让我成功的完成购买任务。

值得注意的是，过滤本身对于大部分用户来说都是个陌生的概念。因此Krug提出，一个好的搜索过滤选项应该设计成用户自己的语言，自然的语言，读起来像一个句子，比如：Search ____ for ___________ in ___________ Price from $___ to $___"
Figure 1.

要设计好的搜索过滤不是件容易的事。像图1中的例子相信可以帮助像我这样的用户快速完成任务。但是，这种方式是否适合所有的用户呢？对于访问网站的新手用户来说会不会产生迷惑？或是给页面增加噪声？光猜是没有用的，要想做个好设计，就要去密切了解目标用户群。

Cooper介绍persona是“一个确切的描述型用户模型，描述用户想要完成什么以及为什么。”使用persona可以帮助设计师明确哪种用户是最重要的——设定一到两个“主要人物角色”。再设立几个“次要人物角色”来辅助。这样，要设计一个“够用”的产品就是要满足主要人物角色的需求，同时不会给次要人物角色带来不便。

不论你是否使用persona的方法，在设计过程中不断的请真实用户进行可用性测试是十分重要的。可用性测试一定要经常性的实施，并且是在设计初期越好，可以使用标准的html或仅仅是低保真的纸面原型。人物角色的方法再加上频繁的可用性测试是最具效益的方式，确保你的产品可以完成用户的需求。

分类过滤应该用链接

分类过滤的一个很流行的方式就是采用下拉菜单。这种控件很容易实现，但是在搜索前期这种控件通常是毫无意义的。现在亚马逊有35种分类，很少有人能把这35种分类全部浏览完再选择与自己相关的类别。如果用户有时间有耐心读完所有的类别，那他就用不着搜索，直接浏览好了。

分类过滤的关键不是缩小类别范围而是要让搜索结果更受控，这样用户可以轻松的从精简但相关度高的列表中选择与自己更相关的类别。通常，包含搜索结果最多的类别显示在第一位，其他相关分类顺序排列在后面。为了让用户更加理解这种排序，在每一个类别名称后面加上商品数目。在我们的例子中，“烹饪”明显是拥有最多商品的类别，放在第一位最容易点击的位置。

正如我之前提到的，过滤的概念对于很多用户来说都是陌生的。一个通用的过滤控件应该是类别链接，如图2。
Figure 2.
 

链接方式有如下几个好处：

1.可视并且用起来很直观
2.它们是最普遍接受的网站导航形式
3.不需要额外的点击查看和从下拉菜单中选择
4.用户感觉这是一个安全链接，如果错了，可以点击后退按钮回来。

类别链接应该出现在搜索框周围，而不是在左侧或右侧导航中。在图2中，搜索框和过滤链接紧密相连，表明它们的功能关系相近。而且，为了减少多链接带来的视觉噪声，这里只显示了最为相关的4~5个类别链接，其他的由“more...”来表示。这里的省略号也是标准的表示法，表明它不是一个类别，而是其他信息的省略。

设计最低和最高价格区间过滤

在图1中，搜索结果中的价格范围过滤是通过预设最高价和最低价来完成的，在用户搜索的过程中也提供了很好的视觉线索。用一系列的数值来预设过滤选项是一个好的尝试，并且也很好实现。如图3：
Figure 3

设计排序方式：链接式还是下拉式？

排序是用户梳理搜索结果的另一个有效的工具。与过滤不同，排序是大部分用户能轻松理解的，并可以简单的标识为“按...排序”，如图4。就像之前的过滤控件一样，我们把整个排序控件也设计成自然语言式。
Figure 4. 

要设计出一个好的排序功能，首要关注的是人物角色的目标而非任务。比如，在我的例子的场景中，我的目标是在0~5美元的价格范围内找到一本畅销书。我的任务则是用价格和类别过滤，然后以“用户关注度”来排序。我并不需要什么类别排序，出版日期排序，作者名字排序等等。添加这些选项无非是制造了更多的认知噪声，让用户界面更加杂乱。

排序在页面上可以用链接来显示（eg：洲际酒店网站），也可以用下拉菜单来完成（eg：亚马逊）。链接形式可以节省页面空间。然而，更多的电子商务网站采用的是下拉式菜单排序。抛开代码上的好处不说，这样的控件可扩展性强。最重要的是，我们可以把显现出来的条目以自然语言的形式映射到用户的心智模型（如图4）。
可用性良好的网站应该以主要人物角色的目标来设定默认排序方式。

Conclusion

选择正确的主要人物角色，并频繁的进行可用性测试，这样可以确保你只添加了合适的过滤选项和排序方式，避免视觉噪声。

整个排序控件，以及标题，都应该以自然语句的方式呈现。

去看看原文>>

高级搜索就像交互设计的丑陋的孩子-一直存在,却从来没有被爱过(一直都提供,却很少有人使用)。
其实定义参数的搜索方式在一些网站还是比较常见。比如航空售票网站，选择单程或往返，选择时间等等。某种程度上来说，这种网站只使用高级搜索。

为什么大部分用户不愿意使用高级搜索呢?

先不谈它的功能名称,它的功能实际上并没有多么高级丰富。虽然可以很大程度上解决搜索结果过多的问题，但是现在的状况设置了太多的障碍给用户，具体来说：

1. 链接一般都是小字体,模糊不清；

2. 没有告诉用户用它有何好处。正如尼尔森提到要强调搜索引擎处理单字查询的能力等等。

图1. 看看一个普通搜索和高级搜索的典型分布(雅虎)，这种设计并不鼓励用户使用高级搜索。

在本页面输入搜索字词还是点击跳转到一个新的页面？简洁的即时反馈的文字输入框和复杂的高级搜索页面相对来说，用户当然会选择尝试前者。问题的关键就在于用户是否在一开始就能够看到高级搜索的明显好处。

3. 典型的高级搜索页面给用户的都是容易让人混淆的页面

图2.google的高级搜索仍然很复杂

4. 一般都缺少搜索修改功能，一旦用户点击搜索按钮，一个搜索完成，“高级性”也就消失了。.举例来说google的高级搜索页面提供标准的搜索界面，你必须保证你第一次输入的查询就是正确的，之后就不能再更改调整了。

5. 不要在首页提供高级搜索。高级搜索导致用户陷入困境，因为他们总是以为用错了。当高级搜索可用时，应该在搜索结果页给用户提供一个链接：“没有找到您想要的？试试高级搜索。”
不幸的是，典型的情况是当用户意识到她需要高级搜索时却找不到相关的途径——当她们找不到想要的结果而且显示太多的搜索结果时，他们错过了高级搜索的“出入口”。

参看：http://www.useit.com/alertbox/20010513.html

            http://www.boxesandarrows.com/view/advancing-advanced

最近看了一些关于搜索以及搜索结果页的文章，大致整理了整理，陆续贴上来跟大家分享一下。

 

“搜索是用户和系统的对话，是一个互动的过程。但可惜的是，这个对话中误解的成分居多。”

大部分设计师都投入大量精力去设计搜索结果页，以求完美。但当用户搜到无结果的搜索结果页，系统便急急忙忙的攒一些东西放上去。这几乎将之前所建立起来的完美形象毁于一旦。搜索与其他的交互活动不同，是用户和系统的对话，是一个即时互动的过程。但可惜的是，这个对话中误解的成分居多，页面最终的效果当然可想而知。如果可以把这个页面做好，让用户可以与系统有更深层次的对话，那将具有相当的竞争力。

“google的‘did you mean’功能，帮助用户找到安全性更高的站点，同时也使搜索更加有趣。”这个功能最初的出发点是帮助用户检查拼写错误，避免导致无结果的搜索结果页。而现在，这已经成为一个成功的搜索引擎所必备的重要功能了。
Figure 1—The Google Did you mean… feature

如果你想做一个“杀手级”的搜索引擎，那我建议你从无结果的搜索结果页开始。这样可以让你的团队率先解决最困难的设计问题。

“无搜索结果：加法游戏”——没有什么规则，但以下几点非常有用：

1.勇于说“I did not understand”。明确的告诉用户没有搜索结果，这样用户可以更好的修正关键词。

清晰的显示系统状态是人机交互的基础。尼尔森在他的网页设计十原则里也把“系统状态可见”放在了第一位的位置。如果用户不能理解系统所说的没有找到结果，

肯定不能正确的进行下一步。但可惜的是很多搜索引擎没有做到这一点。
Figure 2—Morningstar.com

看这个例子，你能看出有没有搜索结果呢？
这个页面没有明确的说明没有搜索结果，而只有在1-0 of 0中，才看到有个0字。
与google的例子相比，google的搜索状态就清晰的多。明确的告诉用户出问题了，并提供了改正它的方式。

注意，google的状态提示也放在did you mean后面，这就带出了另一个重要原则：
“好的设计是符合你的商业模式和你的特定用户群的。”
可以做A/B测试来看你的搜索结果页是否符合你的商业和用户目标。

2.提供一个出口。确保页面上的每一个控件都能有效的帮助用户脱离这个困窘的境地。

再看刚才第二个例子，页面上最显眼的控件就是灰色条上的链接，“Analyst Reprots&Data，Morningstar Articles，Tools”。第一眼看过去，这些链接好像是可以让用户浏览相关内容的。但不幸的是，这些是过滤选项，只会进一步限制搜索，已经没有任何搜索结果了。

“在无结果的搜索结果页要提供出口。过滤选项只会让用户陷入更深的泥潭不能自拔，只有靠多点几次后退按钮回到上一状态。”

Morningstar的例子并不唯一。下面的endless的页面你能找到这种没有的过滤选项吗？
Figure 3—Endless.com no search results page

如果你的回答是除了搜索框以外的整个页面，那么恭喜你答对了！像那些夜间免费送货，改变排序，按类别缩小，或是使用价格滑块，都是没用的过滤选项。这种页面会给用户带来很大的迷惑。

“在无结果的搜索结果页，除了不要给用户这种过滤选项，还要确保每个控件都能让用户出去。”

Figure 4—Amazon shows a way out to find Nike sneakers

亚马逊的无结果搜索结果页就给出了一个很好的范例，它的每一个醒目有用的链接都能让用户走出搜索结果页并找到Nike sneakers。

3.关注用户的目标。要先提供最相关的修正关键词，确保让用户尽快达到最初的目的。

回到刚才亚马逊的例子，可以看到它去掉了用户的部分关键词，使得与搜索结果更加匹配。在很多电子商务网站这是一个比较特殊的考虑，很多用户都会键入过多的关键词（过度限制）进行搜索。（不知道是否适合中国用户？）这种过度限制的搜索通常只有在用户搜索一个特定感兴趣的东西时才会发生，所以一般很难在用户测试中发现。

另外，过度限制搜索还包括用户选错了搜索类别，所以从无搜索结果页中恢复时，关键字的搜索应该默认在所有分类中。

下面介绍一些实用的原则：
a. 从已有的词汇表中找不同的关键字来替代用户原始关键字；
b. 删除一些用户关键字，或者部分匹配；
c. 匹配类别或分类；
d. 提供热门搜索，或热门搜索结果；
f. ……
google就是用替换关键词（did you mean...）的方法给用户提供了出口。

无搜索结果页的几个相关问题都已经提到。另外，像google这种智能检索框也很有用，直接匹配关键词，可以有效地避免一部分无搜索结果情况的发生。

去看看原文>>