Posted at 2009/10/31
Under 产品思考
这个词是我以前打乒乓球时第一次听到的,打乒乓球时,根据旋转方向和落点位置,在那一瞬间,就需要预判对方将会如何接球,自己如何再应对,从而攻击对方脆弱的地方来得分。
了解过相关的理论有“蝴蝶效应”,“混沌理论”。
很多事情都需要我们去预判,按照自己的预判,可以对这件事情做出相应的措施,尽预知不会百分之百的正确,但也不会百分之百的错误。
对产品的设计或改动,将对用户或公司利益有什么变化或结果我们也需要去预判,从而对可能的预判结果加以分析,当然预判也需要有根据,比如用户群体的特征,用户角色模型不正是用户特征的集合体吗?有了根据才能提高自己预判的正确率。
预判还需要有全局观,有了全局观,再加上预判的根据,才能将做出正确的引导和策略。
引用一段很赞成的话“从人员素质上来看,做具体工作时时刻有产品全局观,胸有成竹是应该具备的基础要素。这就要求产品人员看五步走一步,产品的模型框架要熟稔于心,时刻关注到与系统 联通的部分以及相互之间的关系。主干和支线的逻辑关系等等。从信息设计层面,用户体验设计师同样需要系统的思考和设计,需要系统的流程来保障对产品整体体验的评估和干预。发现问题快速迭代修改。需要按照用户的任务情景组织和安置信息,有效的设计交互的信息细节和交互方式,一个产品没有合理的架构,缺乏有效 的导航和使用路径,缺乏简明流畅的使用流程,缺乏简单易用的界面模式,徒有漂亮,本身已毫无竞争优势,尤其是互联网网民自身的成长带来的认知逐渐改变的今 天,将来,用户比以往更容易抛弃难以使用的产品。用户认知也会渐渐从盲目到主动选择。这点从新生一代网民身上看到鲜明的印记,他们比我们这代人更熟 悉的使用互联网,并更善于分辨优劣。”来自体验设计的10点杂谈。
预判是一种境界,然而预判不能太远,预判得越远,错误的可能性越大,所以需要不断的预判,不断的修正引导方向,从而更快速准确的达到目标。
那么当我们对某个细节进行设计或修改时,一定要问自己这三个问题:
1. 这个设计或修改而对产品有什么帮助,根据是什么?
2. 从大局来看,这个设计或修改是否真的有用?如B2C,是否会带来更大的销量?
3. 是否有更好的设计方案?是否可以创新设计而更好的达到目标?
Posted at 2009/08/21
Under 交互设计
最近总是遇到一些让人等待的事情,总是没有明确的答复,非常烦恼。
发现中国移动首页 上的一个轮换的焦点图上的一个细节做得非常不错,不知道别处有没有类似的,反正我没见过。
每播一个图时有一个进度条,看下图:

中国移动首页上的焦点图
Posted at 2009/08/06
Under 交互设计
朋友在玩QQ相册时,我看到她想进入其中一个相册时使用双击,我很快不加思索的说“网页上没有双击”,于是引发我对刚才说的这句话有了思考。“网页真的没有双击吗?”“网页上为什么没有双击?”“什么时候应该设计双击?”。
DOM里有ondblclick事件,说明网页上不是没有双击事件,只是很少在网页上被用到。
双击肯定有单击,没有单击何来双击呢?
那么双击肯定要区别于单击:如果单击能触发全新界面,那么事件触发器很容易就被新界面覆盖。所以双击必须在单击无新界面的情况下设计,如单击可拖动、重命名、选中等操作,由于网页上很少需要上述单击操作,所以也很少出现双击。
Posted at 2009/07/27
Under 交互设计
Google.cn将首页的登录入口去掉了,李开复在twitter上解释了这个问题:“Google.cn没有需要登录的服务。需要登录的服务都在Google.com。所以,只有Google.com应该有登录的选择。” 也即是说Google.cn只提供了Google.com里的一些功能入口,而没有提供登录入口。尽管有一些人抱怨为什么要把登录入口去掉,而且改变了用户习惯,但从任务流来看,登录入口确实没有放在首页的必要性。
最近我老爸要和我学电脑时,我从中也理解到一些常见功能的心智模型。正如这个登录入口的问题,电脑上出现的很多文字他都会很仔细的看(甚至广告也要念出来),但他见到登录入口会直接跳过,因为登录对他来说很难理解,为什么要登录。当他有一个任务目标时,他会先找到与目标相关的文字而且鼠标浮上去有手形时(即某项功能入口)便会点击,而这时如果这个功能需要登录时再进入登录页,并提示为什么要登录。
而现在,或者将来,个人电脑的普及,直接用cookies记住用户从而不需要登录是更加接近用户的心智模型的,甚至应该是自动登入所有网站,这就是为什么现在有了OpenID。
那么当我们一个网站有多个主体功能时,我们的登录入口在任务流中应该处在功能入口之后。

而某些网站会有其特殊性,如支付宝的保密性较高,因此他的登录入口甚至没有记住密码的选项,而且他的主体目标功能是单一的,所以他的登录入口直接在首页呈现。
Posted at 2009/04/09
Under 交互设计
对于列表页面或数量提示,我们应当作特殊的处理。
有的时候,我们在原型和用户界面上表现的内容往往会忽视没有数据的情况下对用户的信息传达,而工程
师们也并不会意识到无数据时的潜在需求,或者他们会弹出一个框提示“没有数据”、“无法找到数据”
等,完全脱离用户的心智模型。
“什么叫数据?”
“没有数据我该怎么办?”。
因此,我们应当在没有数据时作特殊处理,比如在搜索结果页时,根据搜索目标源来导航到其它页面。

Posted at 2008/10/20
Under 交互设计
我们经常会有这样的话题,设计师不能光从设计师的角度去考虑产品的设计,那么应该从哪些角度去考虑呢?我的观点是需要职根据产品人员提供的素材、需求等从用户的角度、产品的服务思想、开发者的技术原理来考虑,而且应该在相应的时间和空间做相应的身份切换。
1. 设计师本身
设计师本身只起着将其他角色的期望进行综合、把握及生产交互物的组织作用。如通过用户访谈将用户期望归类生交付用户模型,通过现场研究生交付场景描述文档,转化原型以及产品测试(这里有篇:如果你想成为一名交互设计师),于是为了能更好的产出交互物,设计师还需要将自己的身份投入到典型用户、产品、工程师的身份当中。此外,资深设计师还可以根据自己的经验自主一些交互,但并不是被主张的。
2. 切换到典型用户
尽管典型用户可以被描绘成用户模型,尽管用户模型代表着典型用户,尽管使用场景可以被描述,但用户模型和使用场景都有一定的局限性和非唯一性,交互设计师应当将自身想象成就是典型用户,完全忘记自己是自己,带着典型用户的所有性格去看待产品,表现出期望,对多条支流表现出兴趣,这一点其实是很难做到的,会让自己感觉非常累,与心理学有关,了解各种性格特征,刚开始总是回到自己本身。
3. 切换到产品
我以前将好的产品比拟成“超人+奴才”。为什么是奴才?常有形容会享受的懒人“衣来伸手,饭来张口,”而事实上无顾忌的情况下,每个人都想做这种懒人,这种懒人有需要时便会对自己的奴才呼之,并且这种奴才会察言观色;而为什么又是超人?因为他必须是智能的,多才的,而不是一个普通的奴才。
将产品赋予生命,赋予思想,热忱地服务于主要用户和次要用户。其实她可以像餐馆里的服务生,你的餐碟吐满鱼刺时,她会过来给你倒掉或者换一个;她也可以像游乐园的扫地生,除了会将你乱扔的果屑检起来,有时还会热情的为你指路;她也可以像雷锋那样乐于助人……
将产品比拟成这些人,当他们面对用户时,会如何来服务?
4. 切换到工程师
还必需切换到工程师的角度,什么样的开发是最快的,什么样的功能是简易的等等,了解技术原理。
Posted at 2008/02/09
Under 交互设计
最近忙里抽闲看了这本《基于信息理解的信息构建》,做了些零散笔记。兔子做了一系列的详细笔记,值得学习。
信息构建(IA)的定义:是共享的信息环境结构的设计;是组织和标识网站、内联网、联机交流和软件以保证其可用性和找到性(findability)的艺术和科学;是一个致力于对子数字园区的设计和建设的、正在出现的实践领域。
——信息构建研究会(Asilomar Institute for Information Architecure)
信息构建的核心内容:IA的核心内容是信息的组织、导航、标引和检索系统。在信息时代,用户的信息满足包括获取和使用的满足两个方面,满足用户的信息需求是IA的基本目的,引导人们从信息通向知识是信息构建的最高目标,用户对信息的理解是用户吸收和利用信息的前提和重要的环节。IA的核心内容包括由浅入深的两个层面,一是“使信息可访问”,二是“使信息可理解”。
信息理解:理解的实质是对信息的外在表现形式和信息的内容的认识、领悟和了解,而“信息理解”是笔者希望通过提出和强调“信息理解”的概念,进一步促使“让信息可理解”更加深入地为学界所关注。
从信息接受者对信息对象的理解这个角度看,信息理解可以分为信息符号理解、信息含义理解和信息结构理解三个层面。
我理解的信息理解的两层含义简单来说是自已理解和用户理解,自已理解即信息理解基础之上建立信息体系结构,用户户理解即建立的信息体系结构和展示的信息内容是可理解的。
值得一看的图,信息构建与信息理解关系模型图:
信息构建的基本过程:
信息构建的元素包括导航工具和图标、浏览层次、网站地图、类目矩阵、目录、特别兴趣指南。此外还有用户测试和标准、提供丰富的多存取点的浏览和搜索,以及提供详细类目、信息目标的标识、信息结构中令人感兴趣的和有创新意义的形象化的概念、超链接的连接作为信息的多样化入口等问题。网站信息构建的第一步是定义网站的目标,收集客户或协作伙伴的看法,并将它们按照协调性和重要性次序集合在一起;第二步是在弄清网站的受众是谁之后,开始组织未来网站需要有的内容和功能页;第三步是富有创造性地形成一个架构,选择网站的隐喻,制定导航系统,生成规划图,设计框架和模型并开始建造。

信息构建的基本过程图(借兔子的图一用)
信息结构:
信息结构按信息的组织方式可以分为线性结构、层次结构和网状结构。
自我引申的问题:
IA实战和交互实战中的具体的集是什么?
Posted at 2008/01/09
Under 产品思考
你的产品给用户当作工具还是玩具?
前些天海内的用户体验群组里有一个 “SNS是你的工具还是玩具?”的话题,首先我就在想工具与玩具的实质性区别,甚至想这个话题的意义,总觉得这个话题有一定的意义,开始却又不知从何来分析这个问题,于是只抛了个问题在自己的脑子里,直到今天,从我有限的知识范围内发表一下愚见。
在百度百科里查了一个这两个词的释义:
工具:原指工作时所需用的器具,后引申为达到、完成或促进某一事物的手段;
玩具:用于“玩”的器具。
从词的释义来说,网络产品都不是实际的器具,只能说是被引申的事物。它们的实质区别在于有没有可以被用于完成一个目标的功能。
后来,我又认为:
玩具有被厌倦性,随时有被放弃的可能性;而工具有被依赖性,它们的意义不在于取悦人心,随时有被习惯性地取来应用的可能性,甚至有可能被重复的使用。
玩具容易给人带来情绪,尤其是在群分的情况下,于是也容易带来对这种玩具赋予感受,而不同的人有不同的感受,也就进化到这种玩具怎么来面对众多不同的感受,谁喜欢,谁不喜欢。
Facebook是一典型的SNS成功社区,但“Facebook不是一个社交网络,而是一个社交工具”。
再有,我用豆瓣,就是为了查我想要的书,然后看别人有价值的评论,如果值得买,我还会用它来比较价格,哪怕只便宜一毛钱,我也会挑最便宜的,因为购书网店也只是我的一个购物的工具。然后通过豆瓣猜我喜欢的书,我还会对其进行比较,那么,我对豆瓣慢慢会产生一种依赖,它还有没有更多让我依赖的呢?又有没有能够改变我已有的习惯呢?要知道改变用户对一种产品产生习惯后跳到另一种习惯是何等之难。或许对于豆瓣别的用户,他们可能还有更多的用处,必竟每个用户的角度不同,例如对于出版社,豆瓣会起到什么工具性的作用么?
那么,你的产品是倒底是玩具还是工具呢?会不会被厌倦呢?用户会不会对你的产品产生依赖呢?是不是习惯性的呢?你的产品有没有改变用户已有习惯的魅力呢?
工具化你的产品吧!
自我引申问题:
怎样才能让人不厌倦呢?从哪些方面来考虑这个问题呢?
Posted at 2007/12/15
Under 产品思考
前段时间,不记得中央几套播出的一个节目,对一对双胞胎兄弟的性格差异进行了分析并对父母的教育方式进行了指正。双胞胎大概八岁,哥哥的性格活跃,外向,聪明,和父母亲近;而弟弟性格腼腆,内向,成绩向来不好,从他的动作和表情来看他在这个家庭像是一个外人。他们的性格为什么会有这么大的差异呢?经过节目的了解,父母总是对哥哥非常宠爱,所有好处总让哥哥先得,而对弟弟持着放弃的心态,任何家务什么的就是弟弟来做,从不愿与弟弟沟通。可愤的是,在节目后的一天,父母在专家的指导下,带弟弟去医院检查才发现弟弟一只耳朵失聪很久了,却从来没有被发现。
这类似的故事不仅让我对生活有所感悟,而且我总喜欢将这些问题带进自己的工作中和产品关注中。
校内后,海内又出生了,且不说他们是怎样遗传facebook的,但我认为,经营一个网站,就如对待自己的子女,网站的用户就是他们心内,需要沟通才能与让他们正常的发展。
他们都是实名制网站(PS:我还是支持实名制网站的),我到两个网站去注册体验(果然DNA非常相似),但我的实名比较特别,没有谁第一次记不住我,当然也会在这种虚幻的网络上得不到相信。且看两个网站是怎么来通过我的实名的。
先是海内:注册了一天后,我的实名没有通过,收到了管理员的私信,copy一段私信对话上来看看(我的实名稳藏,用“Me”代替,管理员用“Admin”代替)。
Admin
11-21 17:24 【Me】是你【身份证】上的【姓名】?
多谢。
Me
12-07 14:36 确实 是我的真名。我还是支持实名制的。呵呵。
佩服你的工作态度
Admin
12-07 14:38 你的名字比我的酷,我服了。
Me
12-07 14:41 过奖了,好像我的真名通不过?
Admin
12-07 14:41 是的,没通过……
Me
12-07 14:45 请通过。谢谢
Admin
12-07 15:17 好了。。。不好意思。。
Me
12-07 15:30 呵呵。
再是校内:
注册了几天后,没有通过,我把我的资料又完善了一下,可还是不能通过,
没有告诉我是哪里不正确,也没有给我提供反馈的地方,只让我再次修改资料,于是我重复了三次这个过程
还是不能通过,最后,我想着豁出去了,在填写公司名称那一栏写上“我怒了!哪里没有真实的填写?!”。
不到一小时,通过了。
现在所谓WEB2.0,SNS,最重要的不就在于用户的互动么?
小孩子从小连父母都不能与之沟通,长大了是何等可怖?
Posted at 2007/11/15
Under 交互设计
最近UCDChina 以“注意界面上的文字”为主题写了一系列的文章,使我在界面文字上的使用受益匪浅。之后,我对按钮上的内容的表现也做了一些总结与分析,与大家分享并希望得到指正。
1. 不必区分按钮还是链接。(这里列举的不是对他人观点进行攻击,而只是得以借鉴。)
很多人主张区别链接与按钮。这里,思域有一篇“关于鼠标点击对象:哪些应该是按钮,哪些应该是链接的说明。” 臭鱼的“网页按钮的功能与表现”,将按钮分成真正的按钮和伪按钮两类。
而事实上,不管是按钮还是链接,按照用户目标向导来完成任务,链接也完全可以做成按钮来实现用户目标的突出。而且并非一定能定义按钮和链接的功能,如果说按钮是为了发生“功能性的事件”而设计的话,那么链接打开一个新的页面是否也是一个功能性的事件?所以,为了突出让用户完成当前页面重要的功能,哪怕只是个链接,都可以从视觉和表意上,通过按钮来实现。当然,不主张在一个页面使用非常之多的按钮。
如淘宝的商品页上,为了让用户方便的找到当前商品的来源等与店主的相关信息,他们将以前的链接改成了按钮:
2. 我点击会“发生什么”
目前,各网站上的按钮上的文字内容没有一个主观的思想,想到什么就是什么,没有在文字上的太多推敲。
前面说到链接可以当按钮,但有时一串很长的文字为链接,如一篇文章标题。而按钮上的文字是需要讲究精短易懂的,能快速理解其含义。
先看几个例子的比较:
A:这是NOD32防毒软件在遇到病毒时的窗口,当用户遇到病毒时,会有些恐惧与谨慎,他们想快速的病毒拒之门外,而又不确定是否对系统本身会不会受到威胁。当弹出这个窗口时,会对这个“停止”按钮产生有两种疑问,点击了这个按钮是停止软件的阻止?还是停止病毒的威胁?

B:仔细看这两个按钮上的文字,“写日志”是从QQ空间里截来的,有谓语和宾语的,当然主语就是用户自己“我”,组合起来就是“我写日志”;“购买”是从淘宝的商品页面上截的,却只有一个谓语(动作),可以完成的组合是“我购买商品”。但他们都恰到好处的在自己的岗位上完成自己的职责。为什么呢?后面再总结。
C:“点击进入”完全多余,只是增加了用户在按钮上停留的时间。
所以,通常情况下:一个按钮,结合页面上的其它交互和信息组织,要能恰到好处的组合成一个完整的句子“我点击会发生什么”,而“我点击”三个字是在我和鼠标之间的事,而不必要在网页上出现。所以例子C中按钮上的“点击进入”是多余的。至于什么是恰到好处,为什么淘宝上那个“购买”就只有谓语动词也能恰到好处,这就与页面交互有关了。我的分析是,当用户与页面在完成某个任务时而产生一系列的交互事件,而这个宾语便随着这一系列事件附带而来,而如果这里再加宾语的话,反而会产生回到这个系列的开始的歧义;反之,如果一个页面包含着多个系列交互事件的话,侧必须在按钮上加上宾语,以明确用户点击发生的是哪一个事件。
一个系列事件
一个页面多个事件
3. 以形表意
中国甲骨文便以形绘意,后来对大量文字达成共识后,也就没有太多在意文字的实际来源了。按钮也如此
达成共识的按钮
不用共识的按钮反而起不到要起作用
4. 再看一些按钮





