人,总要落地生根的。
30岁以前,不会再跳槽。无论遇到任何困难和委屈,我都要克服掉、忍下来。
30岁以后,或许做点儿其他自己想干的事情。
昨天,不仅是回忆,每个嘱托、每次挽留、每份情意,忘不了、忘不了、忘不了…
八月 18th, 2010 — 爱咋咋地
人,总要落地生根的。
30岁以前,不会再跳槽。无论遇到任何困难和委屈,我都要克服掉、忍下来。
30岁以后,或许做点儿其他自己想干的事情。
昨天,不仅是回忆,每个嘱托、每次挽留、每份情意,忘不了、忘不了、忘不了…
八月 6th, 2010 — 交互设计

在人人上看到了他们对相册增加一个叫做“故事模式”的功能。我很喜欢,好在哪儿尼?两个方面。
1、更符合用户的使用场景。从上传者的角度和阅读者的角度:一组照片通常代表一次出游,一次聚会,也就是,它是连贯起来的,有先后顺序的。试想这个场景:朋友来了,我们会一边翻相册,一边介绍,这儿是哪儿,我什么时候去的,发生了什么事儿,其实就在讲故事。
2、非常有效的减少了点击的次数。从信息架构的角度,我认为这一改进很smart,有效的减少了层级。

但也不是尽善尽美地,还需要在以下三处改进:
1、上传照片的时候也需要有故事模式的设计。否则,阅读的时候会不那么有“故事性”。
2、加上评论之后,页面变得非常之长。是否有必要一直显示评论。
3、故事模式,但仍有翻页存在。
八月 1st, 2010 — 交互设计
最近看到此文《需求是如何变成产品原型的》。控件虽小,问题确实不少。最初提到的需求为
产品经理:“我们这次的投放系统需要设计一个区域选择器,就是让用户选择广告定向投放的区域的。可以精确到城市,可以多选。另外,‘区域’作为一个投放广告的限制条件,如果用户没有选择任何选项,那就代表用户忽略该条件,则该广告会面向全国投放。”
简单说就是:选择地区,可多选。不选则默认为选择全部地区。
那篇文章最后给出的设计为(此为方案A)

类似的需求也遇到过,这里我也给出个解决方案,单击这个输入框,弹出如下的图层(此为方案B)
![]()

来自chinahr的设计,稍作调整,如果选择了其他省市,则系统自动取消选择全国
个人投方案B(从商业利益,无论是广告商还是人人网,当然希望投放范围越广越好,因此默认全国好些),大家的看法呢?
当然,相信还有更好的C方案、D方案、E方案…
七月 21st, 2010 — 信息架构
一个网站/软件到底需要多少张页面,我觉得是“3×n”张。
信息架构从某种程度上讲,是对这三种页面的排列组合。
1、着陆/导航页
通常一个网站的首页承担了这一作用。下图截自“hao123”,因为他们全站几乎只有一个导航的作用,很典型。
2、消费页
这是用户浏览我们网站的目的地。我之前更喜欢管它叫“内容页”,但是通常用户都需要在这个停留相对较长的时间,在我看来,这个页面“消费”了我们的时间。web2.0的豆瓣也不例外,我们找到了一半理想的书籍,会细细阅读相关的介绍.

3、交互页
交互页是交互设计师的重头戏,全依赖他们,才能把复杂的流程变得简单。

当然,信息架构的工作不是就这样简单。
复杂的是,这些页面通常情况下不会简单的排列组合,而是互相融合。
自从有了Google等伟大的搜索技术,我们浏览网页的方式有了极大的改变,我可能直接就会找到我感兴趣的内容。比如下图,第一条搜索结果就是刚刚豆瓣的那个网页,这样点击一次就可以到达。所以,每个消费页都可能是着陆页。

于是,消费页也需要加入导航。仔细看下刚刚豆瓣的页面,果然可以找到导航。

来自apple的这个例子。购物之后交费页面仅提供主导航做为“紧急出口”,让用户可以终止这个购物流程。同时提供了帮助页,对这个流程进行支持。再就是少量的付款需要参考的信息。

注册页面和登录页面更要完全抛弃导航。登录or注册,不可以有其他的选择。

七月 12th, 2010 — 爱咋咋地
家事国事天下事,事事闹心。
创业型的公司,讲究快速机动,即使没有交互设计这样的角色,也需要有人来承担这部分的工作;发展期的公司,要规范设计流程;成熟期的公司,要建立品牌的一致性,用户体验不再是一个某一个产品,而是所有产品能够连贯起来。
郁闷的是我们这样一个发展期的公司,把规范化做成了形式化、机械化。拿到项目不写计划要扣分,上班迟到扣分,无故旷工扣分…但是却说不明白,交互设计、视觉设计、web前端各自的技能点是什么,核心竞争力又是什么,怎么去培养员工,发现员工的价值…
做好了,没有评价标准;稍微出格些,对不起,依照什么什么条例…只希望接下来的工作重心放到切实提高公司设计质量,提高产品的用户体验上,这才是我们这个部门的真正价值!
后记:
最近和领导沟通,我们觉得还是要把能力考核这块先做清楚。助理设计师具有什么技能,初级设计师、中级设计师、高级设计师一一说明白,讲清楚。虽然这个过程会比较曲折,比较麻烦,但我们还是要做。
有了这些标准,大家才清楚自己应该做哪些事情,才会有奔头和约束。
七月 11th, 2010 — 用户体验
最早接触到可用性测试是在08年,那时SonyEricsson的手机卖的还很火,而我是去给他们的手机输入法做测试——以受测者的身份。
可用性测试以任务为中心而非以用户为中心,主要用来完善目前的解决方案。
测试场所:
因为是公司给自己员工开发的周报系统,我们没必要用实验室,就在每个人自己的工位上,好像每天或者每周做的那样去填写周报就可以了。
第一步:用户角色分析:
主要角色和功能如下:
| 1 | 员工 | 写周报(添加\删除项目、填写工作内容等子任务) |
| 周报统计 | ||
| 查看周报 | ||
| 2 | 经理及秘书 | 周报审批 |
本次要改进的功能是写周报。对员工这一角色又可以按照熟练程度、使用习惯进行细分,基本上新员工肯定没有老员工那么熟练,老员工又可以分为每天认真填写的,和每周突击填写一次。如下图:
![]()
不难看出,小江和小高是我们的主要用户。找到这两个典型用户就可以了,但因为2个用户比较少,所以还找了小崔。这样就比较有把握发现80%的问题了(纯属个人乐观估计)。
第二步:操作流程分析:
预想设计的操作步骤:
| 步骤名称 | ||
| 1 | ||
| 2 |
用户1实际的操作步骤:
| 步骤名称 | 操作时间: | |
| 1 | ||
| 2 |
比较结果:
1、最耗时的操作步骤为?最短的操作步骤为?
2、差异最大的操作步骤为?
第三步:页面的点击路径分析:
页面1

测试结果分析:完成填写某一天日报的操作,鼠标需要滑过整个页面。
第四步:用户访谈:
1、总体评价
| 视觉风格 | 易用性 | 易学性 | 高效性 | |
| 用户1 | ||||
| 用户2 | ||||
| 用户3 |
2、对系统有无其他设计建议?
——————————————————————————
大体上我觉得一个可用性的测试报告应该包含的就是以上几部分,因为最初测试时和现在稍有改进,所以后半部分很多内容是空置的,并且还截取了另外一个项目的例子。
可用性测试非常适合于软件,对于网站则意义不大。因为一般用户到互联网上是无目的的闲逛,因此就没什么任务可言。
七月 11th, 2010 — 产品管理
做项目时间卡的很死,通常时间短任务重,更多都是靠自己以前积累的经验。项目结束后可以总结得失,但总的来说,做的数量多了,才可能有个比较深刻的感悟。
做产品得有耐性。一方面来自各方的意见很多,听的头都大了。另一方面,如果做着做着发现之前的思路不对,就得全盘推翻。改吧改吧不是罪,原来姐改的不是产品,是寂寞啊!
这段是最近新补充的,以下才是正文。
————————————————————————————————————————
与产品经理合作也好,与项目经理合作也罢,我的目标都是要合作愉快。他们的愉快是“卖的出去,用户满意”;我的愉快是“交互的价值被认同,个人价值被认同”。
一个小故事
曾经我们开发了一个产品,进展到一多半的时候,我被抽调到另外一个新产品。这时候领导还不给我充足的设计资源,理由是“两个产品互相之间可以复用设计”。我说“每个产品经理都把产品当做自己的孩子,你认为他愿意抱养别人的孩子吗?”在我心目中,产品经理是在有限的条件追求完美的一群人,我对自己的定位是,帮助他们超越完美。
问题:a)产品定位不清楚:产品经理自己心里面都没有数;b)每个产品经理的性格差异很大,有的要创新,有的比较保守。
解决:a)开始设计之前一定要明确产品的定位,用户是谁,商业目标,盈利方式…;b)该坚持的坚持,实在坚持不了就“从了吧”。
问题:先叹口气:“哎!”我更喜欢和产品经理相处。项目经理对所有人的期望都是一样的,那就是要“快!”。于是他们很少用心去了解每个职位的作用是什么。a)于是项目做多了会很疲劳,同时收获也非常少。b)我们的产出成果经常会在实现阶段被“砍掉”,原因就是工期,实现人员会说来不及了。c)你的价值很难被认同。和需求人员、视觉人员大家一起合作,项目经理也确定不了到底是谁在发挥作用。
解决:a)因为公司目前交互人员比较稀少,在项目中基本上就不放置交互人员这个角色了。直接进入到视觉设计阶段,也减少了人力成本,说实话,大部分项目经理还是乐见其成的。b)对于那些主动提出需要交互设计的项目经理,我们来者不拒。一般这时候都是其他角色实在搞不定了,我们再出手,才能让他们看到效果,看到差距。
七月 9th, 2010 — 产品管理
今天大家关于交互原型的讨论范围有一次争论,其中的观点,颇有些趣味。
讨论内容:原型的讨论应该限于团队的核心成员,还是扩大到整个项目组甚至全公司?
我一直坚持,原型就是用来改的,用来大家争论的,没有这个过程原型就没有价值,可以直接拿去美术和实现,无需经过交互这个步骤。
但是有人提出:
一堆人七嘴八舌讨论,效率太低。原型确认应该以产品和需求为主,最多加设计的1-2个人。
讨论范围缩小,不代表建议会少,于是我的回答:
更多人参与也是个跟大家交流和介绍我们交互组工作的机会,原型不能怕拿出去给人看哦:)不过认为原型应该在小范围进行讨论的不只你一个,但有的人是怕大家都发言,他的话语权就是少了。所以不管范围如果,向我们打来的炮弹是不会因此而变少的,只不过人家想集中火力而已。
在我的设计生涯中,有时候郁闷的不是别人给了很多建议,而是做了原型没人去看,没人重视,没人讨论。所以我很高兴看到,目前越来越多的同事愿意加入到原型讨论的过程当中。总体来讲,是有益的。
又有人提出:
讨论来讨论去,没有结果的事情我没听,有意义吗?
我回答
我们拿出来讨论的初衷就是希望能有结果。当然,对于那些会议上没有结果的争论,尤其是纯交互的问题,设计师自己拿主意就行。
大家的意见要听,但怎么做还是自己要有主心骨!
并且,其实大部分问题我已经有了答案,只不过说出来会引起更多的争论,我决定先做出来,并且让想法更加成熟。
来自于其他同事的挑剔,也很有效减少了我在设计复查方面的工作量,自身设计任务也很多,精力有限的说。总体来说我非常感谢大家的宝贵建议。
后记:
最近的压力真的有点儿大,自己本身设计任务重,组内的新人也需要更多的指导和监督。结果忙着去评别人的设计,其实自己的设计也还有要推敲的地方。对自己也要下手狠一点,不能手软!
以下观点仅从消费者角度出发
1、设计相似是件好事。
我的很多同事每天的一大乐趣就是每天登录到各家团购网站,看看有没有自己喜欢的便宜的东西。对,她们的心态是在逛!这是一件听起来有点儿奇怪的事情,不同的团购网站为她们带来的是连续的体验。我感觉如果哪家团购网站现在跳出来搞个与众不同的模式是极其危险的!
2、即使百团又怎样?数量多是件好事。
如果这个市场只有一家团购网,那它就能够生存下去了吗?现在市场上这么多家,又有哪家哪天的团购没成功吗?团购网站从最初无人知晓到现在人尽皆知总共也没用多少时间,不能不说,这其中数量起到了宣传作用。并且,购买力和需求是强大的,依我看远未达到饱和。在饱和之前要有特色,要站住脚,时间还来得及。
3、问题是我搜不到你
我用Google搜关键字“团购”,返回了这个页面。有两家团购网站做了竞价排名,剩下的大家自己看吧。第一页就没有其它团购网站了。今天我看到糯米网在校内网做了广告,1500份,我看的时候已经就卖没了。估计明天有很多人一早上就会打开他们的网站,等待抢购了。![]()
4、我也记不住你
无关乎设计,而是内容太杂,太相似
团购的内容太相似,而且同一家网站卖的东西吃的用的玩的无所不包。今天你们家买了红酒,明天一模一样的东西,一模一样的价格,我们家再卖。并且,我是用邮件订阅的信息,并且邮件是通过浏览器安装的插件来查看的,我连邮箱都不登了,怎么能记住你呢?
“某个网站卖东西特便宜”和“某个网站卖××便宜”哪个更能让消费者记住?
有一家只卖化妆品的团购网站是我印象比较深的。而且每天两款。要让用户专注一些,你应该首先专注一些,不是吗?
5、我为什么要再去
别人家邮到要一周,要半个月甚至一个月,那么我们家能不能快些。能不能主动给购买者打个电话,增加彼此之前情感的联系?总之要有让我们足够心动的理由。
6、能盈利不?
咔咔,反正对于我这种每天邮件订阅的,想弄点儿点击率难喽。
运营的同学说,世界杯快到了,我们想做了个活动,需要在首页上体现一下,看看帮忙找个地儿?
咔咔,人人网的朋友们是这样做的。
新浪微博的朋友们是这么做的:
两边均是精心设计,但凡事总有个高下,下面就比较一下。
| 人人网 | 把文字的输入框直接和宣传活动的主题结合起来,是人人网很特色的设计。同时,如果有用户对这个设计感到碍事儿,发布上面有个收起的小区域,鼠标划过时会出现一个叉,可以关闭。 | 败笔是一条横贯线,把足球也一分为二。 |
| 新浪微博 | 在输入框下侧放置了宣传的图片,也可以关闭 | 设计稍微大众化了一些。基本上适合于历次世界杯,而不仅仅是为南非世界杯而打造。 |
此局人人获胜!
| 人人网 |
|
总共四段文案,分别指向四个不同的功能,尤其是世界杯期间拿积分这个,和世界杯就没关系。人人借着一个世界杯要做的事情也太多了点。自己消耗了自己用户的注意力,可谓得不偿失。 | ||||
| 新浪微博 |
|
主题明确,三个文案都指向一个“围观世界杯”的活动页面。 |
“我聊世界杯”和“我要聊球”那个更亲切自然?自然是后者。并且“围观世界杯,让我们围所欲围”也非常有煽动力。
此局新浪完胜!
| 人人网 | 点击展开球迷观点,在本页和大家聊世界杯 | |
| 新浪微博 | 必须跳转到另外一个页面 |
人人网的交互效果更丰富些,仅从这个层面上看,人人网又搬回一局!(因为交互效果丰富不代表体验就好!)
| 人人网 |
|
数量上人人取胜,但为什么要拆成两个活动呢?因为大家聊世界杯的一大话题就是猜谁能赢! | ||
| 新浪微博 | 围观世界杯、聊球 |
新浪获胜!
就这么一个小输入框,其实还有很多聊的。小小的区域,但承载着许多人辛勤的劳动。两个设计已经都很出色,但并不完美。分析到这里,我觉得自己已经有所得了,朋友们加油!