万字干货,交互设计精髓105条设计原则(附中英PDF资料)

About Face 4

《About Face: 交互设计精髓》称得上是交互设计的圣经,用“工作必备,常看常新”来形容也不为过。书中的每句话对平时的实践都有着指导意义。更难能可贵的是,这本圣经从1.0到4.0每次版本更新都与时俱进,像4.0还讲到特斯拉的车载设计。

但遗憾的是,能全部看完这本圣经的人不多。原因可能有两方面:一,500多页的大部头,看起来心理压力确实太大,很多人想看但不知从何下手;二,翻译的过程中难免有信息的偏差和错误,让很多人看了晦涩难懂、一头雾水。

因此,我本从书中提取摘要和原则,一方面是想让读者对本书全貌有个初步的了解,另一方面也是希望这些原则能有益于大家工作。

另外,我也收集了本书的中英文资料(私信我),也是希望方便大家深入学习和研究。在文章末尾我预埋了彩蛋,给对交互设计和产品设计有多追求的小伙伴。

第一部分 目标导向设计

第1章 数字产品的设计过程

如果我们设计的数字产品能够让人们方便地达 成目标,他们会感到满意,提高效率,心情愉快。如此一来,人们会高兴 地购买这款产品,还会推荐他人购买。假设我们能够以低成本实现上述目标,就能取得商业上的成功。表面上,这个前提一目了然。只要用户满意,产品就会成功。可是为什么仍有那么多的数字产品难以使用,用起来让人痛苦呢?为什么不能皆大 欢喜、双方共嬴?尽管我们一直在更快、更廉价、更便捷技术的创新道路 上稳步迈进,为什么人们仍会感到沮丧?一言以蔽之,答案是因为在产品规划和开发的过程中,没有把设计作为同等重要的基础环节。

  • 用户界面应该基于用户心理模型,而不是实现模型。User interfaces should be based on user mental models rather than implementationmodels.

  • 目标导向的交互设计反映了用户的心理模型。Goal-directed interactions reflect user mental models.

  • 交互设计不是凭空猜测。Interaction design is not guesswork.

第2章理解问题:设计研究

任何设计成果的评判标准,都要看产品最终满足用户或委托开发组织需求的程度。不管设计师技艺多高超,多有创造力,如果没有清晰而详细地了解其目标用户、问题限制及推动设计的商业或组织目标,那么成功的机会不大。仅仅筛选一下从市场调查(尽管这对回答其他类型问题十分重要)之类的定量研究得到的数字和图表,很难轻易地深入把握这些主题。
这种行为和组织知识需要通过定性研究方法来收集。定量研究方法有很多种,每种方法对理解产品设计轮廓都十分重要。

第3章为用户建模: 人物模型和目标

一旦花了大量时间进行实地调查,研究用户的生活、动机和环境,接着问题自然而然地产生了:如何利用如此巨大的研究数据打造成功的产品?记事本里充满了对话记录和观察结果,很可能我们交流过的每 个人都有些许不同。很难想象,每次做出设计决策时,都要从数百页笔记中挖掘有用信息。即便有足够时间,这些笔记提供的信息是否有帮助还不 一定。如何使这些数据变得有意义?如何辨明重点?我们引入了建模(model)这一强大概念解决上述问题。

  • 不要让用户感觉自己愚笨。Don’t make the user feel stupid.

  • 界面设计的关注点在于单个主要人物模型。Focus the design for each interface on a single primary persona.

第4章设立愿景:场景和设计需求

在前两章中,我们讨论了如何收集关于用户的定性信息,如何利用信息创 建模型。通过仔细分析用户研究结果以及人物模型及其他模型的综合体,我们创造了一副清晰的画面来呈现用户及其各自的目标和用户目前的情况。接下 来,就到了整个方法的关键部分:如何利用对用户的理解来制订设计方案,既 能让用户满意、对用户有所激发,同时又能完成商业目标,突破技术上的限制。

  • 设计产品行为前,首先定义产品会做什么。Define what the product will do before you design how the product will do it.

  • 设计的早期阶段,假定界面是魔法。In the early stages of design, pretend the interface is magic.

第5章设计产品:框架和提炼

上一章中我们讨论了设计过程的前半部分,即利用故事情节或场景剧本来设想理想的用户交互过程,之后从这些场景和其他来源中对需求进行定义。现在我们终于做好准备,开始设计。

  • 绝对不要向利益相关者展现你不满意的设计方案,那可能正是他们喜欢的。Never show a design approach you’re unhappy with; stakeholders just might like it.

  • 用户体验只有一个,即形式和行为的设计必须相互和谐。There is only one user experience: Form and behavior must be designed in concert.

第6章 创造型团队合作

在本书的介绍中,我们曾提到,目标导向方法包含三方面内容,即原则、类型和过程。然而,还有一点值得提及——实践。本书花费了大幅篇幅讲述上述 三方面内容,我们希望能在本章跟大家分享一些关于目标导向设计的实践,以及设计团队如何融入更大的产品团队。本章主要讲述三方面内容:一是团队合作的战略;二是产品开发的正确方法;三是整合不同组织间团队合作的技巧。有些最有趣、最重要的设计问题太 大以致无法单独解决。通常,这些问题牵扯过多,很难拋开其他问题而单个解决。

第二部分 设计行为和形式

第7章良好产品行为的基础

如何做出产品设计的决策呢?什么成就了好的设计方案呢?测量设计质量的一个依据,就是产品满足用户目标和需求的能力,以及是否适应商业目标和技术限制。但是产品解决方案是否具有可识别、可实现性的特征?我们能否将类似问题的解决方案一般化?要成就好的设计是否要求设计过程具有普遍适用性?答案就在交互设计价值、原则和模式的使用中:设计价值(design values) 为成功、恰当的设计实践提供了指导方针;设计原则(design principles)为设计有用而令人期待的产品、系统和服务提供了向导;设计模式(design patterns) 针对某些具体的设计问题给出了一般方案。

第8章数字产品的礼仪

研究发现,人类与计算机及其他交互产品之间的对待和反应方式如同人与人之间的交往。我们与软件的交互也出于本能,是无意识行为,也是不可回避的。这个研究的意义是深远的,如果希望用户喜欢我们的软件,那么当我们设计软件时,应该让它表现得像一位举止得体的人。如果希望用户能高效地使用我们的如果希望用户能高效地使用我们的软件,那么就应该将它设计得像一个帮助和支持自己工作的同事。总之, 应当考虑人与计算机在工作上的角色分配。

  • 人来思考,计算机干活。The computer does the work, and the person does the thinking.

  • 软件应该像人一样体贴。Software should behave like a considerate human being.

  • 如果用户愿意操作,就值得程序记住。If it’s worth it to the user to do it, it’s worth it to the application to remember it.

第9章平台和姿态

在开始设计一个数字产品的交互框架时,要回答的第一个问题是“什么样的平台(platform)和姿态(posture)是合适的?”产品的平台(platform)可以认为是使产品能运转起来的软件和硬件的共同作用体,包括用户交互和产品内部运转。常见平台:桌面端、网站、手机、数码相机……产品的姿态(posture)是指产品的行为立场,也就是产品对用户的展现方式。姿态讨论的是用户在与产品交互上投入多少精力;以及产品又如何回应这些精力投入。这一决定必须建立在了解产品可能的用户场景和环境基础上。常见的应用姿态分为独占式、暂时式、后台式……

  • 技术平台相关的决定最好能融入交互设计的成果。Decisions about technical platform are best made in concert with interaction designefforts.

  • 全屏幕使用独占应用程序,让它发挥最优效果。Optimize sovereign applications for full-screen use.

  • 独占界面应该采用保守的视觉风格。Sovereign interfaces should feature a conservative visual style.

  • 独占式应用程序可以使用丰富的输入方式。Sovereign applications should exploit rich input.

  • 在独占应用程序中让文档视图最大化。Maximize document views within sovereign applications.

  • 暂时应用程序必须简单、清晰并且意思明确。Transient applications must be simple, clear, and to the point.

  • 暂时式应用程序只使用一个窗口和视图。Transient applications should be limited to a single window and view.

  • 启动暂时式应用时,它应该处于上一次的位置和配置状态下。A transient application should launch to its previous position and configuration.

  • 信息亭应该针对首次使用者进行优化。Kiosks should be optimized for first-time use.

第10章为中级用户优化设计

大部分技术产品用户都了解这种感受,即买回一部数字家电或下载一个新 软件应用,就意味着要开始学习一种新界面;而这种学习过程历时数天,充满了 挫折感和失望。此外,许多有经验的数字产品用户也可能会沮丧,因为他们总被产品当作新手。看来很难找到一个合适的平衡点,同时满足新手和专家的要求。

  • 不要将培训工具固定化。Don’t weld on training wheels.

  • 没有人愿意永远当个新手。Nobody wants to remain a beginner.

  • 为中级用户而优化设计。Optimize for intermediates.

  • 为常见的导航调整界面。Inflect the interface for typical navigation.

  • 用户只有获得充分的回报,才会付出相应的努力。Users make commensurate effort if the rewards justify it.

  • 将用户想象成为非常聪明但很忙碌的人。Imagine users as very intelligent and very busy.

第11章编排与心流

如果产品设计的目标是让用户在使用产品时生产力更高、更有效、更投入, 就必须让用户保持正确的心态。本章讨论人类心理工程学(mental ergonomics), 主要讲述了如何让产品支撑起用户的智力和效率,如何避免破坏用户在投入生产时的专注度,这正是我们希望用户保持的状态。

还有 63% 的精彩内容
©著作权归作者所有,转载或内容合作请联系作者
支付 ¥2.99 继续阅读
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,029评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,395评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,570评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,535评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,650评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,850评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,006评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,747评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,207评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,536评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,683评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,342评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,964评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,772评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,004评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,401评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,566评论 2 349

推荐阅读更多精彩内容