交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

这些交互设计 必备书籍,但你也许都没读过;初次接触交互设计 ,这11本书,刚好够读一年,你的技能将会有质的飞跃。

文章目录[隐藏]

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

这些交互设计必备书籍,但你也许都没读过;初次接触交互设计,这11本书,刚好够读一年,你的技能将会有质的飞跃。

流程篇:《交互大厨的私房书单!10本「流程方法」的好书帮你进阶学习!》
设计原则篇:《交互大厨的私房书单!10本设计原则的好书帮你进阶学习!》

  • Book.1《金字塔原理》
  • Book.2《网站交互设计模式》
  • Book.3《界面设计模式》Designing Interface
  • Book.4《网站设计解构》有效的交互设计框架和模式
  • Book.05《胜于言传:网站内容制胜宝典》
  • Book.06《Web表单设计》
  • Book.07《社交网站界面设计》
  • Book.08《搜索模式》
  • Book.09《标签:标记系统设计实践》
  • Book.10《Web信息架构》
  • Book.11《移动应用UI设计模式》

交互模式是什么?为什么要先学习它们

学习烹饪必须从认识食材、练习刀工入手,学习交互设计也必须从交互模式开始。

模式Patterns,最早来自建筑设计,指可复用的建筑构件;某些建筑物看起来风格相同,因为它们使用了风格统一、制式化的砖瓦、廊柱、装饰纹样。强调模式,主要因为一致性是交互设计的核心原则,即所谓“外观一致、操作一致、反馈一致”。

模式认知是基本功,每一个交互设计人员从新手走向成熟的必经之路。下面介绍11本相关图书,希望大家顺序研习。

Book.1《金字塔原理》

朋友提问:除了“大白熊”,还有什么信息架构的书啊?

对,《金字塔原理》的确是一本信息架构教程!爱信不信……如果系统的学习交互设计,它应该是第一本入门书籍。

学习如何清晰地表达(语言、文字),就是建立逻辑思维的过程。写作优秀的人,一定逻辑清晰;优秀的交互设计人员一定可以提供层次清晰的文档。

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

 

Book.2《网站交互设计模式》

传说中的“大黄本”,正文足足600页,近百万字,厚度超过1元硬币直径。

请注意,书名正解应为“网站交互的设计模式”,第一部分快速介绍了设计方法(甚至包含了用户调研);第二部分介绍了107种常见web交互模式(pattern),包含一部分移动web模式;第三部分介绍了可行性(可用性)测试,评估网站的方法。

手册型书籍,建议交互设计师人手一本,常见web交互设计问题在本书都能找到答案,完全掌握本书内容,约等于野生状态下从事web交互设计3年工作经验。

出版于2009年,目前已经买不到(二手也买不到),扫描件PDF请自助搜索。

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

 

Book.3《界面设计模式》Designing Interfaces

传说中的“鸳鸯”,如果买不到“大黄本”,读读这本也好(推荐两本都读)。

第一版和第二版均有中文版,第一版虽然薄一些,但是印刷质量更好。手册型的书籍,详尽介绍了每个模式的三个特征:

1.这个模式是什么。

2.适用什么样的场景。

3.这个模式的特点。

在方法论层面,信息架构、格式塔原理均有涉猎;有多少种模式(组件)可以解决单选问题?答案就在其中,附录词汇索引,简直就是交互设计小百科。

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

 

Book.4《网站设计解构》有效的交互设计框架和模式

本书系统讲述框架Framework、模式Pattern、组件Component三者的关系(只用了一个章节),其他章节讲了三者的具体应用。

若干本讲交互模式的书籍中,相同的东西也许称呼不太一样,请交叉阅读进行对比。

连续介绍了三本交互模式的专著,如果一直研习下来,对模式的内涵和用法,应该已经融会贯通,甚至已经可以上手做出一些“很棒的原型”。

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

 

Book.5《胜于言传:网站内容制胜宝典》

通过学习模式,大家已经可以设计基本的原型啦,这次主要介绍内容设计书籍。

实际工作中,刚刚入行的交互人员,普遍问题就是:界面不说人话。

1.正确的文字排版,区分标题、副标题、正文、列表、指示性文字。

2.条目化内容,提供祈使句和短内容,方便扫读。

3.导航文案不是写对联,不需要四字对仗。

4.合理使用代词你、我、我们。

5.一个按钮应该使用提交、确认、保存。

6.表单如何提示验证错误,如何降低用户挫败感

7.忘记密码、找回密码、登录遇到问题?在语境上的区分。

8.如何避免认知上的歧义,保证基本易用性。

诸如以上问题,都是内容设计。

内容是信息的载体;特别是文本内容,更是重中之重;完全可以把内容理解为一种细分的交互模式,进行练习和研究。

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

 

Book.6《Web表单设计》

在学习基本Web交互模式和内容设计之后,大家一定一定一定要系统学习表单设计。如果没有表单,交互设计就和平面设计没区别了。

HTML标签中,约1/4与表单直接有关系;设计便利、低用户成本的表单,是提升产品转化率的最核心技能之一。

《Web表单设计:点石成金的艺术》首选书籍,篇幅并不长,实体书目前已经绝版。本书系统介绍了Label位置、Tab顺序、容错、智能填充、反馈等重要模式,同时提供了大量可用性测试结果,理论和实践依据结合。

另外一本书《Web表单设计:创建高可用性的网页表单》作为备选,也可以读一读。

注意:因屏幕空间和触发条件的巨大差异,web表单和移动端表单完全不同。

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

 

Book.7《社交网站界面设计》

也许,你并非正在设计社交类产品;然而,几乎所有的产品都会涉及到注册、登录、个人中心、会话等功能,它们看似基础和简单,其则变化无穷;想系统学习一些基本招式,那就看看这本《社交网站界面设计》吧。

Passport和Profile是两条基础的产品线,与注册转化、日活用户息息相关;社交网站是这方面的行家里手;正确地进行设计,规划密钥系统和身份系统,对产品未来扩展性非常重要。

可见性区分,是社交的重要玩法;整个系统的封闭属性决定了关系链沉淀,也决定了社交天性当中的兴趣点。

理论上说,积分/头衔系统服务于社交,是社交的一部分,本书中有涉猎。

另外一本《SNS网站构建》也是介绍社交产品的,可作为备选读物。

Book.8《搜索模式》

搜索,是“信息之间相互离散”的具体表现。简单易用的搜索功能,背后是算法工程师的巨大努力:叙词表的建立,排序规则、本地化结果、个性化结果、兴趣关联……好用的搜索,仿佛是知心朋友,与用户感同身受。

《搜索模式》是本次首选书籍,提供了10种常见模式,在实际使用中,可能会远远超出本书的范围。几乎所有的电商平台都会有专门团队负责搜索产品。搜索也是投诉率较高的功能,更是用户放弃使用的灾难性原因。一款好用的搜索需要长时间打磨,即便读了本书,还是需要用心地与研发、运营团队通力配合。

在面试中Hozin经常会用一道笔试题:  某个原生APP中,使用Search Input实现对姓名、手机号、订单号的分类搜索,说说如何设计界面?

感兴趣的朋友可以在回复作答,提供草图/低保真原型。

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

 

Book.9《标签:标记系统设计实践》

如果只推荐一部信息架构书籍,Hozin肯定会选择这本,而不是“大白熊”。标签是搜索的近亲,“信息之间相互离散”的具体表现,突破一切关系,让任何离散的内容建立关联。

本书介绍三种元数据入手,以信息学和生活实践作为论述,一步一步结识了标签系统和传统分类的差异,并且还一脚深入到标签的堂兄——推荐系统。

4种标记系统,5个常见的设计陷阱(及解决方法),沉淀了大量实用的设计方法,简直就是居家旅行、杀人越货必读之经典。 关于受控词表(叙词表)的介绍,本书比“大白熊”更清晰易懂。

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

Book.10《Web信息架构》

终于轮到“大白熊”出场!多年以来,研究信息架构的朋友不断反馈:真的根本啃不动……

Hozin强烈不建议初学者阅读本书,如果连续学习前面推荐的9本交互模式相关书籍,再翻开“大白熊”:哇塞,似曾相识啊,好亲切哦。

没错,“大白熊”的确讲了信息架构,但是,它首先也是一本交互模式书籍;不夸张的说,80%的篇章,在前9本书中都有更详尽的描述;“大白熊”只是把经典模式重新组织了一下,然后加上了一些信息架构讲解。

一直以来,“大白熊”最特殊的部分就是关于叙词表和受控词表,这部分不如Book09《标签》描述的清晰;第四版“大白熊”书名改为《信息架构:超越Web设计》,换汤不换药。

再次强调,如果要学习交互设计模式,一定按照Hozin推荐的顺序,一本一本的读。

 

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

 

Book.11《移动应用UI设计模式》

从Web设计过渡到APP设计,短暂痛苦,也实在没什么书籍推荐。原生APP让交互设计仿佛变得简单,变得缺乏变化,变得步调一致。

“小公鸡”长成“大公鸡”,这本书的厚度增加了一倍。从“导航”、表单、表格、搜索、图表、帮助系统……Web需要10本书才说清楚的事情,《移动应用UI设计模式》一本书就全部囊括。

生活中,简单和博大精深之间存在一种矛盾:舒适区让你习惯饭来张口衣来伸手,学习会让你痛恨渺小的自己;没什么事情是生来简单,一定要保持复杂的独立思考。

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

 

后记

或许,很多交互设计老手、大牛,会对本篇推荐的图书不屑一顾。诚然,在野生状态下,摸索三五年,一样可以成为高手。

“学习交互模式”和“直接模仿竞品”有哪些明显区别?

模式,来自前人总结。通过系统学习+正确使用,大家可以轻松的站在巨人的肩膀上,创新也变得有的放矢。

运用交互模式优势显而易见:

1. 削减实现成本

在技术实现领域,HTML标记、C/S窗体本身就是一套模式系统,它们生来就是可复用、模式化的。

2. 保证用户体验

只要合理使用交互模式,交互设计至少可达到优良水平,可用性测试变得简单。

3. 一致性

外观、操作、反馈容易达到一致,方便用户学习和跨平台使用。

4. 方便沟通

“需要设计一个的半透明浮层,盖住整个界面,让用户只能选择保存文档或者取消保存,”

“模态LightBox,确认保存或取消”

不学习交互模式,直接模仿竞品,可以吗?

当然可以!但是,请明确如下问题:

1. 竞品是优秀的设计么?

如果不学习模式,能建立优秀的客观标准么?谁会模仿一个拙劣的设计?

2. 模仿和借鉴有区别么?

知其然,不知其所以然,只能永远模仿;了解设计模式,方可庖丁解牛,按图索骥。

3. 如何超越竞品?

设计是一门遗憾的艺术。硬碰硬,与竞品比长处,正面交锋;田忌赛马,弥补竞品的缺陷;去其糟粕,取其精华。

认识食材,练习切菜,目的是让掌握食材的特性;刀工是基础,决定基础口感;刀工甚至决定了火候。

欢迎关注作者的微信公众号:「Hozin」

交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

「设计书单推荐」

  1. 交互设计丨从初级到高级交互设计师的私人推荐书单
  2. 字体设计丨8位顶尖字体设计专家推荐的设计书单
  3. 新人专属丨专属于新人设计师的私人推荐书单

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/20458/

(0)
震天下震天下
上一篇 2017-05-26 14:55
下一篇 2017-05-26

相关推荐

  • 不仅要漂亮:看图像如何引导用户体验!

    俗话说得好,“一图胜千言”。图片不仅要漂亮,还要够意思!

    2017-05-08
  • 用户体验是家电实体店独享红利

    不可盲目自信,也不能过度自卑。对于众多的家电实体店来说,满足用户的体验、持续带来新的用户体验,是应对一切外来不利因素挑战和冲击的最大筹码,也是生存的底线。蔓欣||撰稿现在,主题乐园正成为现在人们选择度假的方式,在春节旅游大报告中,上海迪士尼赫然位于“最热门景点”第四,而其他像常州中华恐龙园、顺德长鹿农庄、上海长风海洋世界、武汉欢乐谷等也是今年春节期间最热门的主题公园。尽管,现在基本上所有的购物、娱乐和消费,都可以在线上解决。但是,更多的...

    2018-03-09
  • SKETCH Hong Kong 2016 作品展

    SKETCH Hong Kong将于2016年7月1至10日在太古广场2层(Kelly & Walsh书店附近)、及7月15至30日在3812画廊(香港西营盘皇后大道西118号地下)举办SKETCH Hong Kong 2016作品展,展览由Miele全力支持,展出超过50件出自本地业余速写画家手笔速写作品。李唯芳  湾仔4色  钢笔铅笔水彩纸本参加者运用多样的绘画工具,从多角度描绘了香港著名的历史性地标,记录了香港独特的文化生活方式。...

    2018-04-16
  • 用户体验才是核心竞争力 英雄互娱《一起来冒险》趣味至上

    (点击上方“GameLook”↑↑↑↑↑↑,订阅微信)近几年来,随着手游用户增长速度趋于平稳,手游数量的增多,人口红利的优势已经消失殆尽,如何曝光率成为困扰所有开发商的共同难题。在买量成本水涨船高的情况下,靠忠实玩家形成的用户口碑形成病毒传播则成了很多游戏的“制胜法宝”。经过了几年的发展之后,玩家们越来越懂游戏,千篇一律的复刻已经无法提起人们的兴趣,人们有了自己对于游戏的追求,这也是市场上越来越多细分品类游戏成功的主要原因,比如《纪念碑...

    2018-01-30
  • 用好的交互设计来管理复杂-“个人中心”

    “复杂是世界的一部分,但它不应该令人困惑,好的设计能够帮助我们驯服复杂,不是让事物变得简单(如果复杂是符合需求的),而是去管理复杂”。复杂是可以被管理的,但要做到这一点,我们都必须做好自己该做的那部分工作。

    2017-05-19
  • 设计思考:中西医结合,开出交互良方

    我们大都倾向于对观点进行主观表述,而不是对事实进行客观陈述,为了减少主客观的分歧,设计师应该利用好研究分析对交互工作的“润滑”作用。

    2017-04-30
  • 设计师们,停止不必要的UI动效设计吧!

    这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议。我们将在下文中,简单探讨如何改善下面的这个交互。

    2017-05-14
  • 巴塞罗那发团丨LES FONTS DEL LLOBREGAT探寻自然一日游

    看腻了古镇城堡?看够了沙滩海岛?那就跟随我们深入略夫雷加特河的源头Fonts del Llobregat来一次悠闲的探寻自然之旅吧!发团日期:2月17日行程价格:42欧/人行程包含:1.大巴游览2. 西语陪同导游3. 餐食午餐包括:escalivada炭烤蔬菜拼盘,加泰罗尼亚沙拉,咸火腿,白肠、黑肠、香肠拼盘,Escudella炖菜,酱汁bandejas de pies de poco,蘑菇牛肉+烤鸡肉甜品:Bunyols amb mo...

    2018-02-05
  • 交互设计师的60日计划第十五天

    今天晚上去上了想上已久的舞蹈课,超级超级开心。说要学舞说了这么久,总是不能兑现。今年的另一个要实现的事情,就是每周坚持学舞蹈吧。 20150813 产品经理的自己提的方案也可能并不是他想要的 很久以前师父和老大…

    交互专题 2015-08-20
  • 搞定APP着陆页优化的超实用原则

      你应该知道着陆页的分析方式,一个比较客观的方法是使用GoodUI(http://goodui.org)清单来提升和衡量着陆页。最优化着陆页几乎是不可能的。将着陆页最优化几乎是不可能的,但如果你正在为移动app设计一个着陆页,…

    2015-07-28