Tag: 设计

《错觉——WHY WE MAKE MISTAKES》读后感(一)

         前几天读了约瑟夫·哈里南写的《错觉——WHY WE MAKE MISTAKES》新书,有感觉!了解到人们为什么总是会犯一些自己都无法察觉的错误。之后与工作结合一下,有了自己的一些看法,其中有几点就与大家一起分享一下。

1、人们看到的只是自己感觉到的和自己希望看到的那一部分。
       生理原因:眼睛能够清晰看到的视觉范围只有2度,超出了这个范围,眼睛所能看到的东西就越来越模糊。因此,在网页设计的时候我一定要把主要内容区域的宽度控制在浏览者眼睛能够清晰看见的2度范围左右,这样利于用户看清主要内容,同时利于速读的浏览者。一般来说1280px宽的显示器下面,主要内容区域在500px~650px宽度是比较合适的。可以看看google、bing、yahoo等搜索结果页面,显示列表的时候宽度都不会超过650px,一般都在500px左右。OK,眼睛的生理原因知道了.接下来就要考虑目标用户对什么有感觉,他们最希望看到的东东是什么?想好了,做好内容之后就往那2度左右的范围里加吧,浏览者在这范围内轻松的看到感觉到自己喜欢的内容和文字,当然这也是自己希望看到了东东,岂不是乐哉!但是一定要注意的在横视范围类,每块区域最好只有一个重要的主题内容,千万不能百花齐放,层次分明才是上策。
         说到这儿,我觉得需要说明一个事儿。就是很多广告商喜欢上传一些闪来闪去的GIF动画或者FLASH广告,觉得这样就可以第一时间的吸引用户。其实这样做不一定能吸引用户,有时反而会造成用户的反感,除非正好有用户需要广告中的东西,他们可能就会被闪来闪去的广告所吸引。因为现在已经不是网络的初期了,人们在海量信息的网络时代已经学会了过滤信息,自己已经有一个心理雷达了。是广告或者看似广告的设计都将会被用户迅速的过滤掉,甚至很多时候都不用过滤直接被忽略。所以网络广告的设计一定简洁明了直奔主题,形式不易过闪,动作不易过快,避免造成用户反感。不易过于互动,用户没有太多时间和广告玩儿。

2、人们生来就知道放弃
       通常而言,人们在寻找失败的时候会放慢速度,成功后会加快寻找速度。但是人们在寻找那些平时很少能看到的东西时,几乎总是会轻易的承认自己无法找到,他们倾向加快自己放弃的速度,和压缩自己能够忍受的退出时间。哈哈,这一点说明人们的意识里原本就知道且容易去放弃。所以人们在浏览网页的时候也存在同样的意识,为了避免用户很快的放弃,我们采取的方法通常是让网页内容重点层次明确;网页路径清晰;广告根据会员喜好精确投放;提供强大的搜索功能等等。但如果在网页内容上也根据会员喜好自动精确投放的话那就更好了(现在的做法通常是用户自己个性化定制自己感兴趣的内容),这样也就能避免由于用户在找寻内容时可能出现的放弃。

3、 细节不重要,意义才重要
         人们总是很容易记住其他人的职业、个人爱好和出生地(在语义学意义上,有更丰富的含义)——这些信息是有意义的,但名字往往不怎么能记住,因为他们没有明确的意义。如果这个意义可以广泛讲的话,例如:我们在做设计网页的时候往往对边框是用圆角和直角纠结不清,反过来想想浏览者对这个网站是做什么的主要内容是什么都不知道,谁又会注意你的边框是圆还是直呀。网站没有内涵没有意义,就算把这圆角做成金子也无人会关注的。因此设计网页得从大局大框架出发,做出实际内涵意义之后再修饰细节也不迟呀,先做容易让人记住的。始终要相信,人们记住你的网站不是因为圆角和直角,而是真真切切的内容。

4、瞬间判断,难以动摇
         人们都有种很倔的性格,始终都是坚信自己的初衷,就算自己不愿相信但是往往最终还是这样做了。最典型的例子:买衣服往往最后都是买了自己的第一次瞬间看中的那件。瞬间判断也就是第一印象,卖相如何直接影响人们消费欲望。举个例子,淘宝网和ebay国际站放在中国的大环境下,人们会选哪个。当然选会淘宝网,因为淘宝网的卖相符合中国大众的胃口。尽管中国大众也在跟国际接轨,指不定那天就喜欢上了ebay国际站的卖相,不过现阶段或者今后很长段时间,淘宝网还是符合中国大众口味的购物网站。所以在任何一个行当的网站设计中,利用人们的瞬间判断,让人们瞬间记住这个网站并且能判断出是好网站,那么恭喜你,这个网站将在人们心里永远记住,并且也将成为以后首选。当地的实情,当地用户的审美观和价值观将成为人们瞬间判断的主要依据。

5、虚荣心是大脑皮层反射出来的快感
        其实这个在日常生活中也是很常见的。例如:我们在喝价格昂贵的葡萄酒时,感觉味道就是比价格低葡萄酒的味道好,其实就是一瓶葡萄酒。把二锅头倒进伏特加的瓶子里,也能喝出伏特加的味道。其实喝的不是酒是瓶子,呵呵。这是人们与生俱来的虚荣心引起的,迎合人们的这种心态是可以增加人们的消费欲和品牌忠诚度的。不过要让人们产生虚荣心,势必首先品牌要得在局部或者大部分地区有知名度,这样让人们能拉开优劣的差距。差距越大,大脑皮层的反射才越强烈才越快乐。 

6、人们对自己的“作为”比“不作为”,感觉要负有更大的责任
   这种现象在网络新手中出现得相当普遍。例如:一个新手要注册成为一个网站的会员,但预知可能会出错,那么这个新手可能就不会注册了,不会去做了。这个也能解释为什么当人们遇到一个长串的表单时,往往会望而止步,因为这个表单太长,更主要的是他们怕出错。不做当然不会错了,所以宁可不做也不愿意负担起做了错了以后的责任。这也就是以后出现了简洁的注册表单(大多数网站只包括会员名/密码/邮箱,同时也对填写项做充分的注释和即时校验)的原因。减少注册步骤,减少人们的顾虑,减少人们对做了以后万一出错而带来的责任负担的心理压力。所以要让人们大胆的在网站上晃悠,那就不要让人们感觉太大的心理负担。提供充分的注释和即时校验,还有亲切的文案(千万别用文案批评人们,人们会以为你在鄙视他),让人们在顺畅的心智下浏览网站。

今天就暂且分享这6点,下回继续分享……

积极和消极的尺度把握

        交互设计中有消极性和积极性的说法。看似两个绝对两极的属性其实也是需要分寸和尺度的把握的。先看一个例子,如图1

书签

        在图中列出了四种Tab书签,在前两个Apple和Dell网站中出现的Tab书签我们可以发现除了突出主要的当前选中Tab书签以外,其余的书签我们也能很清楚的看见和理解而且并不妨碍对当前选中书签内容的阅读。我们再来看看后两个取自淘宝网宝贝List页面的Tab书签,第一个当前选中Tab书签的积极性远远高于旁边的四个浅灰色Tab书签以至于用户在浏览时往往会忽略橙色书签旁边的浅灰色书签或者注意到而没有点击的欲望,因为当前选中的橙色书签太积极太高调了。第二个也许已经意识到应该平衡一下积极和消极的之间的尺度了,但是当前选中书签的颜色和旁边的书签颜色太接近,以至于也无法瞬间告知用户我在这里,我是可以点的。

         通过以上的例子我们可以看出积极和消极其实是有尺度划分的。我们可以把它们分两类:相对的和绝对的。

         相对的积极和相对的消极。其实类似于Tab书签的形式就是一种相对的积极和消极,因为在Tab书签中除了当前选中书签以外的其他书签我们是希望被用户看到和点击的。这个时候我们就应该给其他备选书签也一定的视觉突出,因为当前选中书签已经在面积和内容上占了绝对的积极性,就不能再过多的夸张和修饰它了(类似于图1中Apple和Dell中的书签形式)。

         绝对的积极和绝对的消极。这种情况多出现于,两个或多个按钮同时出现时,但其中有按钮是用户很少用,但是又不能缺少的时候,我们可以用绝对消极的方式去处理这个很少用的按钮,把它变成链接(如图2)。这种绝对的积极和消极可以防止用户有时候的误操作,特别是取消和重置按钮就应该让它们绝对的消极下去,真的要用的时候能找到就OK了。

按钮

        这种积极性和消极性在设计中会经常出现。我们在处理这种情况的时候能需要用绝对和相对的尺度去区分它们。让需要突出的信息不会被埋没,该暂时忽略的信息就让它暂时消极一下。

让有特殊属性的字串,有用起来!

       在网络或者现实生活有些字或者字串有着一些特殊的属性,所以在设计中,我们不能忽略掉这些字或者字串的特殊属性。如果以基本属性来设计它们,那就太委屈它们了。

       以下举例说明:

       A、 银行卡卡号

       属性:数字长、被经常使用、跟钱和隐私有直接关系、使用时不能出错需要核对;

      银行卡号一般都是16位的数字,例如:8888111122223333。为了方便用户输入和查看卡号时方便,银行卡上的卡号都已以4位成组间隔,例如:8888 1111 2222 3333。OK,当您在网上使用网银,输入卡号的时候往往就会发现,照着银行卡输入卡号的时候很方便,但是在屏幕上核对卡号的时候却很吃力,因为网上的输入框中16位数字是连接在一起的,所以卡号在线上的展现形式也应该跟实际银行卡上的展现形式一致才最好(如图1)。

银行卡号

       再举一个例子:安装软件时输入的序列号其实也是符合卡号的属性。序列号一般是24到25个英文或者数字,以4位数或者5位数为一组间隔分开,在计算机上可直接输入或者粘贴。在拷贝粘贴方面,由早期的只能每个框进行拷贝粘贴到后来发展成为可一次粘贴到所有的框中,同时也会给出序列号正确与否的提示(如图2)。我想如果这么长一串的序列号不分开,在核对什么地方输错的时候将是一件相当痛苦的事情。

序列号

        B、 手机号

        属性:唯一性

        手机号由11位数字组成,它的唯一性包含了唯一地域和唯一运营商。怎样发挥它这一特殊属性呢?看看网上手机充值的功能吧(如图3)。在模块中,地域和运营商都是可以不用选择的,用户直接输入手机号就可以进行充值的流程了,没有必要让用户再多两步选择的动作。

手机费

        与此类似的还有邮编。邮编也有特殊的属性,它有唯一地域性,可以精确到某个城市的某个区某个镇某个乡,所以在输入地址的时候利用邮编就可以帮助用户填写部分地址信息了。先填写邮编,让系统帮用户选择好省市区,更甚者下面的电话号码的区号系统也自动填好(如图4)。

地址

       生活中还有很多这样的特殊属性的字或者字串。我们只要抓住一点,当遇到这类字或者字串的时候要有意识的去想能否让字或者字串的特殊属性去帮助用户减轻操作负担和精神负担。

【超级下拉导航菜单初探 】Knew about Mega Drop-down Menu

【摘要】

导航菜单不一定是一个文字链接的简单集合,它可以丰富地表示导航信息的层级, 甚至反应整个网站内容的层次结构。由于普通下拉菜单存在很多可用性问题,促使Mega drop-down menu应运而生,由于这种菜单真的很牛X,所以我叫它超级下拉菜单。相关测试证明了超级下拉菜单克服了普通下拉菜单的缺陷,值得推荐广泛使用。

【正文】

首先结合实例,我们先分析一下超级下拉菜单是什么样子的。

2009-09-30_mega drop down

1.巨型的、二维的面板将导航选项明确的信息分组;

2.通过布局、版式和图标等手段来组织导航选项的内容;

3.一次性、快速地发现所有信息,无需滚动;

4.当主导航在页面顶部时,可垂直或水平展开菜单;当主导航在页面左侧时,可以飞出的形式展开菜单。


其次,我们来看看超级下拉菜单之于普通下拉菜单的优势。

1.一目了然

对于大型网站来说,普通下拉菜单通常隐藏了大多数用户需要看到的选项。虽然通过滚动可以解决展示的问题,但由于用户无法直观比较所有的选项,他们不得不依赖短期记忆来记下扫视过的信息,记忆力的好快直接影响了完成任务的效率。尤其是下拉菜单过长时,普通下拉菜单就更让人苦恼。

而面对复杂的网站(尤其电子商务网站)超级下拉菜单充分体现了“一目了然”的原则,全部信息尽收眼底,用户无需承担记忆的负担。


2.明确分组

普通下拉菜单层级和分组都不明确,一般是在二级菜单名称前加一个“ – ”,或者缩进处理。

而超级下拉菜单由于包含的信息众多,所以从信息组织、布局、视觉表达上均强调了选项之间的层级和分组关系,帮助用户了解他们的选择。


3.信息可视化

普通的下拉菜单一般只适用文本链接,我们需运用排版、文本样式来区分不同选项的层级关系和重要程度。

而超级下拉菜单可以通过使用图标、图片、提示等丰富的形式,让选项信息可视化,更直观,更容易理解。在windows Word 2007的下拉菜单中用图标代替了文本,且鼠标移上每个图标时显示提示信息,帮助用户做选择。


接着,重点切具体地研究下超级下拉菜单的应用规则。

我所说的规则是针对超级下拉菜单的,对普通下拉菜单同样适用的规则此处省略××字。

1.响应速度

响应速度是设计用户界面时要重要考虑的因素之一,之于超级下拉菜单也不例外。一般界面元素必须在短时间(0.1秒内)作出反应,好让用户觉得是他们操作导致了屏幕上的变化,过慢的响应使他们感觉操控电脑与自己无关,所以响应需要及时。但是针对超级下拉菜单的特点,速度过快也不太好,用户要浏览的信息众多,如果鼠标不小心移出菜单就关闭菜单的话反而干扰用户的操作。

因此,在设计中我们应该注意响应速度的设置,并且针对不同的系统和浏览器予以测试,保证它的可用性。如何设定这个时间呢?根据尼老爷多年的实验得出以下建议:

A.鼠标在导航的某个选项上悬停0.5秒。

B.如果鼠标仍停在这个选项,则需要在0.1秒之内展开超级下拉菜单。

C.如果鼠标移出导航选项,且停留在导航以外区域超过0.5秒,则在0.1秒内收起超级下拉菜单。

D.对角线原则:如果鼠标如下图的路径左上至右下滑行,期间会移出导航选项和菜单的区域,在这种情况下应该保持超级下拉菜单的展开状态。虽然多数用户不存在这个问题,但是针对老年人和行动不便当用户应该适当的加长这个时间。


2.合理的组织菜单中的众多信息

超级下拉菜单包含的信息从形式上有文本、链接、图标、提示等,从内容上又包含多级导航选项、网站流程、具体的产品信息等,合理的组织这些信息,明确了分组,才能是超级下拉菜单发挥真正的作用。从主要分组的准则是:

A.按照信息的相关度打包。例如可以通过卡片分类的方法研究用户心智模型,从而将相关度高且用户认可的信息集合在一个组。
B.保持中等水平的粒度。不要在一个分组提供过多的选项,降低用户扫视这些信息的时间。相反,也不要划分的太细,这样用户需要花更多时间去了解每个分组的含义和区别。

C.使用简洁、描述性、标签化的文案。Web产品的文案有个准则:让用户在扫读时通过关键词抓住意思,避免使用专业术语。
-使用简洁、直白的文案;
-不要在同一个菜单中使用雷同的用词。

D.按信息分组布局。可以根据分组信息的重要性或使用频度来排序、布局,并通过视觉手段明确分组和层级关系。

E.不要出现重复的选项信息。不要让用户困惑,去除冗余的信息。


3.保持简单有效

按照可用性的标准,让超级下拉菜单“保持简单”,我们可以在菜单上做很多事,但并不意味着我们应该这么做。

A.用户真正需要的是一次点击达到目的,不要为了使菜单看上去很高端就乱用花俏的交互效果和功能。

超级下拉菜单是一个快速跳入跳出的控件,而不是对话框,并非越复杂越好。有的超级下拉菜单有右上角会有一个关闭按钮,用户需要快速的点击-查询-跳转,当用户将鼠标移动到导航的其他选项或页面其他区域时,当前的菜单会自动关闭,所以这“关闭”是没有必要的。而对话框可以很复杂、很炫,如果他们不想用了就关掉它,嫌它碍事可以挪到其他位置。

B.超级下拉菜单适用于网站的导航、浏览,对那些需要持续可见的、不能被中断的操作是不适用的。

举个反例,有的网站把导航栏中“我的帐户”登录设计在一个下拉菜单中,用户在填写表单的时候鼠标可能会移到菜单外,于是菜单就收起不见了,这个设计就妨碍了用户的操作。简单而有效的方案是直接把“我的帐户”登录链接到一个全新的页面。此外,全局搜索框也是个例子,没人会把它放在一个下拉菜单里,当然下图是个意外。

collabfinder

C.尽可能的避免信息过载。

不要因为超级下拉菜单巨型、有很多空间就扔很多的信息进来。越少的选项信息就意味着越少的扫读时间,同时减少理解的成本,少出错。


4.无障碍操作

提高超级下拉菜单无障碍操作,可以通过以下几种方法:

A.简单:不要妨碍下拉菜单的访问,使导航中的每个选项保持可点击,指向的页面链接也是正确的。

B.快捷:通过快捷方式访问。例如Word2007中,按一个字符选择以及菜单中的项目,并显示相应的超级下拉菜单。在菜单的每个选项旁边显示快捷提示。这样用户通过一两个字母就可以顺利快速的操作,无需记忆,而且理解成本更低。

C.兼容:完成超级下拉菜单的设计后,实现阶段我们应该注意显示器和浏览器等的兼容问题。保证大多数的用户可以顺利浏览到超级下拉菜单的所有信息。


【后记】昨天在工作中遇到一个关于导航的问题,一小撮er不明真相的群众就“是否需要引入超级下拉菜单”的话题热烈讨论。本想作为论据把尼老爷的文章翻译一下的,不过看了看太麻烦,还是在自己消化的基础上小结了一下。如有跑偏,请大力拍砖^_^。



【参考文献】http://www.useit.com/alertbox/mega-dropdown-menus.html

http://www.smashingmagazine.com/2009/03/24/designing-drop-down-menus-examples-and-best-practices/

http://hi.baidu.com/numetal/blog/item/46245055e1c1ab163a293582.html

读《写给大家看的设计书》

这本书提供了一个简单的方法实现——优秀的设计就是这么容易
我们需要做到:

1. 学习4大基本原则:它们比你想象的要简单

2. 认识到自己没有运用这些原则: 形诸文字–陈述问题

3. 应用基本原则:结果将使你大吃一惊


四大基本原则

1.亲密性(Proxinmity):将相关的向组织在一起,使他们的物理位置相互靠近。
>目的:实现组织性
>物理位置的接近就意味着存在关联,把相关的元素分在一组,使它们建立更近的亲密性。
>需避免一个页面上有太多孤立的元素,不同属一组的元素之间不要建立关系,如果元素彼此无关,要把它们分开。

2.对齐(Alignment):每个元素都应该与页面上的另一个元素有某种视觉联系。
>目的:使页面统一而且有条理
>任何元素都不能在页面上随意安放,每一项都应当于页面上的某个内容存在某种视觉和逻辑联系。可选用左对齐、右对          齐、居中对齐、两端对齐。我们需要找到一条明确的对齐线并用它来左对齐的参考。
>需避免在一个页面上或是几个相关联的页面上混合使用多种对齐方式。

3.重复(Repetition):设计的某些方面需要在整个设计中重复。
>目的:统一并增强视觉效果
>重复不仅对只有一页的作品很有用,对多页的文档设计更显重要。
>需避免太多的重复一个元素,要注意对比的价值

4.对比(Contrast):要避免页面上的元素太过于相似
>目的:增强页面的效果,能是页面更有可读性;其有助于信息的组织。
>如果两个相不完全相同,就应该使之截然不同。重要的是:对比一定要强烈,这样可以提高视觉上的敏感度。
>需避免不要把对比做成了冲突。对比元素不能让用户产生混淆。

P.S 看完本书我的一些小感想,在之前的项目中确实有些小部分忽略了。这本书运用了一些简单的语言和方式说了一些比较使用方面,这点是不错的。书里的内容不单单是运用在页面上,也可以运用在其他的设计上也可以运用在平时的生活中。通过简单的几条来慢慢叠加,不要模棱两可,原则即是简单的容易被忽略的。

项目开发伦理

有朋友向我抱怨自己的设计方案受到开发人员的质疑:“我要用新窗口的方式代替现在的弹出层方式,都已经和产品需求方达成一致了,开发说:我不接受!…………”

“不接受 ”这种态度。否定了设计师的工作价值但又不提供理由。需要设计师自己想办法证明自己方案的伟大光荣正确,说服开发来实现设计方案。虽然摆事实讲道理是一种 解决方案,但是如果项目组的每个角色在相互不信任的环境中都需要解释一下自己作出某个选择的理由。那将大大降低组织系统的执行效率。

此例中如果弹出层还是新窗口这类基础问题,都需要向每个项目成员说明理由,那么可以推断来自各方面的可能的质疑将让我们疲于应付,这就是所谓的沟通成本远远超出设计成本。严重的时候甚至会影响项目进度。有没有什么方法能规避或者是减少这种冲突呢?

首先我们分析一下此类冲突的特点:

1.冲突产生的时机,大多存在于项目从需求方向执行方推进时,冲突双方对某问题的解决有不同的看法,而这两种看法没有明显的优劣之分。彼此不能说服对方,问题的决策方不明确,这时候也最容易演变为相互说服的耗费大量时间和资源的拉锯战。

2、冲突产生的环节,角色职责交叉的中间地带和模糊地带。

怎样减少这种冲突呢?规范项目流程是一种刚性的方法,流程可以一定程度上起到明确职责分工的作用,明确各个角色对不同问题的决策优先权,但并不能清 晰的划分出每个问题的职责分界线。而这个不能明确划分界限的模糊地带又是最容易发生冲突的地方。而且流程规范也存在粒度问题,如果规范太宽松起不到规范的 作用。太严密又会僵化,繁琐的流程导致效率低下。

因此在流程规范触及不到的领域就需要另外一种规则来减少冲突,这种规则必然不是像流程规范一样的刚性规定,但又必须有一定程度的约束力。这是一种什么东西呢?是伦理,在万恶的旧社会叫“三纲五常,三从四德”。

下面我将试图证明通过伦理学方法减少冲突的可能性,为什么选择伦理学?

首先我们看一下伦理学的功能:伦理在一定程度上起到了调节社会成员之间相互关系的规则的作用,类似于约定俗成的交通秩序,引申为人在社会上为人处世 的规则。它试图从理论层面建构一种指导行为的法则体系,即“我们应该怎样处理此类处境”,“我们为什么/依据什么这样处理”。并且对其进行严格的评判。

伦理这种“约定俗称”和“指导法则”的感性特征使他可以渗透到流程规范触及不到的模糊地带。他的出发点就是调节成员间的相互关系,而且它通过公众评判产生约束力(例如贞节牌坊)。因此它有可能为我们解决冲突提供一种思路。

当然我不可能像先贤们那样写道德经,只能通过自己的项目合作经验,提炼一些浅薄的观点,欢迎拍砖。

“尊重”是目前我能想到的最重要的一条项目开发伦理。下面我将尝试向大家解释尊重伦理的合理性和形成这种伦理的一些必要条件。

为什么要建立尊重伦理?

在某项目中,设计师对产品经理的产品方向提出质疑认为功能设计不合理,并通过用户调研手段发掘出了真正的用户需求。但产品最终并没有体现这些需求,设计师是应该 “点到即止”还是为了用户的利益 “奋起反抗”。

根据尊重原则,我们应该选择第一种做法。

因为一旦我们为了满足某些用户需求质疑产品经理在产品方向上的决策权,就会破坏尊重职业分工的伦理,在这种伦理被破坏的情况下每个项目成员的决策就都有可能受到其他项目组成员的反复质疑。系统的整体执行效率必然大打折扣。

反之,如果我们尊重产品经理的最终决策权(虽然不一定信服),虽然这个产品不能满足一部分用户需求。但是尊重伦理保证了系统的执行效率。单个产品的成败,和系统的整体强健高效相比显得微不足道。

那是不是意味着尊重伦理的这种“容错”特性会纵容系统产出低质量产品呢?

从上面提到的例子来看:

产品经理的能力问题仍然要靠产品经理所属的组织系统去解决,进化或淘汰的力量均源于产品经理自身的组织。其它角色出于专业的局限性,无法对该角色进行有效的教育和促进。并且职责分明的情况下,产品一旦出现问题,系统也能迅速识别薄弱环节进行调整。

尊重伦理在团队中如何形成?

一方面 要求角色有能力证明自身决策的权威性和正确性

其实很多质疑者的质疑习惯源于以往的质疑成果的激励。质疑者大多在之前有过成功质疑的经验,并且认为自己的质疑使产品更加完善。这种成功质疑的对象 必然是那些没有能力证明自己决策的正确性和必然性的不成熟的角色。如果质疑者的每次质疑都被成功说服。那她的质疑习惯就会被尊重习惯和信任习惯所取代。

对与设计师来说,就是自己的每一个设计决策都要禁得起质疑。能在每一次受到质疑的时候给出充足的理由。在经过多次合作后,其他成员自然会建立起对你 的信任和尊重。质疑声会逐渐消失。最理想的情况是设计团队的大多数成员都具有这种能力,那整个部门都将收到足够的尊重,即使是部门中少数不成熟的成员(这 里的不成熟是沟通能力,不是指设计能力)也可以享受这种尊重成果并尽快成熟起来。

另一方面:依靠所有成员对尊重伦理的认同。

所有伦理的产生都源于,利他利己原则,利他是为了利己。就像红灯的时候让别人先走。是为了自己在绿灯的时候不会受阻一样。尊重伦理也是同样的原理,通过案例教育使成员认识到尊重原则的重要性,尊重别人是为了让自己的决策更受尊重。

尊重伦理的基础:

相互尊重建立在职责分明的基础上,只有在职责分明的情况下才能识别哪个角色拥有优先决策权。如果角色之间存在职责模糊的地带,就需要遵循能力尊重原 则,设计师深入理解用户行为的能力使他对产品细节有优先决策权。产品经理对市场的把握能力,使他在产品方向上有优先决策权。如果职责分工模糊,设计师参与 产品策略,开发参与产品设计。不但会影响适当的人作出正确的决策,当产品出问题时,系统也无法识别出错环节,不利于系统的进化。

什么时候可以突破尊重伦理(推倒贞洁牌坊)??

虽然贞节牌坊制造了“和谐”的社会风气,但也束缚了广大妇女同志追求性福的脚步。严重的甚至有可能对“偷情”的小寡妇造成人身伤害,因此有必要的时 候我们必须要推翻它,以我们的“快速拍”产品为例。产品经理主观上希望通过降低新用户的注册门槛,来增加购买成功率,但经调查发现,大部分用户在支付宝付 款阶段依然无法越过门槛,而且技术实现上,系统不允许用户以非会员的身份购买宝贝……。这种情况下,所谓的快速拍就快不起来,而且有可能在购物关键流程上 使迷惑用户(因为快速拍界面根据cookie判断是否出现,因此可能会时有时无)我们就要尽力屏蔽这种需求。

由于对伦理学的方法,以及从设计师的角度来考虑整个项目开发的伦理具有一定的局限性,所以希望大家对我的看法多提批评和意见。也希望大家能提供其他自己认为重要的开发伦理。

登录界面的情感化设计

brainstorming

一个苹果+一个苹果=两个苹果

一种思想+另一种思想==>两种思想

——来自一位不知名的大虾

这次的脑爆二期主题是《登录界面的情感化设计》。

发起背景:

1.功能上:为了增加安全性,登录方式增加了“动态密码登录”和“手机校验码服务功能”;

2.开放性:发展支付宝会员绑定到淘宝,需要新增“支付宝登录”;

3.体验上:老的登录界面已经很out了。

讨论话题:

step1.登录界面是否需要情感化设计?——大家都说yes

step2.从哪些方面提升?

a.公司形象–>提升品牌价值

b.商业价值–>促进转化率

step3.怎样实施?

a.目的上:

  • 淘宝是做什么的(功能描述,shopping的意境)
  • 用户可以在淘宝上做什么

b..形式上:

  • 新功能推介(公告)
  • 业务简介(轮播)
  • 登录帮助/区别/优势
  • 节日提醒(如:父亲节到了,是不是买些礼物?)
  • 宝贝传奇
  • 淘宝的活动
  • shopping的技巧
  • 告诉用户预期目标(互动式效果,类似flickr的take a tour)
  • 武侠风格(桃花岛)

感谢大家的YY,帮助我收集了很多有价值的想法,咱们脑爆有力量!

这是我收到的最动听的赞美……

未标题-2

这是今天的一条旺旺聊天记录,一个输入表单的提示问题,测试人员在认为输入项标题上应该出现“ * 提示,提了bug,我大概解释了一下为什么这样做。

由于交互问题基本没有什么门槛,我们的设计在项目过程中是受到质疑最多的一个环节,开发,测试,产品经理。任何一方都能对交互问题提出自己不同的看法,于是能证明我们的设计也算是一项必不可少的职业技能。

这种证明有时候是很无奈的,一些非常基础的交互行为也会受到质疑,你也需要去想清楚解释清楚。但这种证明的过程是对自己的专业技能有很大帮助的,比如下面这个查询输入框遇到的质疑:

未标题-1

未标题-1.1

测试人员没有提到这个问题之前我确实没有认真考虑过输入框的反馈……

有的设计师可能会很反感这种情况,老是证明这种基础问题会花掉很多的沟通成本。但事实上,相对固定的合作对象,一旦建立了对你的信任,一般不会再经常来烦你了。