详情
本书出自世界知名Web设计与开发博客Smashing Magazine，汇集了国际顶级Web设计师关于网页设计、从不同角度探索心理学应用的诸多话题
网页设计中的说服方法；为不同的需求层次设计；10条有用的可用性结论和指南；30个要注意的可用性问题；为初创企业设计：如何传达信息；设计师的色彩理论。
孙艳霏 译
北京
本书是知名Web 设计网站Smashing Magazine 关于网页设计心理学的知识及经验的分享。这些文章都是来自于全球顶级设计师的精华总结。全书共分9章，前3章介绍了主要的Web设计心理学知识和理论成果，设计人员可以从中找到一系列现象背后的理论基础，极富启发性；第4章和第5章结合实例介绍了目前主要的可用性指导原则，对于Web设计师有很好的实际参考价值。第6章主要分享了设计师如何在初创型企业更好地体现自身价值，让人受益匪浅。第7章到第9章详细介绍了色彩理论，并结合实例介绍了具体的配色方案，读者可以直观高效地了解色彩设计的基础方法。
本书最大的价值在于其以结合大量实例的生动方式，详细阐述了设计心理学知识和理论，帮助设计师用科学的心理学知识武装自己，相信广大读者读完这本书之后，一定会有一种相见恨晚的感觉。
Steven Bradley
根据马斯洛的需求层次理论，设计需求层次依赖于一个原则：为了能够成功，一个设计在满足更高层次的需求之前，必须满足基本的需求。设计在让我们感到惊喜之前，它必须可以如预期一样正常工作，它必须满足最基本的要求，否则其他的一切都没有意义。
真的是这样吗？或者说一个难以使用的设计也能够获得成功，就是因为它能使用户的操作更熟练或者满足了特定的创造性需求？是不是在考虑高层次的需求之前必须先满足所有的低层次需求呢？为了回答这些问题，让我们一起从马斯洛的需求层次理论开始吧。
马斯洛的需求层次理论
在其1943年的论文《人类动机理论》中，美国心理学家亚伯拉罕·马斯洛提出了人类的心理需求层次理论。
• 生理需求是人类得以生存的需求。其中包括呼吸、食物、水、庇护场所、性、衣服、睡眠还有安慰。
• 安全需求可以看作是一种期望满足明天的各种需求的需求方式。包括人身和财产安全、健康、秩序、法律以及免受大自然伤害。
• 爱和归属需求是关于社交的。我们都不愿孤单地度过一生。社交需求包括友谊、爱情、亲密关系、家庭、团体、归属感还有人际关系。
• 尊重需求包括自尊以及他人的认可。尊重可以来自于成就、地位、声誉、赞誉、统治权、自由以及责任。
• 自我实现需求指的是超越自我，自我实现需求可以来自于和平、知识、自我实现、个人潜能的实现、个人成长以及巅峰体验。
根据马斯洛的理论，如果你想要满足需求层次模型中的某一个层次的需求，但又没有满足这个层次的上一层次的需求，那你在需求层次中的位置将会不稳定。就像当你正在等待一份确定你是否患有癌症的医学检验报告时，你是无法在一个小组中很好工作的。
低层次需求是高层次需求的基础。如果基础在动摇，那你应该回到低一级的需求层次，在再次回到高一需求层次之前稳固当前的基础。如果不这样做，你就会感到压力和焦虑。
对马斯洛层次模型的批判
不是所有人都赞同马斯洛的观点。很多人质疑层次模型，因为它无法解释无私的行动、勇敢和慈善。它也解释不了“食不果腹的艺术家”现象，这些艺术家们在甚至连最基本的生理需求都很难满足的情况下，仍然追求自我实现。
批评者指出，马斯洛在确定他的理论之前，缺少实验证据，观察范围也有很大的局限性。马斯洛没有考虑到人类的精神方面，并且现实中也有很多不满足其理论的实例。也许他的理论是一个很好的观点而且开了一个好头，但离被认可却还有很长一段距离。直观地看，马斯洛需求层次模型是正确的，但它有局限性，总结如下。
虽然马斯洛的层次理论直观上还说得过去，但是在分层次方面却缺乏证据支持。事实上，有实例证据与该模型所细化的需求顺序相抵触。例如，有些文明似乎将社交需求放在了其他需求前面。马斯洛的层次理论在解释“食不果腹的艺术家”方面也很困难：他们忽视了低层次需求却追求高层次的需求。最后，除非在需求有冲突的情况下，否则几乎没有证据表明人们会在某一时刻被激励去满足仅仅一个层次的需求。
智利经济学家和环境问题专家曼弗雷德·亚瑟·麦克斯尼夫提出了一种不同的“人类基本需求理论”，这个理论没有层次结构，但包括了基本的人类生存需求。不同需求的满足是相互关联的，人类同时追求这些不同的需求，并在追求的过程中权衡不同的需求。
在这个系统中，一个人能够实现创造性的需求，而不必先实现满足安全的需求。
马斯洛的层次理论可以借鉴到设计中来，其层次从低到高的次序分别是：功能、可靠性、可用性、精通程度和创造性。
功能性
一个设计必须首先要可以运行。一个MP3播放器需要可以播放、暂停、快退和快进MP3歌曲和其他的数字音频，才会被认为是一个MP3播放器。如果无法满足这些功能，那这个设计就已经失败了。
支持功能的数量是另外一回事。即使一个MP3播放器可以显示专辑艺术封面，其他的MP3也不一定必须这样。但是，如果大多数的MP3播放器都支持这个功能，那你的也应该支持。是由什么来确定需要有哪些特征呢？产品自身、设计者还是市场？
一个只满足了基本功能需求的设计几乎可以说是毫无价值。一个设计本来就被期望满足基本的功能需求，能满足基本需求没有任何特别之处。
满足一个网站的功能需求的特性可能是页面会在合理的时间加载、链接，正常工作，并且可以响应浏览器的“前进”和“后退”按钮。
可靠性
一旦你的设计满足了功能需求，可以进阶到设计层次的下一个层级：可靠性。你的设计必须提供稳定的、始终如一的性能。它不仅仅要能工作，还要可以持续工作。
如果你的MP3播放器有时候能播放，有时候不能，那它就不满足可靠性需求。如果它一直能够播放，但是播放的很不规律（一会跳到这儿，一会跳到那儿，时而慢放，时而快放），那么它也没能满足可靠性需求。
只满足了可靠性需求的设计被认为价值较低。我们总是期望我们购买的产品能够始终如一地工作。
一个可靠的网站应该始终如一地工作。昨天能用的今天也应该正常工作。当添加新的页面或者版块后，它们应该和原有的页面或版块一样顺利运行。
可用性
用户完成基本任务的难易程度如何？使用MP3的人是否能够很容易地弄明白如何开关设备？其他关于如何播放、停止、暂停或者选择歌曲的操作又怎么样呢？这些就是可用性需求。你的设计现在能够稳定地工作，问题是，用户能搞清楚怎么使用它吗？
除了容易使用之外，你的设计能否容错呢？错按了某个按钮不应该删除MP3播放器中的所有歌曲，简单的操作失误不应该导致严重的后果。如果手指一滑就删除了所有的音乐，那么这个MP3播放器就无法达到可用性的要求。
可用性好的设计被认为有中等的价值。我们确实对可用性有基本的期望，但是我们发现许多东西并没有像我们期望的那样工作。一个有良好可用性的设计会在一定程度上让你的网站从那些低层次的网站中脱颖而出。
一个可用的网站应该有一个容易理解和使用的导航系统，网站的内容被组织得易于浏览，文字的可读性强，布局简单并可以很好地自适应。
熟练性
你的设计允许用户做得更多、更好吗？你的MP3播放器是否允许创建播放列表，并可以方便地搜索歌曲呢？它有没有提供一种简单的机制，可以从网络上下载歌曲，并能同其他设备互相传输歌曲？
这些就是关于熟练的需求。MP3播放器没必要根据你的喜好为你推荐新歌，但是这个功能是令人满意的，而且会有相当程度的改善设计。
满足熟练性需求的设计被理解为可以在较高的水平运行。一个允许用户做一些之前不可能的事情、并可在基本的功能上扩展的设计会被认为是非常好的设计。
一个满足熟练性需求的网站设计可能会包括高级的搜索选项、整合数据的能力，可以将不同来源的数据融合到更为复杂的信息层次和网络工具中。
创造性
一旦所有的低层次需求都满足了，你的设计就可以向创造性需求进发了。达到这些条件，你的设计就可以和人们以一种创新的方式交互了。设计可以探索并创造超出产品本身以外的东西。
或许你的MP3播放器可以教你乐理知识，通过基于你听得最多的那些歌曲的音乐节奏来做出推荐，并且提供和弦图以及注释说明，并跟随音乐播放视觉化地显示出来。你的MP3播放器可能允许定制皮肤或允许你将不同歌曲的部分组合起来以创建新的音乐。你的MP3播放器可能是市场上最漂亮的播放器。
满足了创造性需求的设计被认为是最高级的，它们会获得一批忠实的拥护者。如果你困惑于苹果的成就，那就不要再困惑了，因为它满足了创造性设计需求。
一个创造性的网站可能会有AJAX效果、非常吸引人的美学设计并可以通过声控设备来交互。
对设计层次模型的批评
对马斯洛需求层次模型的批评同样适用于设计层次模型。设计在有好的可用性之前必须要稳定吗？难道不能同时满足这两种需求吗？设计能不能满足高级用户的熟练需求，同时又满足新手的可用性需求呢？
在将资源投入到更高的层次之前，我们真的需要解决当前层次的所有问题吗？市场会不会接受这样一个产品：它有10%的几率出错，但在其余90%的情况下却超出用户的期望？
此外，虽然层次理论直观来看是正确的，但市场的需求才最有可能决定设计层次中哪些改进是最重要的。
马斯洛的层次模型不仅仅被应用于设计中，许多其他相关学科也用它来描述事物并对如何实现这些事物给出更好的建议。
应用到市场营销
马斯洛的理论经常被应用到市场营销中。无论你卖什么,产品总是用来满足需求层次模型中的某个需求的。为了让你的产品或服务大卖，你需要识别它处在哪一个需求层次并理解目标用户对此需求的动机。一个经典的案例是米其林轮胎，米其林不是简单地列出其轮胎的详细参数并吹嘘他们的轮胎有多么良好的抓地能力，而是用广告展示轮胎如何保护孩子们，其广告词是“因为您的轮胎上承载着太多幸福”。
这则商业广告切中了我们对安全的需求。它还切中了层次模型中的更高一级：我们的社交需求——在这个案例中就是我们对孩子的关爱。而仅仅一份规格详单是非常无聊的。一个关于确保你和你的家人是安全的故事可以满足我们内心深处的心理需求。
马斯洛的层次模型还能够帮助我们选择目标市场以及如何更好地进入市场。例如，你有一个非常好的点子，可以满足建立信心的特定需求。这样非常棒！
但是如果你的目标是新的商业业主们。他们处于层次模型中的第二层：安全需求，他们也会为工作问题担忧并且需要养家糊口，所以他们还不在乎是否感到自信。
这样你就可能需要为你的市场策划一个新的故事，或者重新定位一个不同的目标市场。
应用到代码编写
Patrick Dubrow 仔细研究了马斯洛的需求理论以及设计层次模型，然后提出了代码编写的需求层次理论。
如果你编写过代码，那你就能容易地看出这个层次模型与马斯洛模型和设计模型是多么的相似。它也非常直观，也可以受到与马斯洛模型同样的批判。当然，功能性很差的代码需要立刻修正，但也不能说一个程序员从零开始写的话就无法写出简洁、高效的代码。
下面的网站设计得都很好，每一个都有自己的风格，从我们的角度来讲，它们代表了设计层次模型里不同的层级。大部分都自然地满足了低层次的需求，但有一些则更多地关注高层次的需求，而忽略了一些低层次的细节。
Oliver James Gosling(http://www.goslingo.com/#top)
Y3K(http://y3k.com.au/)
Olive James Gosling 和Y3K 的网站都是单页组合。它们同时满足了功能和可靠性需求。它们也很美观，而且开始满足创造性需求。Oliver的网站有一个“返回顶部”的链接会随着你的操作往页面下方移动，而在Y3K的网站上则缺少这种有良好可用性的细节功能。Oliver还提供了一份PDF供下载，其中包含了网站的全部信息，或许这可以给网站增加一些满足熟练性需求的感觉。
Cellar Thief(酒窖小贼http://www.cellarthief.com/)
Cellar Thief是一个功能齐全、界面美观的网站。它的美感与酒融为一体，但是可靠性和易用性可能还需一些改进。页面下方三个主要链接（“Choose a wine”,“Tell your friends”,“Feel good”）都出乎预料地指向“About”页面。此外，网站只出售当日的三种酒，这种方式非常好，但展示的不够明显、直观。
Elan Snowboards 满足了基本的功能，页面的美学设计也很有趣。网站上信息很多，很难弄清楚该看什么。链接也总是不明显，而且当你点击进入到网站内部后，你会经常搞不清自己在哪里。另外，网站提供了论坛、博客社区还有视频，这些东西使来访者感觉网站很专业。总体来说，这个网站更多地聚焦于高层次的需求，但代价是牺牲了一些低层次的需求。考虑到该网站的目标用户，这样的方式似乎也是合乎情理的。
Elan Snowboards(http://www.elansnowboards.com/en/)
CSS-Tricks(http://css-tricks.com/)
大多数人可能已经熟悉CSS技巧了。它满足功能性、可靠性和可用性的需求。Chris Coyier 提供了论坛、截屏、免费区以及代码片段，给网站提供了一个专业熟练的表层。富有创造性的，网站有一个非常具有美感的博客，虽然似曾相识；而且工具条适当地使用了AJAX。Chris也花费了大量的工作在细节设计上以满足创造性的需求。
Ali Felski(http://alifelski.com/)
Ali Felski 的网站整合了作品集和博客。网站运行稳定，而且网站导航非常容易。在满足了这三种低层次的需求以外，网站还增添了很多创意。其中值得一提的是，在去除所有美观润色方面的设计以后，网站仍然是一个具有完整功能性、可靠性且可用性很好的设计。
Antique Piano Shop(http://www.antiquepianoshop.com/)
Antique Piano Shop 在满足了所有的低层次设计需求的同时，还具有令人愉悦的美感。它提供页面来鉴别和出售你的钢琴，以满足用户对专业熟练性的需求。考虑到网站的性质，允许用户听到钢琴的声音可能会对满足专业熟练性的需求有所帮助。
Fluid 960 Grid(http://www.designinfluences.com/fluid960gs/)
Fluid 960 Grid 系统很好地满足了低层次的设计需求。它能运行，能稳定地运行，并且很容易使用。虽然不是你遇到过的最漂亮的页面，但它着实提供了许多东西以满足更高层次的设计需求。页面上大多数的内容是作品演示。你可以观察每个作品是如何工作的，不管是用jQuery还是MooTools库，或者你可以关闭所有的JavaScript特效来查看这些演示如何运行。你也可以在12列和16列的流体网格或固定网格之间切换。
虽然马斯洛的层次理论表面上看很合理，但批评者们认为没有证据可以支持其理论，尤其是对于“高层次的需求满足之前必须满足低层次的需求”这一假设。同样的批评会发生在设计需求层次模型上，或者说会发生在以马斯洛理论为基础的任何层次模型上。它们看上去合理，但缺少实验证据。
你不必完全遵循这些层次模型。和所有的设计一样，依据你自己的成功标准来确定你的设计目标。相比一个非常稳定但很枯燥的网站，你的观众也许会更喜欢美观漂亮的、但偶尔有些小问题的网站。
图书在版编目（CIP）数据
众妙之门：抓住访客心理的网页设计/德国Smashing杂志著；孙艳霏译.--北京：人民邮电出版社，2013.5
ISBN 978-7-115-31113-9
Ⅰ.①众… Ⅱ.①德…②孙… Ⅲ.①网页—设计 Ⅳ.①TP393.092
中国版本图书馆CIP数据核字（2013）第039160号
版权声明
Psychology of Web Design
Copyright ©2012 by Smashing Media GmbH
All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical,by photocopying, recording or otherwise, without the prior permission in writing from Smashing Media GmbH. CHINESE SIMPLIFIED language edition published by POSTS &TELECOMMUNICATIONS PRESS Copyright ©2013.
本书中文简体版由德国Smashing Media公司授权人民邮电出版社独家出版。未经出版者书面许可，不得以任何方式复制或抄袭本书内容。
版权所有，侵权必究。
众妙之门——抓住访客心理的网页设计
◆著 [德]Smashing Magazine
译 孙艳霏
责任编辑 赵轩
◆人民邮电出版社出版发行 北京市崇文区夕照寺街14号
邮编 100061 电子邮件 315@ptpress.com.cn
网址 http://www.ptpress.com.cn
北京捷迅佳彩印刷有限公司印刷
◆开本：880×1230 1/32
印张：5.75
字数：179千字 2013年5月第1版
印数：1–3500册 2013年5月北京第1次印刷
著作权合同登记号 图字：01-2012-7262号
ISBN 978-7-115-31113-9
定价：35.00元
读者服务热线：(010)67132692 印装质量热线：(010)67129223
反盗版热线：(010)67171154
广告经营许可证：京崇工商广字第0021号
