<![CDATA[蒂斯工作室 - Collection]]> http://www.dissweb.com/blog/ zh-cn PBlog2 v2.4 蒂斯工作室 http://www.dissweb.com/blog/images/logos.gif http://www.dissweb.com/blog/ 蒂斯工作室 http://www.dissweb.com/blog/article.asp?id=35 <![CDATA[用户体验中沟通的技巧]]> diss@dissweb.com(掌紋) Fri,17 Jul 2009 08:54:21 +0800 http://www.dissweb.com/blog/default.asp?id=35
　　到这里你已经有撞墙的冲动。最后会议不欢而散，每个人都愤愤不平地走出会议室，你不明白为什么这帮家伙会提这么多不靠谱的问题，而你的同事们当然也想不通，这个顽固的家伙怎么就这么听不进别人的意见呢？
　　无论你是上面情境中的设计师，还是参与的其他人员，你一定都希望这样的情况少发生。设计沟通如何能够更顺畅？设计师如何更容易地把自己的想法推销给项目组中的其他同事？设计师之外的其他团队成员，又如何更有效地表达自己关于用户体验的看法和意见？

　　沟通是设计师的本职工作

　　沟通和团队协作是一名用户体验设计师最基本的能力，也是他的本职工作。虽然许多企业的组织架构中设立了专门的用户体验职位或部门，但事实上用户体验并不是某个人或某个部门的事情。产品团队中的每一个人，都会影响到产品最终呈现给用户的体验。所以，纵然设计师有天才的想法和设计，如果不能把这些想法和设计传递给团队的其他成员并获得认同，那么其价值都大打折扣。
　　“用户体验”的另一个特点是：团队每个成员都可以轻而易举地对这个话题发表自己的见解，因为每个人都是用户，都可以很容易从自己的使用经验出发，推断出 “用户会……”。因此，相比起开发人员等其他岗位的团队成员来说，设计师可能需要更多地“忍受”同事的“说三道四”。如何既能在讨论的过程中引导别的同事不断贡献有建设性的意见，又能赢得其他团队成员在用户体验这个领域上的尊重，并在这个自己的“一亩三分地”里面保持一定的决定权，也需要设计师在不断的沟通协作中逐渐实现。
　　明确了这一点，或许工作中的困扰也能少一点。许多设计师常抱怨：“同事完全没有设计的sense”，“设计环境不好，老板不理解我的看法”等，这反而说明了这位设计师的工作没有做好。反过来说，如果大家都有sense、如果公司上下都已经有很好的设计环境，你做为设计师能发挥的作用也会小很多。
　　对于设计师以外的其他团队成员，若在合作的时候能更清楚对方的专长、职责和定位，也能让双方的协作进行得更加顺畅。许多人至今还狭义地认为用户体验就是负责画画图标的、在产品成型以后做做界面修饰的美工。若仍抱有这样的认识，就很难期望在合作过程中让设计师对整个团队贡献最大化的价值。

　　确保共识始终存在

　　设计归根结底是为了解决问题。不管整个产品设计的流程被分为了几个阶段，不同的阶段实际上都是为了解决不同层面、不同规模的问题。产品团队中的其他同事未必熟悉设计的流程，也未必清楚目前要解决的到底是什么问题。因此，设计师在和不同职责的同事开展讨论之前，都需要确保对方明白整个设计流程是如何规划的、 现在进行到哪个部分、今天要讨论的是什么问题、下一步是什么等。先确保了大家都站在同一条船上，才能保证大家力气使到一块。
　　另外，在从一个阶段进行到下一个阶段的时候也要确保大家在上个阶段中达成了共识，再往前推进。否则如到了视觉设计的阶段突然发现大家对非常底层的产品定位问题都还没有共识，一切都推倒重来的话损失将非常惨重。
　　为保证沟通的有的放矢，设计师在流程的不同阶段也应注意用不同的呈现形式来向同事展示自己的工作。例如，在早期呈现内容规划时，简单粗糙的线框图就要比高保真设计稿更易引发高效的讨论和获取有价值的反馈；而到了后期进行视觉设计确立的阶段，则需要采用高保真的原型来尽可能地模拟真实的产品形态。初入行的设计师可能会觉得始终用较高保真度的设计稿会显得自己的工作做得比较细致，实则不然——其他同事在审阅设计方案时的注意力可能会被许多如按钮阴影、用色等视觉细节所转移，而你本来只是想给大家看一个交互设计的方案。
　　如果合作的同事并没有太多和用户体验部门打交道的经验，那务必要花一些时间来对正在使用的呈现形式或方法做一些解释说明。我自己有一次用线框图和负责开发的同事讲解产品的交互流程，当时我以为对方理解线框图的含义，就没有另外做解释。结果，开完会以后心急的开发人员就七手八脚地按照线框图上呈现的视觉样式，把产品的界面给直接做出来了。

　　用正确的方式证明自己是对的

　　在沟通的过程中，其他部门的同事往往会对设计提出很多意见。如何更有效地开展讨论呢？
首先，由于其他同事并不是专业设计人员，其言语表达可能并不能准确地反映他们的真实想法，设计师首先要试图找出其背后的真实含义。
　　再者，要引导大家尽量运用事实来作为讨论的论据。听见像“我觉得……”这样的句子，就往往意味着这是一个主观判断——A“觉得”按钮放在右边好，B “觉得”按钮放在左边好，这些都是价值判断；如果没有一些事实作为判断的依据，讨论很难继续下去。“事实”可以有很多种表现形式，例如，可以是业界公认的的界面设计基本原则，可以是以往类似情境下我们做出的决定和最后的效果好坏，可以是产品界面设计规范中的相关规定，可以是之前做的可用性测试中用户的反馈，甚至在必要的时候可以设计一个A/B测试的方案，用测试的数据来证明设计是否达到了预期的目的等。没有事实论据辅助的决策， 也就是大家坐在一起拍脑袋而已。
　　有一种批评意见认为在设计中过多地强调了如数据这样的理性“证据”，会扼杀设计师们的用创造性方式解决问题的能力。直觉和感性认识当然可以用来提出新的解决方案，但这个解决方案是否最后行得通，尤其是在商业环境中，还是需要有一定的理性根据作为支撑的。胡适先生曾提出，治学一定要“大胆假设，小心求证”，做用户体验设计也如此。
　　最后，要提醒讨论的参与者分清楚自己和用户之间的界限。虽然团队成员也是产品的用户，甚至可能恰好是产品的目标用户群，但团队成员们和产品相处的时间要比一般用户多得多，对产品的认知早就和一般用户相去甚远了。在这种情况下，自己模拟用户的角度做出的判断，往往和真实用户的想法是有差距的。所以，如果你听见有人说“用户会……”，就一定多长个心眼，问问这是真的用户行为，还是发言者想像的用户。
做为设计师，可以带领产品团队隔一段时间进行一次用户测试，请同事们前往观摩，往往能看到许多其他团队成员感到吃惊和开眼界的情景。此外，做为设计师，首先应该抱着虚心的态度听取别的同事的意见——他们确实不是专业的设计人员，但他们反而能从一个不一样的角度看待同样的事情，发现一些设计师自己发现不了的问题。
　　每次会议讨论的最终决定和这个决定的理由务必详尽记录下来，这样将来可以避免对同一个问题反复的讨论。有时候外部环境发生了一些变化，有时候是产品团队人员的变更，难免会有人在将来提出同样的问题，这时候如果能找到上次讨论同个问题时的结论和理由，就可以很快地看看当时考虑的理由现在是否还成立，有没有新的理由可以支持或反对这个观点，这样一来协作效率就可以提高很多了。

　　思维方式和知识鸿沟的互补

　　用户体验设计师们往往对细节和他人的感受有着敏锐的注意力，而且善于用每当新产品启动，或老的产品准备进行改进或者开发新功能的时候，我们总是会邀请来自包括工程部门、产品部门、运营部门和用户体验部门等各个不同部门的同事坐在一起，召开头脑风暴会议，希望能从大家思想的碰撞中获得一些创新的想法。这样的会议开得多了以后，就能发现一个有趣的现象：设计师们总是倾向于从“用户有可能需要什么”的角度出发考虑问题，而开发人员们总是倾向于从“我们的技术有可能实现什么”的角度出发考虑问题。
　　而成功的用户体验，往往是在用户需求、技术能力和商业利益这三者之间达到的平衡，这也是为什么我们的头脑风暴会议一定要有各个部门成员的共同参与。为了进一步让不同的思维方式混合，我们一般还会在初步的头脑风暴过后请大家挑选几个听起来比较靠谱的主意，再混搭不同部门的同事分成多个小组，进一步发展完善这些想法。设计师和开发人员在这个过程中可以互相学习对方的思考过程，形成互补，甚至迸发出新的火花。
　　当然知识结构的差异也会给沟通造成障碍。例如，如果设计师不清楚目前产品背后的拥有的技术能做什么事情，做出来的设计要么就会太过于超前于技术的发展以至于完全无法实现，要么就是没有充分发挥出技术的潜在可能性。对于Web产品的设计师来说，不了解Web界面的实现原理，也有可能做出一些在PhotoShop里面画起来很容易但在Web上实现非常复杂，而且并不能带来许多好处的设计。
　　对于非设计领域的同事来说，对用户体验领域的知识有一定了解，既可以令你更容易与设计团队的同事展开沟通，又可以培养自己对产品领域、对用户感受的敏锐注意力，也算锦上添花、一举两得。
　　（本文来自《程序员》杂志0907期）
]]> http://www.dissweb.com/blog/article.asp?id=34 <![CDATA[黄金分割]]> diss@dissweb.com(掌紋) Mon,13 Jul 2009 09:55:16 +0800 http://www.dissweb.com/blog/default.asp?id=34

]]> http://www.dissweb.com/blog/article.asp?id=33 <![CDATA[谈谈网页设计中的字体应用]]> diss@dissweb.com(掌紋) Fri,10 Jul 2009 09:38:48 +0800 http://www.dissweb.com/blog/default.asp?id=33 - 不同操作系统的常用字体

如何让你的字体在任何系统，任何电脑上都看起来一致？

原则很简单。尽可能使用所有操作系统都存在的字体。虽然听起来比较简单，但是其实还是很tricky的一件事情。为此，你首先需要了解常用的操作系统的字体。

下面我会列出一些除了windows以外的常用操作的默认字体。windows么……想来大家应该已经很熟悉了

- Mac OS X 中的常用字体

一个典型安装的 Mac OS X 10.4 会包含以下常用西文字体（某些非常用字体就不列出了）：

sans-serif serif monospace
Helvetica Times Courier
Arial Times New Roman Courier New
Arial Narrow Georgia  
Arial Black    
Comic Sans MS    
Gill Sans    
Impact    
Trebuchet MS    
Verdana    
Lucida Grande    

- 典型的 Linux 字体

典型的Linux只有kernel，所以字体要自己安装

既然这样，自然无法正确预测使用Linux的用户装了啥字体。不过好在大家都会装一些常用的字体，因此不会有什么大问题。

 

- 比较各个操作系统的字体，我们会发现——

其实，windows 常用的字体其它操作系统都有，甚至很多人认为windows only 的 Arial 字体也不例外~

不少设计师都认为 Arial 是个不典雅的字体，所以希望在 Mac 上能用更经典的 Helvetica 字体来代替，于是产生了这种代码：

font-family: Arial, Helvetica, sans-serif;

但是因为Mac OS 其实也有Arial 字体，所以永远都只会显示Arial

其实这种问题，只要稍加修改就OK了啦：

font-family: Helvetica, Arial, sans-serif;

 

但是事情往往不是这么简单的。比如上面的Mac OS X字体表中，由个 Lucida Grande 字体。照理说这个字体是Mac only的，所以大家理应可以放心的这么写：

font-family: "Lucida Grande", Arial, sans-serif;

那么Mac用户可以看到Lucida Grande, 而PC用户可以看到Arial字体。多好的应用典范。

但是实际上呢，不少PC用户居然看到了乱码，而不是 Arial 字体

怎么回事呢？因为市面上有不少字体下载网站，而上面就有那个Lucida Grande下载。可惜这个广为流传的 Lucida Grande 是个rip版，而且rip的时候有缺陷，导致所有换行字符都会显示成一个乱码……

——囧大了

不要说这种事情只会在乱装英文字体的用户上发生哟。能在XP上显示微软雅黑的，不都是rip版的嘛——那个网上广为流传的版本，也存在着类似缺陷，只不过不至于严重到产生乱码而已。所以在选择字体时需要注意一下。

- 常用西文字体介绍

Tahoma 16px  Tahoma 14px  Tahoma 12px

Tahoma是我本人比较喜欢的一种非衬线字体。首先几乎所有的系统都默认安装了这个字体，所以不会存在兼容性问题，其次，这个字体也比较均衡，显示段落也不错。

 

Verdana 16px  Verdana 14px  Verdana 12px

说老实话，Verdana太宽了，不适合中英文混排。很多时候Verdana的一个字母都要比同样size的中文字符宽了。国外设计师喜欢用Verdana, 很多时候是因为Verdana 11px以下的小字效果的确十分理想，但是国内很多设计师想也不想就照搬过来，并用在12px 乃至14px的布局上，导致本来就局促的空间更显紧张，所以不推荐作为font-family 打头阵的字体。

如果要使用Verdana字体的话，就一定要考虑它和一般系统default的sans-serif字体之间的大小差距。不论和Helvetica 或者Arial 比起来，Verdana都大得多了。不过好在几乎所有的系统也都会默认安装这个字体……

 

Trebuchet MS 16px  Trebuchet MS 14px  Trebuchet MS 12px

Trebuchet MS 是个很多人都会忽视的字体。其实我个人也比较欣赏这个字体的。与其使用Verdana, 还不如用这个线条更圆润的的字体来替代。对各种操作系统也有很好的支持。

缺点是和Verdana一样，因为过宽，而不适合用在中英文混排。也要注意和default sans-serif font 宽度差距的问题。

因为考虑到有些Linux 系统可能不会安装这个字体，所以如果要用在一个font-family的开头话，可以使用Verdana 做后续字体。

 

Arial 16px  Arial 14px  Arial 12px

Windows 操作系统的默认sans-serif 字体。没啥好说的，永远都不会用到的默认字体。

 

Helvetica 16px  Helvetica 14px  Helvetica 12px

为啥同样是默认字体，Helvetica 就这么典雅呢？  哪怕就是用在font-family的开头也是能独挡一面的啦。

另外，这里有个 Helvetica 和 Arial 打架的flash游戏~ 像超级玛利一样踩 Arial 字符就可以了。顺便没有 Helvetica 字体的人可以看一下两个字体的具体区别~ 茶~

 

Georgia 16px  Georgia 14px  Georgia 12px

我最喜欢用的 serif 字体。不仅很适合做正文，也适合做标题。尤其是意大利体的 Georgia Italic 更是魅力难挡。缺点仍旧是不适宜和汉字混排，因为Georgia的衬线哪怕对于宋体来说也太重了，所以看上去硬邦邦的……

 

Times New Roman 16px  Times New Roman 14px  Times New Roman 12px

Windows 的默认serif 字体。没啥好说的，西文字体的元老了。很多字体，比如大家都熟悉的Courier New都是从Times New Roman派生出来的。

不过现在印刷业都很少用这个字体了，更多的是在用它的后代——Times Europa 和 Times Europa Office。

在具体的网页字体应用上，要注意同样字号的Times New Roman比普通字体小的多，所以一定要考虑进字体大小的变化

 

Courier New 16px  Courier New 14px  Courier New 12px

常用的等宽字体之一。其实等宽字体的选择比较小啦，所以基本上要兼容所有系统，也就只能选这个字体了。

不过还好，等宽字体通常都是在写代码的时候有用，所以只要等宽就没什么大问题。类似于 Lucida Sans Typewriter, Lucida Console, Monaco 之类的字体也都很好用。

- 综上所述，总结几套实用而简单的font-family

font-family: Tahoma, Helvetica, Arial, sans-serif;

Tahoma 系的中性字体。推荐使用在13px以上的环境。

 

font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;

Verdana 系的宽扁字体。推荐在11px以下环境使用。

 

font-family: Geogia, Times New Roman, Times, serif;

衬线字体的不二之选。

 

font-family: Lucida Console, Monaco, Courier New, mono, monospace;

一系列等宽字体。写代码很好用。另外，如果觉得Lucida Console太宽的话，可以换成比较窄的Lucida Sans Typewriter。话说老赵blog上的代码块使用的就是Lucida Sans Typewriter 哟~

- 你知道吗？

  • 字体的别名

    系统中的一个字体是允许有多种别名形式存在的。比如，在windows 下，Georgia 也可以用 Georgia MS 来命名，它们其实是同一种字体。宋体的正式名称是SimSon，而“宋体”只是它的别名。

    按照规范，浏览器应该能自动识别字体的别名，并映射到正确的字体文件。比如，font-famliy: SimSon 和 font-family: "宋体" 应该具有等价的效果。可惜，似乎很多浏览器都不能正确执行前一条定义……

  • 什么时候在字体名称前面加引号

    大家来看这个字体样式定义：

    font-family: Times New Roman, 宋体, serif;

    很多人都会说，这个样式写法是错的，因为 Times New Roman 和宋体都应该用引号括起来，像下面这样：

    font-family: "Times New Roman", "宋体", serif;

    实际上呢，上面两种写法都是对的。和很多人想象中的不一样，字体名称外面的引号其实并非必须的。那么加引号和不加引号有什么区别呢？

    其实最大的不同在于对字体名称中空白字符（如空格、制表符）的解释。

    不加引号的时候，浏览器对于字体名称中空白字符的解释应该和XML中一样，即忽略字体名称左右的空白字符，并且单词中间的空白字符被解释为一个空格。比如 font-family:         Times       New  Roman                , serif; 会被解释成 font-family: Times New Roman, serif;

    加引号的时候，浏览器必须保留引号内所有的空白字符。如果写成 font-family: "Times       New Roman"; 那么浏览器不会显示 Times New Roman 字体，而是搜索一个叫做“Times       New Roman”的字体。

    至于“宋体”这样的字体名称，因为中间没有空白字符，因此完全没有必要加引号。但是考虑到并非左右的操作系统都有汉字支持，并且并非所有的程序员都会注意css文件的正确编码问题，所有保险起见，一般会加上引号。当然，解决这种问题的最好方法是使用别名。比如宋体，其实应该写成SimSon，这样哪怕浏览者的系统不支持中文，并且这个css文件被错误的编码成了GB2132也没问题，浏览器还是知道这是宋体，并且做出正确的字体搜索。可惜，不是所有浏览器都支持就是了……

]]> http://www.dissweb.com/blog/article.asp?id=32 <![CDATA[三十岁你还打算做广告人吗?]]> diss@dissweb.com(掌紋) Mon,15 Jun 2009 09:34:24 +0800 http://www.dissweb.com/blog/default.asp?id=32 他说他发现了文学的另一个用武之地，艺术的又一片激情天空。
热血在他的血管里沸腾，创造欲使他无法按纳，一头狮子在他的心头咆哮：我要做创意！
一头公牛在他的肺里大喊：我要做广告！！
完了，又一个倒楣蛋死定了。
我把求职信丢进废纸瘘，没什么好感，也谈不上厌恶，只觉得一丝怜悯。

对所谓创意的追求是这个行业浮燥的根源，把广告当成崇高的理想，把写几句卖汽水的文案当成艺术，把能不能弄出些花里胡俏的句子、图案、小故事当成一个人能力的衡量标准，这些思维形式把这个行业给搅浑了，也把一大茬子优秀青年给毁了。

今天的题目是“三十岁和广告人”，下面言归正传。

广告业缺乏三十岁左右的资深职业经理，
这里所谓的资深不只是说干过几个年头的广告，更要求有丰富的经验和过硬的实力。
这种人很少，在广州不会超过三十个，稀稀拉拉地分散在为数不多的几间公司。
这个现象让人很奇怪，十年前做广告的人都到哪去了？ 五年前做广告的人都到哪去了？

写诗去了还是写生去了？肯定不是，我估计多半是卖拖鞋去了。
我的同学在汕头卖拖鞋，一年能挣百几十万，
刚好是我的零头，不对，我刚好挣到他的零头。
你看看，卖拖鞋多好啊！

但很多人不这样想，因为心中有一头公牛（或狮子），
要做创意，要当大师，要赚大把的钱，领大把的奖，
要在镁光灯的闪烁下西装笔挺地做答谢词，
还要实现 *** 开裆裤时代残存下来的艺术理想。

天若有情天亦老，偏偏老天无情，让你先老。
在理想与现实的锯齿之间，无数青春被榨尽了汁水，
该失去的早已失去，该得到的尚未得到。
一朝梦醒吓一大跳，三十岁来了。
以前还能从自身的排骨上剔下二两肉来喂那头狮子，但岁月逼人，衣带渐宽，喂不起了。

打工、撞钟、车没买、楼没供，
昨晚加班凉没冲，今朝鸡鸣又返工，创意无影踪，逼人要发疯，
想当年热血初衷，到如今两手空空。
岁月匆匆，脑袋嗡嗡，还是卖拖鞋好，小毛头知道什么东东。

广告业里一茬子人就这样不见了。
像一堆烧尽的柴灰，在街角荡了几个圈，消失得无影无踪。

本期《真言》长达两个月的寻访没有找到这一类人，
不是真的找不到，而是并不怎么想去找。
这类人的广告理想只不过是青春期的冲动，而且渗杂了太多功利的追求，
说是理想，其实是妄想。
这群人还在不断地涌过广告业，势头很猛，
上苍保佑他们能尽快地清醒下来，端正态度，把广告当成一份正经的职业，
在不久的将来成为广告业的中坚力量，真正的资深职业经理。

另一拨年近三十的人也没有成为资深职业经理。
这拨人没有离开广告业，手里还握着文案笔，操着美工刀，
但已经不再为别人卖命，自己摆个地摊练起来，开公司了。
我的身边有不少这样的人，他们的日子并不好过。
广告业创业门槛低，一台电脑一部电话就行。
做个稿、拍条片，都能养活人
生意稍好一点，赚的钱就能比打工强，也更有成就感，个人前途更有指望。

这群人往往是广告业精英中的精英，个人能力非常强，独当一面不成问题。
但这些人开公司之后往往立即失去了原先生存的土壤，
失去了原来的大公司的支持，失去了充分发挥个人能力的空间。

更重要的是，这种现象直接造成了广告界人力资源的分散，导致作业水准的降低。
但鸟为食死，人为财亡。
利益的驱动是无法遏制这些人到更狭小的空间里去赚更多的钱的。

这里所反映的，是广告业整体利润分配的不合理。
作为亚太区最大的广告市场，
以提供智力服务的广告公司却不能及时地赚到充裕的发展资金，
养不起资深人士，不能形成足够的诱惑。

经过二十年的发展，广告业仍然处于草创阶段，
第一代的创业者大多和第三代创业者处于同一竞争层面，
并没有累积足够的资金去收编对手、瓦解对手。

当年萨奇兄弟囫囵吞枣式地资本运作方式对今天中国的广告公司来说是不可思议的神话。
以目前广告业的盈利能力，没有外界资本的进入，资深职业经理的市场仍然无法形成。

三十岁，是一道坎。
要么离开，要么创业，对于很多年轻的广告人来说，迟早要面临这个选择。

广告业似乎没有给他们预留更好的空间，
做一辈子的职业经理，目前只有在外资公司才算得上有点诱惑。

有一天，我和一个朋友聊天，他今年刚三十岁，是我一向尊重的文案高手。
我对他说，你也该作个长远的打算了，要么与人合伙开公司，
要么进外资一步一步往上爬吧。
他安静地答道：
“我的长远的打算很简单，每一个选择都只有一个标准，就是能不能提高自身的能力”。

在浮躁的广告业里，一个年过三十的广告人能说出这句话，几乎算得上振聋发聩。
我一向尊重他的能力，听了这番话，我更尊重他面对人生的态度。
他是个在本土公司领着万元月薪的资深职业经理，是这个行业里少有的中坚力量。

这篇文字实际上是写给二十出头的新鲜人看的。
三十岁，一晃就到，在中国这个大环境里做广告并不好玩，骑驴没劲，骑虎难下，人生命运，务必仔细思量！ ]]> http://www.dissweb.com/blog/article.asp?id=28 <![CDATA[互联网产品的用户体验看着“很美”]]> diss@dissweb.com(掌紋) Wed,27 May 2009 09:26:44 +0800 http://www.dissweb.com/blog/default.asp?id=28

但真正做产品的都有体会，固然大家都知道用户体验很重要，但如果按上图的流程在项目中从头到尾实施起来还是有很多制约瓶颈。特别在互联网行业，互联网产品开发时间短，变化快,高速发展无标准是其特点。项目中时间摆在那，商业利益摆在那，如果不计成本的做下来，项目的pm，pd想必早跳脚了。这让设计师有时候不得不感叹用户体验看着“很美”。左边是用户，右边是商业，设计师需要去保持两边的平衡。当商业需求与用户体验发生冲突的时候，用户体验设计师有时不得不做取舍——用户体验有时必须先满足商业需求，或者屈尊于技术可行性。这就是用户体验设计师不得不面对的现实。。。。。  





之前我们部门的分享会上大家讨论过这个话题，怎么去做互联网产品的用户体验？如何尽量好的去达到用户，商业，技术三者的统一？如何快速迭代的开发产品？这边我先抛砖谈谈看法。

首先用户体验师必须去学着了解产品背后的商业背景、读懂BRD,PRD,将产品规划中必须达到的目标和你认为有碍于用户体验的点抽取出来，去挖掘需求背后的目的。

其次UCD流程中一些影响到产品发展的关键点应该尽量去实行。

在概要阶段：用户体验师要把PD需求文档中抽象的功能转化为用户需求。通过选择通过做概念图、信息架构（建立层次逻辑关系）、建立用户场景（了解服务的人群，更好审视产品）等方法来定产品的大方向。

在详细设计阶段：设计有完善交互流程的原型demo（这个阶段如果条件允许可以进行低保真demo的可用性测试，把产品交互上一些问题尽早的暴露出来。）在原型评审后跟进视觉设计。在前端完成页面后，最好进行次高保真的可用性测试，确保不会在开发好后才发现产品有大问题。




由于很多项目时间紧急，可能都没法进行可用性测试，设计师首先要会审视自己的设计哦！

下面介绍一些基本的可用性原则和规则：

7±2 原则

由于人类大脑处理信息的能力有限，它会将复杂信息划分成块和小的单元。根据乔治A米勒（George A. Miller）的研究，人类短期记忆一般一次只能记住5-9个事物。这一事实经常被用来作为限制导航菜单选项到7个的论据；然而关于神奇的“7，加2或者减2”还是引起了激烈的讨论。因此目前还不清楚是否7±2原则能、可能或应该应用到web中。米勒的研究



2秒原则

一个松散的原则，即用户没有必要对某些系统响应等待2秒以上的时间，比如应用程序转换和开始的响应时间。选择2秒有点武断，但确是一个合理的数量级。可靠的原则就是：用户等待时间越少，用户体验越好。[可用性优先]



3次点击原则

根据这个原则，如果用户在3次点击中无法找到信息和完成网站功能时，用户就会停止使用这个网站。换句话说，这个原则强调明确的导航，逻辑架构和后续站点的层次结构。在大多数情况下，点击的次数是无关紧要的；真正重要的是，游客总是能知道他们现在在哪，他们去过哪，他们接着将会去哪。如果用户感觉他们对该系统如何运作有个充分的了解的话，甚至10次点击，用户都会觉得OK。



80/20原则（帕累托原则）

帕累托原则（也被称为重要少数法则和因素稀疏原则）指出，80%的效应来自20%的原因。这是商业中的基本经验法则（“80%的销售额来自20%的顾客”），但也可以应用于设计和可用性。举例来说，我们可以通过确定那些贡献80%利润的20 ％的用户、客户、活动、产品或程序，并最大限度地注意对他们适用，来显著提高效应。[帕累托原则在维基百科]



8个接口设计的金科玉律

作为接口设计研究的成果， Ben Shneiderman提出并收集了一些从经验中启发而来，适用于大多数交互系统的原则。这些原则适用于用户接口设计，也适用于网页设计。

1. 争取保持一致性

2. 为老用户提供可用的快捷方式

3. 提供有益的反馈

4. 设计结束功能的对话框

5. 提供简单的错误处理

6. 允许简单的逆转功能

7. 提供控制感。支持内部控制点

8. 减少短期记忆



费茨定律

由保罗费茨（Paul Fitts）发表于1954年，费茨定律模拟了人类活动，以目标距离和目标规模大小为函数，预测了迅速移动到目标区所需时间。该法通常应用到鼠标的移动，访客就必须从A点移动到B点。例如，这个规则对于如何放置内容区域，以更实用的方式，最大化内容可及性和提高内容点击率，是非常重要的。



倒金字塔

倒金字塔是一种在文章开头表达总结文字的写作风格。这种方式使用了新闻业中著名的“瀑布效应”，新闻作者试图让他们的读者即时知道他们的报道的主题。文章以总结开头，接着是关键点，最后那些次要的细节，如背景资料。由于网络用户需要即时的满足，这种倒金字塔写作风格，对于网络写作和更好的用户体验是非常重要的。就像尼尔森的支持



满意

网络用户不喜欢用最佳方式找到他们寻找的信息。他们对最合理和最健全的解决题方案不感兴趣。相反，他们永远扫描他们认为“足够好”的quick’n'dirty解决方案。在网络中，这种方式准确地描述了用户的满意：用户使用一个“足够好”的方案解决问题——即时在长远看来一些替代方案能够更好地满足他们的要求。

]]> http://www.dissweb.com/blog/article.asp?id=22 <![CDATA[雨雕塑]]> diss@dissweb.com(掌紋) Fri,24 Apr 2009 10:56:21 +0800 http://www.dissweb.com/blog/default.asp?id=22

这个雨雕塑把雨的感觉一滴滴地凝固在一个展厅中，这种体验你在真实的雨中也未必拥有，Stacee Kalmanovsky 设计：






]]> http://www.dissweb.com/blog/article.asp?id=21 <![CDATA[World Builder ：建一个世界只为你]]> diss@dissweb.com(掌紋) Mon,06 Apr 2009 13:52:17 +0800 http://www.dissweb.com/blog/default.asp?id=21
Flash动画
在线播放
]]> http://www.dissweb.com/blog/article.asp?id=18 <![CDATA[浅谈摄影作品欣赏]]> diss@dissweb.com(掌紋) Thu,26 Mar 2009 09:32:09 +0800 http://www.dissweb.com/blog/default.asp?id=18


许多摄影爱好者在刚刚踏上摄影之路时，面对众多优秀的摄影作品时，不是很清楚如何欣赏它，往往会忽略了作品中隐含的其他内容，学会欣赏是一个摄影者必修的基本功之一，只有学会欣赏才能从别人的作品中学习到更多的东西。今天在这里我和大家分享一下这方面的经验、看法，不足之处请大家多多指教。

摄影是一个还原现实事物、景像的过程，在这个过程中除了讲究摄影器材、技法外，更要求摄影者瞬间的感觉。当我们面对不同种类的摄影作品时，该用什么样的眼光去看待、评价？对于现在绝大多数作品都从不同的角度去表现自然、社会、艺术的美，这样的作品不仅能给我们带来视觉和精神上的享受，更能带给我们对于生活的激情。当然也有一部分如抓拍、纪实类的作品对于构图、光线、角度不做苛刻的要求。面对不同题材、风格的的摄影作品时，我们应该以怎样的一种心态去欣赏它？

由于摄影艺术区别于其他艺术有它独自的艺术特征，从而决定了它自身的艺术规律，摄影艺术欣赏的要素为：基本造型因素、技术技巧、艺术表现手法、主题思想四个方面。

首先，摄影艺术是通过色彩、影调等来塑造形象。因此，欣赏摄影艺术首先要从构图、用光、影调等能被欣赏者直接感观的基础要素入手，这些要素不光是构成一幅作品的基础，也是欣赏者感受和认知摄影作品的艺术前提。

其次，摄影艺术也是技术与技巧的完美结合，一幅优秀作品离不开技术与技巧的应用。北京奥运会游泳比赛中的摄影作品所采用的拍摄技巧，使画面主体突出、背景虚化，让整个画面更具动感效果，使人身临其境。如果你具有一定的摄影知识，一看便知照片拍摄时所运用的拍摄方法，并进行评价和推敲，从更深层次去感受和认识。反之，如果你对于相关摄影知识的了解不够深入，看到照片时，只会感之照片虚实之间的动感效果而忽略了作品中精彩瞬间、人物神态的等内容，而错过了一次学习的宝贵机会。

第三，艺术的表现方法也是欣赏照片的一个重要因素，它是摄影家在艺术观、主题的指导下，根据主题创作的需要所运用的不同表现手法。在当今很多商业摄影作品和艺术类摄影作品中，我们可以看到许多不同艺术的表现方法，对于欣赏这一类作品，与我们所接受的教育及个人的艺术修养有着比较紧密的联系，我们可以通过不断的学习来提高个人艺术修养，从而从作品中学习到更多的知识。

第四，主题思想是摄影作品内容的集中体现，它是贯穿从构思到完成作品的全过程，更是内容与形式的统一。 一般新闻类题材的主题思想比较明显，风光类的作品有时候主题不是很突出，但在艺术表现手法上有着明显的区别。

其实，无论摄影艺术还是摄影作品欣赏都是一个需要长时间积累、学习和总结的过程，只有通过不断的实践，才能提高我们的欣赏水平、形成自己独立的创作风格。在我们所看到的众多摄影作品中，我们不必苛求每一张摄影作品都是具有美感的，只要我们用自己的感情去欣赏，相信每一张摄影作品总会给我们带来独特的美丽和感动！

在文章的最后向大家介绍一些国内、外的优秀摄影师及网站，供大家学习、欣赏之用。

姜平
中国摄影家协会会员，担任《中国国家地理》首席摄影师、图片编辑，受芬兰航空公司邀请六次前往北欧四国拍摄，其中三赴北极，并为欧洲各国驻华使馆官员举办摄影幻灯演示会，受尼泊尔国家旅游局邀请，两次到尼泊尔进行拍摄，后又八次带领摄影创作团赴尼伯尔。曾经在Canon全国百城影响文化巡讲活动中有兴听到姜平老师的讲座。姜平老师的大部分作品均以出版。

陈曼
新锐时尚摄影师，涉及领域包括设计、绘画、音乐、建筑等。在中央美院附中读书四年，在中央戏剧学院的舞美系学习一年，随后到中央美院摄影系学习四年。陈曼的作品曾多次刊登于法国《PREFERENCE》、纽约《UNLIMITED》、英国《NYLON》、《SPORT&STREET》以及国内《青年视觉》、《VOUGE》、《ELLE》、《BAZAAR》等杂志，2003年、2004、2006年曾为青年视觉《VISION》封面摄影。她的作品多次在意大利、香港等国家和地区获奖，并参加日本、法国等地举行的时尚摄影展。2005年参加莫斯科“时尚与个性－摄影双年展”，2006年参加《浪潮》中国媒体艺术现象展等。
陈曼的网站：
http://www.chenmaner.com
陈曼的Blog地址：
http://blog.sina.com.cn/chenman


The Big Picture –Boston
Boston.com网站下的新闻摄影频道，所有的新闻摄影类作品均以高清、大图的形式展现在你的面前，用摄影师们独特的视角带给你强烈的震憾。图片内容极为丰富，政治、体育、经济、自然、战争等等。
http://www.boston.com/bigpicture/






Jeff ascough
一个国外专门拍摄婚礼的摄影师，照片多数以黑白风格为主，在我们看够了眼光缭乱的彩色婚纱照后，换一种心情来欣赏Jeff ascough的作品会带给你不同的感受。许多婚礼我们错过的瞬间都被摄影们用照片记录下。
http://www.jeffascough.com






]]> http://www.dissweb.com/blog/article.asp?id=14 <![CDATA[本·色2008网页设计作品集]]> diss@dissweb.com(掌紋) Wed,11 Mar 2009 11:43:56 +0800 http://www.dissweb.com/blog/default.asp?id=14



















]]> http://www.dissweb.com/blog/article.asp?id=13 <![CDATA[皮肤工厂黑色网页作品]]> diss@dissweb.com(掌紋) Wed,11 Mar 2009 11:39:53 +0800 http://www.dissweb.com/blog/default.asp?id=13







]]>