UCD书籍读后感 - UCD大社区

书单：想做设计师？

西乔 — 2011-04-21 00:20:30

经常有朋友写邮件或发推问我，想从事设计，希望推荐几本书。老回邮件也麻烦，我干脆在豆瓣上做了一个书单。我读过的，认为值得入门者和高阶者一读的书。按由浅到深，必读到可读的顺序。主要关注方向是UI、视觉传达、WEB设计，以及历史、理论、常见工具入门教程。

用了半个上午写的，比较仓促，不够全面，也有个人偏好在里面。

我会保持修订和更新这份书列。

如果你仅仅是对设计感兴趣，没有那么多时间读大部头，那么精简版是：1，2，3，5，9，11，12，17，24

书单：想做设计师？

全部图书(34)

1. 写给大家看的设计书（第3版）

作者 : [美] Robin Williams
出版社 : 人民邮电出版社

评语 : 虽然它很薄，但是非常经典的入门书。如果你从来没有尝试过做设计，这可以成为你需要读的第一本设计书。但千万不要以为读完它你就够了。

2. 点石成金

作者 : [美] 史蒂夫·克鲁克
出版社 : 机械工业出版社

评语 : 虽然这本书已经被推荐烂了，但我还是会它推荐给入门者。因为它够薄够有趣。书本身的体验和它所讲述的原则保持了一致，成为一本阅读体验非常好的书。读完它你具备了一些对于用户体验的基础知识和原则，但是要记住，非常基础。不要看完就出去吹牛皮，这是设计了给CXO们在飞机上看的扫盲读本。

3. 平面设计法则

作者 : 德比·米尔曼(Debbie millman)
出版社 : 中国青年出版社

评语 : 比较基本。关于平面设计法则系列的书讲得都大同小异。

4. 美国视觉传达完全教程

作者 : （美）瑞恩（Ryan.W.）、柯诺瓦（Conover.Th）著，忻雁等译
出版社 : 上海人民美术出版社

评语 : 视觉传播的经典教材。所有涉及传播行业的人都应该读的一本书。涉及面非常广，信息量很大。视觉传达是设计的必要基础。

5. 设计心理学

作者 : （美国）唐纳德﹒A﹒诺曼
出版社 : 中信出版社

评语 : 会改变你看待世界的方式的一本书，改变你的设计评价标准。虽然很薄，很老。但里面讲述的原则却长久不衰。设计是双向的。设计是为了要解决问题的。形式追随内容。

6. 艺术的故事

作者 : [英] 贡布里希 (Sir E.H.Gombrich)
出版社 : 广西美术出版社

评语 : 如果你只有时间读一本艺术史，这个是最好的选择。我们不爱读艺术史是因为学校里读了太多坏胃口的教科书。作者和译者都是顶好的，艺术史会改变你的看待和评价艺术的方式，提升你的审美感觉。

评语 : 如果你只有时间读一本设计史，这个是最好的选择。不要去看王受之“写”的那本，要看就去看Meggs的原版。这本书翻译欠点，读起来会稍有枯燥。读历史的时候，不要为了当一个知道分子而去记忆或背诵。在读的时候要随时去思考，设计的改变是如何发生的，在一个时代背景下，为什么一个设计会是那样的形式。你还可以从百年前的经典作品里获得灵感，并惊异于它们居然毫不过时。还可以从许多大师的身影中看到，要成为一个卓越的设计师，你需要懂得远远不止是设计。

8. 平面设计视觉词典

作者 : (瑞士)加文·安布罗斯/（瑞士）哈里斯（Harris，P.）
出版社 : 上海人民美术出版社

评语 : 适合初学者放在枕边，睡前随便一翻。里面有一些基本的解释和典故，知道那些专业名词英文怎么写也是很必要的。

9. 产品的诞生

作者 : （英）哈德森编著，刘硕译
出版社 : 中国青年出版社

评语 : 告诉你真正的设计是如何运作和产生的。你在纸上、鼠标上完成的，那仅仅是链条中的一环。不要把视野局限在你的专业范围内，工程、工艺、材料、调研、分析、商业运作、策略，了解得越多，站得越高。

10. 文字设计基础教程

作者 : (英)加文·安布罗斯.保罗·哈里斯译者
出版社 : 中国青年出版社

评语 : 浅显好读的Typography入门读本。里面具备你应该了解的大部分字体相关的基础知识。

11. 七日掌握设计配色基础

作者 : [日]视觉设计研究所
出版社 : 中国青年出版社

评语 : 关于颜色原理和配色的书，可推荐的中文书实在不多。这本还不错。不过你也买不到了，可以找到pdf下载。

12. 设计中的设计 | 全本

作者 : [日] 原研哉
出版社 : 广西师范大学出版社

评语 : 请看全本。虽然我不喜欢的畅销书，但原研哉的创作还是非常令我惊讶。。里面他关于设计史的理解那一章是我认为最有价值的。

13. 美国广告设计实用教程

作者 : （美）蓝达（Landa，R.）著，戴佳敏，刘慕义译
出版社 : 上海人民美术出版社

评语 : 又一本大而全的教程。一本解决基础知识、产业、历史的问题，也是很省事的。不管你是不是准备干广告设计，它都很有阅读价值。

14. 栅格系统与版式设计

作者 : （美）伊拉姆（Elam.k.）著，王昊译
出版社 : 上海人民美术出版社

评语 : 栅格系统历史悠久，现在也并不过时。了解这种设计方法论也是很好的，特别是涉及排版的时候。但我个人并不用这种理性主义的设计方法。

15. 平面设计材料表现与特殊效果

作者 : （美）费希尔　著，梵非，刘语天，徐梅　译
出版社 : 上海人民美术出版社

评语 : 中国设计师在材料和工艺上一直非常薄弱，工具和实现手法会在很大程度上影响你的想法，局限你的创作力。

16. 平面设计工艺:材料与印刷的创意解决方案

作者 : （英）梅森　编著
出版社 : 中国青年出版社

评语 : 同样是帮助你了解工艺与材料。书里提供了许多不常见的材料，而且不仅仅局限于平面材料。不过光看书还是没有用的，多搜集各种材料和实现工艺的样品，一定要看到实体，观察组合实践后，你才能有感觉。

17. 品牌标志：顶级设计150例

作者 : (美)安妮丝塔西娅·米勒
出版社 : 上海人民美术出版社

评语 : 不过你做哪类设计师，最后都逃不过要做logo设计。这个既是基本功，也是非常重要的训练方法：需求提炼，概念抽象，思维发散，灵感捕捉，进一步分析取舍，实现：构图，配色，排版，质感，最后一步，介绍你的设计并打动客户。这本书里对于整个设计过程的追溯和分析非常有价值。比大量案例的罗列要好得多。

18. 标志字体设计圣经

作者 : （美）凯巴加　著，王毅　译
出版社 : 上海人民美术出版社

评语 : 除了在LOGO设计中用到，你还可以顺便学习一下字体设计(拉丁字体）。再顺便学习一下矢量造型。

19. 大师之路：Photoshop中文版完全解析（附光盘）

作者 : 赵鹏
出版社 : 人民邮电出版社

评语 : 全书我没有看过，看过里面的一些节选。因为ps cs2 wow! 不是很适合初学者，但是我当正式学习PS时的大部头教科书现在早就绝版了。《PHOTOSHOP 6 大全》。大师之路是本书列里唯一一本国人写的书。我觉得赵鹏写得这本体系性还是很强的，当用户手册来看也是很不错的。

20. PHOTOSHOP CS/CS2 WOW!BOOK

作者 : 戴顿
出版社 : 中国青年出版社

评语 : PS入了门以后，一定要看的PS 工具书。无论你是PS的几段高手，里面还是会有让你惊喜的发现。但我觉得结构设计得不是很好。看wow！系列丛书不用介意软件版本。3代之内影响不大。

21. The Adobe Illustrator cs3 WOW！Book

作者 : （美）斯得渥编著，冯文译
出版社 : 中国青年出版社

评语 : 我所见过的最好的教程书。最好最好最好，同时适合初学者和高阶用户。而且幸运的是，它属于AI这个重要的工具。在某些程度上，我认为AI比PS更重要，因为PS是处理工具，而AI是创造工具。你做平面、插画、角色和UI设计更是离不开它。

22. Painter X WOW!Book

作者 : （美）彭达维斯编著，吴小华译
出版社 : 中国青年出版社

评语 : 如果你准备干设计，我建议你买个数位板，然后尝试一下painter（不管你是不是接受过绘画训练) 它们会拓展你的创作方式。这是Painter 目前最好的教程，《Painter X 的标准培训教程》也不错，可以作为用户手册备查。
另外我建议一定要去学一种3D创作工具，不用学很深，能够做基本的造型和建模就可以。最后将几种工具结合起来运用，对你的创作提升帮助也会非常大。但这个我目前也没有做到。所以就先不推荐3D的书了。

23. 消费者行为学

作者 : （美）卡纽克著，俞文钊译
出版社 : 华东师范大学出版社

评语 : 设计师还必须要去了解的两个领域：心理学和传播学。如果你只有时间读一本心理学相关，我还是推荐最为实用和密切的消费者行为学。(《设计心理学》和心理学没有关系，烂出版社翻的烂名字。) 如果你觉得这本大部头难以消化，我建议你先读《影响力》和《社会性动物》也许你会爱上心理学。然后可以读一些知视觉，格式塔，和认知心理学的书。很有用。

24. 情感化设计

作者 : [美] 唐纳德·A·诺曼
出版社 : 电子工业出版社

评语 : 我认为这是一本被低估了的书，有人说它和设计心理学大同小异，也有人说它翻来覆去就在说那么几句话。但是我每一阶段都会能从这本书里读出不同的心得，在遇到许多成功和伟大的案例的时候，我都会想起这本书里的话。建议去读英文原版。

25. 美国纽约摄影学院摄影教材（最新修订版）上

作者 : 美国纽约摄影学院著，中国摄影出版社译
出版社 : 中国摄影出版社

评语 : 做设计师怎么能不会摄影呢，哼哼哼。很快你就会发现图库不是一个什么好东西，除了要花钱，还会让你的设计变得俗气和程式化。许多好的灵感和配图，你都可以用自己的镜头去捕捉，只要假以时日积累，你会得到一个金矿。

26. 美国纽约摄影学院摄影教材(最新修订版)(下册)

作者 : 美国纽约摄影学院
出版社 : 中国摄影出版社

评语 : 反正现在单反那么普及，产生数字垃圾或财富，都是如此轻易。如果有一个iphone4 就更好了，随时拍下能激发你的东西。

27. Designing Interfaces中文版

作者 : Jenifer Tidwell
出版社 : 电子工业出版社

评语 : 如果你要从事UI/web方面的设计，此书必读。非常出色。译者和作者我都非常喜欢。既是一本工具手册，也充满了理论、智慧和经验。光读前4章，你都深深沉醉。

28. Web信息架构(第3版)

作者 : Peter Morville/Louis Rosenfeld
出版社 : 电子工业出版社

评语 : IA设计，我认为许多设计师都需要这方面知识，不光是UI或交互设计。因为信息革命已经深深改变了这个时代人们的生活，可以与工艺革命的影响相媲美。掌握关于信息的知识、梳理分析方法，把数据变成有用、直观、甚至有趣的东西，是多么有意思的事情。信息/数据可视化是未来一个非常重要和有意思的设计领域

29. About Face 3 交互设计精髓

作者 : Alan Cooper/Robert Reimann/David Cronin
出版社 : 电子工业出版社

评语 : 交互设计的经典基础书。作为一个UI设计师，如果你不想最后沦为一个“装修者”，去看看这本书，站得更高点

30. Web界面设计

作者 : Bill Scott/Theresa Neil
出版社 : 电子工业出版社

评语 : 不错的资源书，但不要用错了。

31. 艺术・设计的平面构成

作者 : （日）朝仓直巳
出版社 : 中国计划出版社

评语 : 朝仓直巳的这套书，比较老，不过应该还可以在淘宝上以比较便宜的价格买到。学院派学设计一直会开的视觉构成课，这几本书会帮你解决。虽然看起来它们的实现手法不够现代，但这仍然是非常有益的基础训练。

32. 艺术·设计的色彩构成

作者 : （日）朝仓直巳
出版社 : 中国计划出版社

33. 艺术・设计的光构成

作者 : （日）朝仓直巳
出版社 : 中国计划出版社

34. 艺术·设计的立体构成

作者 : (日）朝仓直巳
出版社 : 中国计划出版社

相关话题：UCD书籍读后感源地址：http://blog.xiqiao.info/2011/04/20/1015

网站设计的书

tony — 2009-03-25 09:15:34

有一阵子被淹没在博客文章的海洋里面不能自拔，不可否认，在除实际工作之外，从博客里面阅读文章来提升自己确实是一种好的办法，但是这样的来源过于碎片化，而且质量参差不齐。
在迷茫的时候，关掉电脑，翻翻书或许能更好地提升自己。因为里面的知识都是结构化的，分享一下我读书的心得：
1 有些书虽然写得好，但适合不同阶段的时候读，初学者抱着一本关于信息架构的书往往会觉得不知所云，这就好比一年级学生看五年级的课本一样。当经验积累到一定程度，回头看看那些曾经“不知所云”的书，收获颇丰。对于一些经典好书，建议买不建议借。
2 好的设计书绝非百科全书，而是有侧重，我对以“宝典”、“诀窍”为名的书籍有成见。
3 在读一本书之前，必先看目录，并对感兴趣的进行扫射。然后会跟朋友打听，看哪部分写得精彩的。作者是什么样的背景。
4 目前市面上很多书都是翻译过来的，有些翻译不是很得当，适当的时候需要翻越中文去理解作者的观点。当然，如果没有英文障碍，读原版最佳。
5 我很少一口气读完一本书，消化不了。往往都是遇到问题了，同时找几本书来查阅观点。其实我博客里面的很多观点都是经过我消化的读后感。

写这段文章给改版后的UCDChina的书友会网站，期望每次来的同学都分享一下书里面的知识，同时很高兴将看到两本即将上市的书，均来自机械工业出版社华章公司，每个在互联网关注用户体验的设计师们，应该都从中获益，他们引进并翻译了很多国外设计师的理念并且我知道，这些书在中国的销量和收益远远比不上那些软件教程、图形设计制作类图书。但是，这就好比鱼和渔的差别，中国的设计师们缺的是渔，设计理念和方法。
这两本书分别是：
1 隽辰翻译的《Subject to Change》，他的介绍在这里。
2 《Letting Go of the Words》,作者是Ginny Redish，书中关注网站上的每个文字、图片等具体内容的设计。

多实践，多读书。

相关话题：UCD书籍读后感源地址：http://uitony.com/?p=84

豆列：五本信息架构师必读书

小容 — 2008-08-30 02:49:08

刚刚创建了一个新豆列，列出了“五本信息架构师必读书”，关于信息架构的书其实很多，如果只选五本的话，小容推荐下列五本：

Designing for the Social Web (Voices That Matter)

Joshua Porter / 2008-05-04 / New Riders Press / USD 40.00 / Paperback

在北极熊图书中找不到答案的问题，可以在这本书中找找：）关于Social Web，这是最新的方法论，如果你看了社会心理学书籍之后再来看这本书，那么效果更好。

Programming Collective Intelligence

Toby Segaran / 2007-08-16 / O’Reilly Media, Inc. / Building Smart Web 2.0 Applications / USD 39.99 / Paperback

通过挖掘用户贡献的内容而整合出更有价值的内容。

Tagging

Gene Smith / Dec 27, 2007 / New Riders / People-powered Metadata for the Social Web / Paperback

小容把这本书的书名翻译为《标签系统——为社会化网络注入源于用户的元数据》（Tagging: People-Powerd Metadata for the Social Web），而不是标签。不仅因为Gene Smith提出了“人、标签、资源”这样一个标签系统的思考模型，而且整本书的内容也很系统、深入和细致。

Everything Is Miscellaneous

David Weinberger / 2007-05-01 / Times Books / The Power of the New Digital Disorder / USD 25.00 / Hardcover

从文化意义上理解tag标签，理解用户贡献内容的意义，重塑关于知识的心智模型。

Information Architecture for the World Wide Web

Louis Rosenfeld / Peter Morville / 2006-11-27 / O’Reilly Media, Inc. / Designing Large-Scale Web Sites / USD 39.99 / Paperback

信息架构领域的经典读物，虽然对于social web的新问题来说，读这本书找不到很多答案，但是对于整个web来说，这无疑是最基础而系统的信息架构读物，兼具理论和实务。

—–

为什么创建这个豆列呢？

1、刚刚买到第1本和第2本，现在凑齐这一套书了：）

2、在《周末絮语：新鲜屋；新鲜人；新鲜法》中曾向一个新鲜人问了三个问题：

1、你现在的工作中遇到哪些和信息架构有关的问题？

2、你现在是如何学习信息架构领域的知识的？看哪些书？读哪些blog？哪些blogger对你最有影响？以测试者的角度去使用哪些网站？

3、你觉得从事信息架构相关工作的人，需要具备哪些素质、技能和知识？

当时小容说以前也没有问过自己这些问题，稍后会在blog上贴出自己对这三个问题的回答。现在这个豆列算是其中一个答案。

互联网设计阅读推荐

千鸟 — 2008-10-28 13:00:17

Web-based UCD Books.pdf

我读过的比较少，零零散散看下来感觉体系还是比较清楚，根据个人观点组织起来。特地要强调web-based，这样指导性会更强，我觉得咱们已经过了在理念上得到共鸣的阶段。

第一在职能职责维度，其中designing显然是广义上的概括，没有再细分研究、策划过程。从knowing到thinking是管理层必要的入门读物，尤其《别让我思考》有好几位朋友说受益匪浅，虽然我不觉得是那么的醍醐灌顶。

《Don’t Make Me Think》
《The Elements of User Experience》
《Communicating Design》
《Designing with Web Standards, 2nd Edition》
《Web Accessibility》

第二在知识结构维度，其中scope, structure, skeleton, surface来自《用户体验的要素》总结，但没有strategy。我觉得战略层上的UCD主要与业务有关，不适合拿出来单独谈，表现层视觉设计暂时也没找到合适推荐；prototype, application则是我自己的看法。

《The User Is Always Right》
《About Face, 3nd Edition》
《Information Architecture for the World Wide Web》
《Designing Web Navigation》
《Information Design》
《Designing Interfaces》
《Web Form Design》
《HTML XHTML: The Definitive Guide》
《CSS: The Definitive Guide》
《JavaScript: The Definitive Guide》
《Dynamic HTML: The Definitive Guide》
《Ajax: The Definitive Guide》

同时也看到行业发展带来的技术突破，比如原书定义的框架层只包含导航设计、信息设计、界面设计。我把《Web Form Design》也加了进去，因为感觉在web2.0之后，表单处理已成为web framework重要组成之一。

方法技能方面，我倾向于知识点突出、独立深入的专业书籍。市场上有大量见解浅显老调长谈、四拼八凑包罗万象的畅销入门读物，建议搞IT专业技术的编辑向O’Reilly的前辈们学习。

顺便说句，O’Reilly多年来在图书封面乱画小动物的陋习，越来越可爱了。

相关话题：UCD书籍读后感源地址：http://blog.rexsong.com/?p=1475

初学者眼中的互联网产品设计

小凉手 — 2008-11-15 08:36:07

第一次写这种日志，希望得到批评指正~

一直以来，我都是以一个纯粹的用户的身份在互联网上游荡，接受它为我的学习、生活的方方面面所带来的诸多便利－－海量的信息、多样的娱乐方式、随心所欲的沟通和畅游，以致于有时候我会神经质般的感慨造物主的神奇和人类的伟大！

因为一个幸运的机会，让我开始勇敢的从一个互联网产品设计人员的角度去看待互联网和互联网产品，慢慢发现，浏览器呈现出来的让我这个视觉动物觉得或精致或粗糙的文字、图案与色彩只是互联网产品设计过程中的一小部分，而更多重要之处在于设计者对用户需求的分析和了解，在产品设计的过程中要着眼于全局，把需求制定成目标，用明确的目标来驱动每一步的计划，然后有条不紊的实施、评估、改进，这样才可能让目标达成、结局完满。

作为互联网产品的设计者，应该明确产品自身的目标和用户想通过产品达成的目标，产品自身的目标细数起来无非就是为企业增加收益或降低成本同时传播品牌价值与经营理念（书上说的），《大腕》中有段经典的台词说“网站靠什么呀？靠的就是点击率啊！点击率上去了，下家跟着就来了，你砸进去多少钱，加一零儿直接就卖给下家了，我还告诉你啊，有人谈收购立马就套现，给你股票你都免谈，你要是感兴趣你投个八百万到一千万，多了我不敢说，我保你一年挣一个亿，真的？我说的可是美金啊！”，虽然这出自一个精神病患者之口，但还是不无道理的，若想实现产品自身的价值，首先要赢得用户，那么产品凭借什么能在众多的竞争对手中脱颖而出呢？它应该能够迎合用户的心理，帮助用户完成他们想要达到的目的，哪怕只是为了消遣也好，并为他们提供一个舒适的用户体验过程，“粘”住用户，甚至任何一个可能与他相关的人。

看了几本互联网产品设计方面的书，三句不离“用户”、“用户体验”，要么就是“以用户为中心”，足以看出用户的重要性。我觉得互联网产品设计应该是一个灵活变通的过程，而在互联网发展和演变的过程中，人们不断的摸索并得出了很多宝贵的经验，又使得这个设计的过程变得有章可循。Ajax之父Jesse James Garrett在《用户体验的要素》中将用户体验的整个开发流程分为五个层面，由下到上分别为：战略层、范围层、结构层、框架层、表现层，这是一个自底向上由抽象到具体的过程，与软件工程中的自顶向下逐步求精的思想有些类似。战略层明确网站目标和用户需求，这是整个设计流程的根基，再一次证明了了解用户需求的重要性；范围层把用户需求和网站目标转变为网站应该为用户提供什么样的内容和功能；结构层的任务主要是交互设计，也就是描述“用户在运用范围层确定的系统功能时所可能进行的用户行为”和“系统如何配合与响应这些用户行为”，另外，还要将网站的内容合理的组织分类，使用户可以高效的浏览网站的内容，得到自己想要的信息，也就是信息架构；框架层要完成界面设计、导航设计、信息设计这三个方面――界面设计把用户与系统交互过程中要经历的每一个状态形象的用按钮、文本框和其他界面控件展现出来；导航设计顾名思义就是为用户提供一些精心布置的链接带用户去到他们想去的地方；信息设计应该是把界面中系统试图传达给用户的信息用合适的表达方式表示出来。当界面设计、导航设计、信息设计三者被结合在一起的时候就得到了页面布局，或者说是产品成形之前的集合了页面模块和元素并经过粗略排版布局的简单框架；最后是表现层，也就是对框架层中得到的原型进行视觉设计。上面对每个用户体验的要素做了我理解范围内的简短描述，或者说是归纳，因为我想只有对整个流程有一个全面的把握，才能进一步考虑用户体验的细节问题并把它们条理清晰的存储在我的长时记忆器里。

始终贯穿在设计流程中的思想是“以用户为中心”，用户的目标、观点、行为方式甚至人口统计方面的特征都会对每一个决策起到决定性的作用，而且用户体验的要素中最底层战略层的任务也是明确网站目标和用户需求，所以对用户的研究自然是第一要务。《赢在用户》这本书给了我一些指引，书中介绍了“创建人物角色”的概念，我想创建人物角色的过程就是一个全面的用户分析的过程，创建人物角色的好处有很多，无论在用户分析方面还是在团队内部的沟通协作上都得到了充分的表现。虽然设计人员一定都知道用户的地位有多么举足轻重，然而事实却是有一些人在设计过程中并没有给予真正用户足够的关注，多数人何尝不是喜欢以个人的观点来推断别人的喜厌呢？人物角色可以提醒设计者以用户的身份客观的考虑问题；对于网站自身来说，面对现实当中形形色色的用户和用户需求，如果企图设计出的产品能对每个用户都适用也就意味着设计要服从用户需求中的最低标准、委曲求全，所以设计者要认清目标用户是谁，找出最重要的用户，人物角色也可以帮忙解决这个问题…要将庞大的用户群体浓缩抽象成若干个角色（这似乎又与软件工程的面向对象思想中类的概念有些相似），就要对群体内部的共同点和群体之间的显著差异有明确的了解，这个共同点是用户的目标、观点上的共性和因为这些心理上的共同点而导致的行为上的共性。用户的目标和观点可以通过用户访谈和调查问卷获得，用户的行为特征可以通过可用性测试和网站流量、日志文件分析等手段来掌握，这些研究方法，每一个又各是一门学问，以用户访谈为例，从用户访谈的对象选择到对访谈对象的邀请到访谈地点时间方式的安排再到访谈主题的确定最后到对访谈数据的整理，这其中又包含很多值得考虑和注意的因素，总之，各种准备，各种安排，各种考虑，各种分析，各种整理…在得到研究数据以后就该视具体情况选择合适的分析方法决定如何细分用户群了，这里又涉及到一些图表、分析工具以及统计分析的算法，创建人物角色真的是个非常复杂的过程！得到了细分用户群，就相当于人物角色有了灵魂，但创建过程还不算完，还要进一步揭示细分用户群之间的关键差异，为他赋予人口统计方面的信息，使人物角色变得生动鲜活，让人觉得这就是个真实存在的用户。

新鲜的人物角色出炉啦！角色们的优先级别使产品的设计有了侧重，同时提醒着设计人员时刻记得关注用户的需求，它可以全心全意为设计服务了，记得书中经常提到三个词“目标、观点、行为”，人物角色就是围绕着这三个词建立起来的，再回到用户体验的要素当中，明确了用户的目标和观点，将网站的目标和用户的需求定义在正式的战略文档中，这就是战略层；针对用户的目标，进一步确定系统应该提供的功能与内容，同时将功能和内容分别写入功能规格文档和内容清单，这就是范围层；人物角色的“目标、观点、行为”能够告诉设计者用户真正想要做的是什么以及他们在完成特定任务时的习惯步骤是怎样的，所以可以把信息组织成能够帮助用户顺利完成他们的目标的样子，将可能的用户行为和系统对其做出的响应以及信息架构反应在架构图上，这就是结构层；知道了用户的行为习惯，也就可以决定页面中各种元素的摆放位置和整体布局，对于每个用户来说，在他寻找某个想得到的信息的时候，都有一条他最熟悉的最核心的路径，对用户行为的了解可以帮助设计者设计出对用户最有帮助的导航结构，根据用户的行为习惯决定界面设计、导航设计和信息设计，并将三者结合起来反映在线框图上，这就是框架层；对人物角色的充分理解能让设计者理解用户在视觉上的可能反应，为人物角色设计出适合的风格指南，并指导视觉设计，这样的设计更容易为用户所接受，这是最高层――表现层。至此，产品已经有了一个基本的高真原型，在产品的设计过程中还应该经常进行测试和评估并关注其他同类产品的动向，以便随时对产品设计做出调整，让产品拥有竞争力。总之，一切都是建立在对用户的目标、观点和行为充分了解的基础上的。

《人机交互：以用户为中心的设计与评估》，这本书中作者把以用户为中心的设计过程分为了三个阶段――策略和用户分析、设计和评估、实施和评估，其实仔细看每个阶段内部的具体过程：用户特征描述、需求收集和分析、目标定义、任务分析、对象模型化和分析、视图设计、原型开发、高真原型和设计风格标准，都是可以映射到用户体验的要素当中的。书中还提到了一些使产品更为人性化的考虑方面，包括用户认知系统的承受能力、用户眼球的转动以及全面的可及性等问题，这些似乎都是设计人员应该纳入考虑范围内的问题。

之前是用比较快的速度看完了这几本书，而当我试图在它们之间建立起联系的时候，才发现自己理解的还不够深刻，在写下上面这些文字的同时，互联网产品设计的概念在我的头脑中有了更清晰更有条理的印象，对于我这个初学者来说，一切都才刚刚开始，是处于纸上谈兵的阶段。产品设计的重中之重是了解用户，所以我觉得产品设计人员不单单只是设计人员，或者说这个设计的概念不只是字典里的传统解释，它还应该包括对用户心理的洞察能力、对数据的挖掘和分析能力等等，好像有句话这样说的――“产品人员不一定要是某一方面的专才，但一定要是个全才”，或许，这话说得不假。

OVER！终于写完了，呼~~

关于网站重构和用户体验几本热门书籍的学习笔记

冰寒 — 2008-10-04 18:07:44

关于网站重构和用户体验几本热门书籍的学习笔记这段时间可能是自毕业以来读书密度最高的时间（不过自打毕业以后就没怎么看过书，大部分时间读的都是网上的东西），心得总结一下，也希望同有兴趣的朋友分享：）

本轮读书主要的关注点是关于DIV+CSS重构和用户体验。我想不必要在这里再强调DIV+CSS架构的优点了，作为一个未来的趋势，必须跟上；也无须再在这里强调用户体验的重要性了，因为用户是上帝，上帝的体验不好，咱的日子就不好过……因此，用户体验的重要性怎么强调都不过分。在这里分别向各位交待一下都读了些啥书，以及有哪些看法和重要的收获。

这次一共读了四本书，都是当下在行业里非常热门的书，分别是：李超的《CSS网站布局实录》(第二版)、Steve Krug原著的《Don’t Make Me Think》、Jesse James Garrett写的《用户体验要素》、Jeffrey Zeldman原著的《网站重构--应用Web标准进行设计》，除李超的作品本身是中文以外，其它的都是中译本。

1、李超的《CSS网站布局实录》(第二版)。

个人认为总体上来说这是一本值得一读的书，可以说它深入浅出地、以实例为基础详细地解剖了一个CSS网站布局的过程，版式和内容组织也相当合理，读后可以说受益匪浅，如果是初开始学习DIV+CSS，这本书可以列为必读。

本书尤其提到了非常多的实用技巧和一些有用的代码，稍加改造就可以为自己所用。该书关于如何组织CSS文件的部分非常有价值——CSS将样式分离，通过CSS的重用，使得代码数据量大幅度减少，但如果不加合理组织，CSS将非常繁杂、混乱，难以管理；也可能导致页面加载不必要的代码而使打开速度变慢，从而让使用CSS的初衷在一定程度上被减弱。合理组织CSS代码的问题非常值得重视。这本书也有一些小问题，有个别错字和漏字，但不影响理解和阅读。

在此提一下，该书中对一些问题的论述不够全面和深入，比如说对于IE6.0那个3px BUG的论述中，没有提到使用HTML代码注释会造成此问题，而网上有人对此进行了更为深入的研究，论述得也更加全面；网址附在这里，供诸君参考：http://bbs.blueidea.com/thread-2692486-1-1.html。当时我碰到过这个问题并且在这里得到了答案，关于3PX BUG的详细描述，可参考这里：http://topic.csdn.net/u/20080218/10/81178301-5527-40fd-a29b-4132de126046.html

个人建议作者对float的论述可以再加强一些。Float属性对于CSS布局来说如此重要，甚至可以说到了不理解float就可能做CSS布局的地步；但在实际使用过程中，float属性也会带来很多让初学者难以理解的问题（本人就碰到过这个情况，卡了三四天就是不知道怎么回事），而很多问题都必须要正确运用float:clear这个值才能解决，我想作者如果能加一些实例就更好了（我有一个实例，会稍后另文说明）。

本书的后半部分好象写得比较匆忙，过于简略了一些，有的好象是直接引用的，希望以后再版时有所改进。

2、 Don’t Make Me Think，原著Steve Krug

本书主要论述的是，如何让网页更易用、用户体验更好？如何通过合理的布局，让网页结构明晰、让用户不需要什么帮助就知道你的网页是做什么的、该如何去操作？

我得说：这是一本好书，无论是从原著的内容、结构还是翻译水平的角度来讲，都是如此。书中讲的一些东西我原来是知道的，但它以更加系统化、容易理解的方式总结了出来，当然，也带来了我所不知道的东西，比如如何低成本进行可用性测试。

书中运用了大量实例、图片来展现如何设计出用户体验更佳、更易用的网页——其中一句名言值得铭记（大意如此，我就不去翻书了）：用户体验好的网页要能够不证自明，或者，至少要能够自我证明。

在书的后半部分，Steve建议了“跳楼大甩卖价格”的可用性测试方法——看到这个方法时我感到比较怀疑，不过我很快用它来作了一个实验，发现——作者建议的方法很管用：当时我们希望设计出一个非常好用的购物车页面，让哪怕是初次购买的用户都能够很容易地、几乎可以不需要外来帮助（也就是“不证自明”）地顺利提交掉订单，于是我找到一位从未在网上购买过东西的网友“疯狂钻石”帮助作了一个可用性测试，结果发现了至少五个问题——疯狂钻石所代表的这一类用户的行为，与我们原先预想的可以说完全不同！

测试结果到了让我吃惊的地步，因为如果换作是我，我是绝对不会象他那样去点击一些地方的。我们随后根据测试的结果对页面进行了改进，再请他来看，评价是“我觉得清楚很多，我知道该点哪儿了”。

限于篇幅，就不再这里详细论述测试的过程了。我想说的是：Steve建议的测试方法很简单、很管用，只要读了Steve的书就能学得会。 Don’t Make Me Think应当是界面设计师的必读书，至少我是这么认为的。

3、《用户体验要素》，Jesse James Garrett原著

感谢我的朋友晓毅将这本书赠送给我，使我觉得倍儿有面子：）

这本书主要是论述了一张图：设计一个有良好用户体验的网站（而不仅是网页），需要从五个层面上去考虑问题，从底层到表层，顺序分别是：

战略层：网站要做什么事？目标是什么？
范围层：为了实现目标，有哪些事情是应当做的？（另一面就是：哪些是不应当做的）
结构层：这些事情应当如何组织？相互关系？
框架层：页面布局？各个元素的位置？
表现层：图片、文字、颜色……这些最终的视觉元素如何表现

本书的基本观点（冰寒个人的理解，不一定正确）是：

在建设网站之前，必须从这五个层面去考虑用户体验要素；

从底层开始考虑，而不是首先去考虑表层的问题；
表层对于实现底层的设计初衷至关重要。
这些观点无疑非常重要，对于一个网站/项目负责人来说，从五个层面去考虑问题可以说非常必要，本书会提供很多帮助，理清思路。

这本书中没有太多实际的案例，有一些论述相当晦涩（也可以从另外一个角度说本人的阅读和理解水平有限）。造成理解困难的也可能主要是翻译的原因，在我看来本书的中译本基本上是以英语式中文为主，不是很符合国人的表达习惯，如果换一种译法，变成中国人更易懂的语言，也许更能使原著者的思想产生广泽众生。

在具体内容方面，有两个亮点值得赞扬：

A、虚拟的用户角色——作者建议，为了让开发团队时刻心中记着用户的特征，直接虚拟一个真实的代表性用户，为其制作一个胸卡，上面有她/他的照片、名字、年龄、职业等……挂在办公室里，在开发过程中，看一眼这个具体化的虚拟人物，就会将她/他的需求牢记于心。这个方法很值得赞扬，不过实际情况可能复杂得多——我们的用户假如涵盖了一个更大的范围呢？这样做会否就有限制了？不过毫无疑问，对于专门化的网站来说，此法大有价值——要知道，如果对于用户需求没有相对准确的把握（当然，最好是精确的把握），再漂亮的页面也没有太大的用处。

B、在表现层开发方面，建立一个视觉元素规范。其实这个对于做平面设计的人来说并不陌生，可以说是平面设计里面VIS系统（Visual Identifying System，视觉识别系统）在Web领域的延伸。我们见过太多滥用颜色、线条、风格的网站，实在是太需要有一套规范的视觉识别系统了。

个人认为这本书可被列为“可读书”，主要理解“五个层面”的精神即可，就具体方面而言，其它的书籍应该实用、详细得多，尤其是Don’t Make Me Think。

4、《网站重构--应用Web标准进行设计》，Jeffrey Zeldman原著

我不得不说，总体上来说这是一本糟糕的书——当然，也有有价值的东西，一分为二地看待比较公平。

该书花了大量的篇幅讲述了W3C的起源和背景、WEB标准的提出和推进历程，字里行间掺杂了大量可能影响/打断读者思路的口头语和一些并无必要的比喻，内容中经常会出现“你会在某处看到更详细的内容……”之类的打扰，加上不少文字错误和大量英文式的中文，致使读起来颇为拗口。书的后半部分有连续的拼写错误，比如“URL”被写成“URI”等等（当然这是编辑的失误）。

就“如何应用Web标准来构建一个网站”这一中心议题来说，该书讲述得可以说不够全面、具体和深入。如果读者对于HTML和Web本身的理解基础不够的话，看了这本书以后不太可能获得顺利重构一个网站的能力。

书中的一些内容与中国目前的实际也不是很对路，比如花了大量篇幅讲述Netscape4浏览器的兼容代码方法。中国目前的主流浏览器仍然是IE，而且是IE6，因此基本没有必要讨论低版本Navigator浏览器的问题（不知冰寒这个意见是否恰当，诸君可以讨论），个人认为我们构建的（面向国内中文用户的）网站完全可以一步到位，直接上DIV+CSS，而不需要采用表格+DIV+CSS的过渡结构，也算是一种“后发优势”吧。

该书中值得赞扬的部分包括：

详细阐述了使用结构性XHTML标签的重要性：
XHTML的标签都是有意义的，因此当我们尽可能使用结构性标签的话，网页内容对于机器（不同平台的浏览器、搜索引擎蜘蛛）更易理解，即使是在没有样式的情况下，浏览者也能够无障碍地理解网页中的内容。作者给出的测试方法是：去掉网页中的样式来浏览网页，看看是不是能有条理、有顺序地看懂。冰寒已经就此作过测试，发现这个方法非常管用，能够非常清楚地看到在无样式的情况下网页内容的结构是否合理，而且非常利于发现一些代码中的错误（在加载样式的情况下，有一些错误可能被IE强大的容错能力所掩盖，当剥掉样式这层皮，问题就浮出来了）。
另外，作者比较详细地讲述了XHTML的规范，可以说比较全面和深入的。

如果是要获取用CSS重构网站的能力，这本书是不适合的，还是《CSS网站布局实录》来得更详细、实用和具体。基本上，这本书可以列为“可不读”一类。

《What Is Web Design》——设计原则

mdong — 2008-09-21 22:44:11

最近重读《What Is Web Design》。分享一下精彩片段的节录。

“设计特色需求的客户”是设计过程的核心概念，也是设计不同于艺术的本质所在。

设计的目标就是带来“成功且令人满意的体验”，设计师劳拉里·埃尔本（Lauralee Alben）提出的程式：成功就是使用户能够高效地完成任务，令人满意是指这一过程是愉快的，而不仅仅是满足功能性要求，这种愉快可以表现为美好的、诗意的或趣味的。

设计师如要成为客户目标最高效的支持者，他们需要熟悉或逐渐了解客户所从事的领域。尤其是其中与该设计项目有关的领域。
一个对客户了解全面的设计师可以对客户的一些原有假设以及基于这些假设而作出的战略计划提出质疑。

了解项目本身的特点。首先明确是什么才能使项目成功以及它将被怎样平衡，要辨别项目投资者、推动者、最终决策者以及这些因素之间的相互关系。这三部分人所关注的问题都应在设计师的考虑范围之内，并且设计师需要在不同程度上使他们认同或承认最终设计方案的价值。清楚该项目的所有限制和约束。

了解最终用户使用产品所能满足需求的方式以及他们使用的环境。

对目前及将来社会发展趋势有全面的认识，并且对客户企业文化及相关民族文化的世界文化有相当的认识。

对相关技术及其发展方向牢固掌握，技术也是设计方案的限制因素。但设计不为技术所驱动。

今天看来使用的设计方案未必适合明天。

简明与清晰是两条重要的原则。“事情应当处理得越简单越好——但不能更简单。”——阿尔伯特·爱因斯坦

对某个问题中单个元素的解决方案不应被孤立地考虑。应该做出一个完整统一的解决方案。

明确的设计程序将带来一种集体意识，保证高效率的合作以及设计方法的顺利推进，并帮助客户及设计工作人员更好地理解这个项目，并因此提供更高效的支持。
高效的沟通与前者同样重要。高效沟通建立的基础，是对设计过程、对产品开发中涉及的所有角色、对过程中投资者的利益等清楚准确的理解。要达到高效沟通，必须避免使用行业暗语和模糊表达。

反复设计与测试。可以由某些设计专业人员或熟悉该产品应用领域的人员以及典型用户代表进行操作。
在反复进行评估过程中，设计师可以对该项目及最终成功的反思和斟酌中受益。这些思考不是为了责备和批评，而是为了让设计师和其他所有项目相关人员认识到怎样才能做得更好。

设计总是在客户和对象用户等带来的动力驱动下活动。设计的最终角色是客户与对象用户之间的媒介。所以应当避免专家主义与道德主义。

相关话题：UCD书籍读后感源地址：http://www.mdong.org/?p=223

《Designing Interfaces》学习中...

垆边似月人 — 2008-09-11 01:50:01

最近在看《Designing Interface》的中文版，不知是内容还是翻译还是排版的缘故，在看过的所有设计书籍里，要数这一本进度最慢，看得最累（上一本看最慢的是about face2.0 不过后来想想还是很值得的那本书很经典很深学到了很多东西，希望这本书也一样）。
封面上几句促销的话，看看比较激励，抄下来鼓励自己。

不论在什么情况下，都不可抄袭别人的创意。

不可完全依赖计算机技术，计算机只是工具，无法取代你的创意。切记，你是一名设计师，不是一名计算机修理员。

做一个创造者，而不是流行的追随者，现在流行的，必定是马上过时的。

不可闭门造车，多了解历史、文化和哲学，将让作品更加丰富。

永远坚信：设计可以拯救你的国家，可以改变世界。

嘿嘿猜猜这里面最打动我的是哪一条？

最后一条！
给了我源源不断发自内心的动力去将设计作为我毕生事业。

其次是倒数第二条！
给了我理由去学习涉猎更多领域，也让我对这份工作更有信心。：p

继续k书去，今晚打算带回家继续看。>_<

现在益发觉得排版和人体工学很重要了，这本书虽然印刷很精美，全彩页，版面很漂亮。字体很像是最容易辨认的微软雅黑，但看的时候依然很吃力。
原因1：纸太白，还微微反光。看着很吃力。
原因2：字小不说，行间距太窄，字间距又太稀疏。不符合人体工学。
分栏显示的栏间距也很窄。页边距也不宽，总之这应该算我读过的最省纸的一本书了。也许是为了节省成本——能看出来，这种全彩印刷的纸很贵。

我终于深刻认识到在纯文字页面里留白的重要意义，恩以后排版我再也不随便减页边距省纸了。

另：看了越多生涩的翻译，就愈发感到翻译很重要很难。恩好好学习，等以后我也翻译些专业文章，努力成为造福大众，传播思想的好翻译。

《简单法则》读书笔记

冰桃 — 2008-09-08 11:42:47

《简单法则》这本书的翻译略嫌生涩，所以在笔记里我会以原书为本，但不通处尽量用自己的话说。紫色部分是我的评论。

所谓简单法则，共计十条：

一、减少 reduce

首先是取消：如果拿不定主意，就拿掉它。

全部能取消的东西已经拿掉之后就采用第二种方法：SHE

缩小 shrink（从体积上真的缩小和视觉错觉）

隐藏 hide （例如瑞士军刀遥控器暗门折叠手机软件菜单还有chrome～）

赋予 embody （这里又涉及到了反思水平设计，赋予商品品牌和气质，让商品简化而不简单）

二、组织 organize 通过以下四个步骤来组织（SLIP）

分类 sort 首先把所有事项根据性质按直觉分类

标示 label 为每个类别命名

整合 integrate 合并类似的类别让类别越少越好

按重要性排序 prioritize 80/20法则这里我又要提到chrome的浏览器选项！

在这里，我想起《苏菲的世界》里面提到人所作的事情就是给事物起名字，分类。现在越来越觉得这件当时看来很简单的小事很深刻，通过对事物的认识来命名，通过对事物间的联系比较来分类，实在是把客观世界纳入主观世界的一个方法，也体现着人对客观世界的认识深度和角度。

比方说，生物学的一个领域：生物分类学。什么样的差别可以被认为是同一种东西，什么样的差别需要被认为是同一类东西，如何定义鉴别一种事物，如何定义一类事物，还有事物间的层次、关系，实在是很有意思的一件事情。它会随着人对客观世界的认识推进有所改变。

比如人刚出生，对世界的认识只有主体客体之分，就是“我”和“外界”；然后生长，就有了人类/氏族这个概念，知道周围生活的“人”是朋友，其他的环境是狩猎对象或者是敌人；再随着社会关系的发展，就会有我族和他族的概念，“非我族类，其心必异”，于是有了残杀和倾轧；再发展，社会学的那些东西什么奴隶之类的我就不想说了，但我看来，当时人更多发展的应该还是对自然界的认识：动物、植物、矿物等等，等到后来，才有了微生物，再后来，会有真菌、细菌等等概念，未来会认识到什么程度，仍未可知。

至于生与死等概念太多太复杂，暂不在本文讨论，不过就算生死这么一个简单基本的概念，不也是随着认识演进的么，从心死到脑死甚至灵魂存续，对死亡的定义依旧存在争议。

三、时间 time JIT、节省选择的时间，如何使等待缩短 <--> 如何让等待更容易忍受

四、学习 learn 隐喻 -> 相关 -> 转化 -> 惊喜

帮助用户借助已有的知识学习新知识这里又有个BRAIN的缩写，不过我觉得这个缩写说法已经很垃圾了，从基础开始，学而时习之云云，恕不赘述。这里面我认为最需要注意的，就是避免制造挫折感。

五、差异 differences 简单和复杂相辅相成韵律与衬托

六、背景 context 留白越多，展现出来的信息就越少，但与此同时，更有限的信息会得到更多关注。

七、情感 emotion 人并不总用理性思考，需要感情，需要直觉。哪怕因此会走向复杂。又涉及到反思水平设计。

八、信任 trust 我们相信简单需要信任，无论对人还是对技术。

九、失败 failure 有些事物不可能简单

十、单一 the one 简单是减少明显的，增加有意义的。

远离 away 只要挪得远远的，多的就会显得少。

开放 open 开放会简化复杂

能源 power 少用，会得到更多

相关话题：UCD书籍读后感源地址：http://www.icepeach.cn/archives/28474

从设计模式的一本书《Designing Interfaces》说起，到YAHOO 设计模式库！

我们只谈互联网 — 2008-08-09 11:02:47

“设计不是一种技能，而是捕捉事物本质的感觉能力和洞察能力。”——原研哉

    看完《一目了然》这本书后，两个部分内容引起了我的思考，

    一个是任务流图表。

    以用户为中心的设计是有害的，我们应该以活动为中心的设计。

从目标——活动——任务——功能，对应目标——活动——任务流图表——用例（特例）——快速编程——能产生真实结果。

一个活动，比如“处理今天的邮件”这个活动，意味着阅读邮件，回复，查找信息，检查日历安排以及其他一些关联任务。

原形可以在开发的前期就开展易用性测试，并导入任务角色。

    还有一个是一本设计模式的书——Designing Interfaces中文版
    http://www.china-pub.com/37797
    http://www.designinginterfaces.com
    http://www.lukew.com

人机交互：以用户为中心的设计和评估（第2版）这本书看看有帮助！
http://product.dangdang.com/product.aspx?product_id=9296706

    YAHOO 设计模式库 http://developer.yahoo.com/ypatterns/
    YAHOO 用户界面库 http://developer.yahoo.com/yui/

    就这么简单--Web开发中的可用性和用户体验
    http://www.china-pub.com/39955

因为好的界面设计并不是始于图片，而是始于对人的理解！

相关话题：UCD书籍读后感源地址：http://pagesky.blog.sohu.com/96731971.html

UCD书籍读后感 - UCD大社区

书单：想做设计师？

书单：想做设计师？

2. 点石成金

3. 平面设计法则

4. 美国视觉传达完全教程

5. 设计心理学

6. 艺术的故事

7. 现代设计史

8. 平面设计视觉词典

9. 产品的诞生

10. 文字设计基础教程

11. 七日掌握设计配色基础

12. 设计中的设计 | 全本

13. 美国广告设计实用教程

14. 栅格系统与版式设计

15. 平面设计材料表现与特殊效果

16. 平面设计工艺:材料与印刷的创意解决方案

17. 品牌标志：顶级设计150例

18. 标志字体设计圣经

19. 大师之路：Photoshop中文版完全解析（附光盘）

20. PHOTOSHOP CS/CS2 WOW!BOOK

21. The Adobe Illustrator cs3 WOW！Book

22. Painter X WOW!Book

23. 消费者行为学

24. 情感化设计

25. 美国纽约摄影学院摄影教材（最新修订版）上

26. 美国纽约摄影学院摄影教材(最新修订版)(下册)

27. Designing Interfaces中文版

28. Web信息架构(第3版)

29. About Face 3 交互设计精髓

30. Web界面设计

31. 艺术・设计的平面构成

32. 艺术·设计的色彩构成

33. 艺术・设计的光构成

34. 艺术·设计的立体构成

网站设计的书

推荐给大家看的设计书

豆列：五本信息架构师必读书

互联网设计阅读推荐

初学者眼中的互联网产品设计

关于网站重构和用户体验几本热门书籍的学习笔记

《What Is Web Design》——设计原则

《Designing Interfaces》学习中...

《简单法则》读书笔记

从设计模式的一本书《Designing Interfaces》说起，到YAHOO 设计模式库！