交互大厨的私房书单【模式篇】共11册
<p>这些交互设计必备书籍,但你也许都没读过;初次接触交互设计,这11本书,刚好够读一年,你的技能将会有质的飞跃。</p>
<p>
Book#01《金字塔原理》
Book#02《网站交互设计模式》
Book#03《界面设计模式》Designing Interface
Book#04《网站设计解构》有效的交互设计框架和模式
Book#05《胜于言传:网站内容制胜宝典》
Book#06《Web表单设计》
Book#07《社交网站界面设计》
Book#08《搜索模式》
Book#09《标签:标记系统设计实践》
Book#10《Web信息架构》
Book#11《移动应用UI设计模式》
</p>
<h2>写给小厨房的初阵</h2>
<p>身在互联网行业,无论任何岗位,交互设计都是一种技能。学习技能的方法很多,拜师学艺也好,留洋深造也罢,终究离不开[读书]二字。</p>
<p>学习,注定是一件孤独的事;不经历秉烛夜读万卷书,行万里路也只能走马观花;系统掌握一种技能,须要刻苦,须要循序渐进。</p>
<p>【厨艺】与【设计】都是技能,熟能生巧,二者的学习过程也非常类似;交互设计小厨房,借助模拟料理的方式,通过认知食材、刀工、调料、烹饪方法、解剖菜式等方式,一步一步讲解,快速帮助大家完成从【吃货】到【料理达人】的蜕变。</p>
<p>知乎、各种公众号,每天都有人问及,也无数次有人回答【学习交互设计应该看什么书】?且不说答案雷同,即便设计大牛的培训班,也无非是介绍了几本《营养学》而已;无数的朋友们,在看了几本《营养学》之后,连土豆丝都不会炒,连连高呼“学习交互设计好难啊”;不是交互设计太难,也并非大家不够努力,只因【假文章】和【假书】太多。</p>
<p>工作14年,看过商业、设计、产品、技术类书籍400多本,其中精读大约100部;有关交互设计的中文图书,几乎都保留实体书;大家在日常遇到的问题、技巧,超过90%在书中都有答案;精挑细选一些,形成系列,以饲诸位。</p>
<dl>
<dt>1.小厨房推荐书籍,都是必看必读必学</dt>
<dd>已经帮助大家排除了很多不靠谱的资料,请精读</dd>
<dt>2.一定要按照推荐顺序阅读学习</dt>
<dd>初中数学尚未毕业,读起《微积分》必定一脸茫然</dd>
<dt>3.不必写读书笔记</dt>
<dd>如果没有独特观点,请不要写出来,鹦鹉学舌,见过太多</dd>
</dl>
<h2>交互模式是什么?为什么要先学习它们</h2>
<p>学习烹饪必须从认识食材、练习刀工入手,学习交互设计也必须从交互模式开始。</p>
<p>模式Patterns,最早来自建筑设计,指【可复用的】建筑构件;某些建筑物看起来风格相同,因为它们使用了风格统一、制式化的砖瓦、廊柱、装饰纹样;强调【模式】,主要因为【一致性】是交互设计的核心原则,即所谓“外观一致、操作一致、反馈一致”。</p>
<p>【模式认知】是基本功,每一个交互设计人员从新手走向成熟的必经之路;下面介绍11本相关图书,希望大家顺序研习。</p>
<h2>Book#01《金字塔原理》</h2>
<p>朋友提问:除了“大白熊”,还有什么信息架构的书啊?</p>
<p>对,《金字塔原理》的确是一本信息架构教程!爱信不信……如果系统的学习交互设计,它应该是第一本入门书籍。</p>
<p>学习如何清晰地表达(语言、文字),就是建立逻辑思维的过程。写作优秀的人,一定逻辑清晰;优秀的交互设计人员一定可以提供层次清晰的文档。 </p>
<h2>Book#02《网站交互设计模式》</h2>
<p>传说中的“大黄本”,正文足足600页,近百万字,厚度超过1元硬币直径。</p>
<p>请注意,书名正解应为“网站交互的设计模式”,第一部分快速介绍了设计方法(甚至包含了用户调研);第二部分介绍了107种常见web交互模式(pattern),包含一部分移动web模式;第三部分介绍了可行性(可用性)测试,评估网站的方法。 </p>
<p>手册型书籍,建议交互设计师人手一本,常见web交互设计问题在本书都能找到答案,完全掌握本书内容,约等于野生状态下从事web交互设计3年工作经验。</p>
<p>出版于2009年,目前已经买不到(二手也买不到),扫描件PDF请自助搜索。</p>
<h2>Book#03《界面设计模式》Designing Interfaces</h2>
<p>传说中的“鸳鸯”,如果买不到“大黄本”,读读这本也好(推荐两本都读)。</p>
<p>第一版和第二版均有中文版,第一版虽然薄一些,但是印刷质量更好。手册型的书籍,详尽介绍了每个模式的三个特征:1.这个模式是什么 2.适用什么样的场景 3.这个模式的特点。</p>
<p>在方法论层面,信息架构、格式塔原理均有涉猎;有多少种模式(组件)可以解决单选问题?答案就在其中;附录词汇索引,简直就是交互设计小百科。 </p>
<h2>Book#04《网站设计解构》有效的交互设计框架和模式</h2>
<p>本书系统讲述框架Framework、模式Pattern、组件Component三者的关系(只用了一个章节);其他章节讲了三者的具体应用。</p>
<p>若干本讲【交互模式】的书籍中,相同的东西也许称呼不太一样,请交叉阅读进行对比。</p>
<p>连续介绍了三本【交互模式】的专著,如果一直研习下来,对【模式】的内涵和用法,应该已经融会贯通,甚至已经可以上手做出一些“很棒的原型”。</p>
<h2>Book#05《胜于言传:网站内容制胜宝典》</h2>
<p>通过学习【模式】,大家已经可以设计基本的原型啦,这次主要介绍【内容设计】书籍。 </p>
<p>实际工作中,刚刚入行的交互人员,普遍问题就是:界面不说人话!不说人话!人话!</p>
- 1.正确的文字排版,区分标题、副标题、正文、列表、指示性文字
- 2.条目化内容,提供祈使句和短内容,方便扫读
- 3.导航文案不是写对联,不需要四字对仗
- 4.合理使用代词【你】【我】【我们】
- 5.一个按钮应该使用【提交】【确认】还是【保存】
- 6.表单如何提示验证错误,如何降低用户挫败感
- 7.【忘记密码】【找回密码】【登录遇到问题?】在语境上的区分
- 8.如何避免认知上的歧义,保证基本易用性
<p>诸如以上问题,都是【内容设计】。 </p>
<p>内容是信息的载体;特别是文本内容,更是重中之重;完全可以把【内容】理解为一种【细分的交互模式】,进行练习和研究。
如图,Hozin推荐了四本内容相关的书籍: </p>
- A《胜于言传:网站内容制胜宝典》作为首选书籍,编写比较系统,已经再版,可以买到。
<p>如果买不到《胜于言传》以下三本书籍备选(排名不分先后):</p>
- B《Web内容策略指南》
- C《影响力:让网站内容打动访客》
- D《引人入胜:创建优秀网站内容的策略、方法与最佳实践》 (如果精力和时间有限,阅读4本书中任何一本即可。)
<h2>Book#06《Web表单设计》</h2>
<p>在学习基本Web交互模式和内容设计之后,大家一定一定一定要系统学习表单设计。如果没有表单,交互设计就和平面设计没区别了。 </p>
<p>HTML标签中,约1/4与表单直接有关系;设计便利、低用户成本的表单,是提升产品转化率的最核心技能之一。 </p>
<p>《Web表单设计:点石成金的艺术》首选书籍,篇幅并不长,实体书目前已经绝版。本书系统介绍了Label位置、Tab顺序、容错、智能填充、反馈等重要模式,同时提供了大量可用性测试结果,理论和实践依据结合。 </p>
<p>另外一本书《Web表单设计:创建高可用性的网页表单》作为备选,也可以读一读。 </p>
<p>注意:因屏幕空间和触发条件的巨大差异,web表单和移动端表单完全不同。</p>
<h2>Book#07《社交网站界面设计》</h2>
<p>也许,你并非正在设计社交类产品;然而,几乎所有的产品都会涉及到注册、登录、个人中心、会话等功能,它们看似基础和简单,其则变化无穷;想系统学习一些基本招式,那就看看这本《社交网站界面设计》吧。</p>
<p>请一定先阅读这篇文章 链接:
<a href="http://hozin.com/Point/201601/Passport-Design.html" title="《盘点[注册/登录]产品设计路上爬过的坑》"
rel="external" target="hozin.com">《盘点[注册/登录]产品设计路上爬过的坑》</p>
<p>Passport和Profile是两条基础的产品线,与注册转化、日活用户息息相关;社交网站是这方面的行家里手;正确地进行设计,规划密钥系统和身份系统,对产品未来扩展性非常重要。</p>
<p>可见性区分,是社交的重要玩法;整个系统的封闭属性决定了关系链沉淀,也决定了【社交天性】当中的兴趣点。</p>
<p>理论上说,积分/头衔系统服务于社交,是社交的一部分,本书中有涉猎。</p>
<p>另外一本《SNS网站构建》也是介绍社交产品的,可作为备选读物。</p>
<h2>Book#08《搜索模式》</h2>
<p>搜索,是“信息之间相互离散”的具体表现;简单易用的搜索功能,背后是算法工程师的巨大努力:叙词表的建立,排序规则、本地化结果、个性化结果、兴趣关联……好用的搜索,仿佛是知心朋友,与用户感同身受。 </p>
<p>《搜索模式》是本次首选书籍,提供了10种常见模式;在实际使用中,可能会远远超出本书的范围;几乎所有的电商平台都会有专门团队负责搜索产品;搜索也是投诉率较高的功能,更是用户放弃使用的灾难性原因;一款好用的搜索需要长时间打磨,即便读了本书,还是需要用心地与研发、运营团队通力配合。</p>
<p>在面试中Hozin经常会用一道笔试题:
某个原生APP中,使用Search Input实现对姓名、手机号、订单号的分类搜索,说说如何设计界面?
</p>
<p>感兴趣的朋友可以在回复作答,提供草图/低保真原型。</p>
<p>另外本次推荐两本参考读物:</p>
- 《网站搜索设计:兼顾SEO及可用性的网站设计心得》
- 《设计搜索体验:搜索的艺术与科学》
<p>如果正在专门从事搜索相关的交互设计,请进一步阅读:</p>
- 1.搜索分析相关书籍
- 2.搜索算法实现相关书籍
























