蝶变——移动用户体验设计之道 pdf epub mobi txt 电子书下载 2025

简体网页||繁体网页

☆☆☆☆☆

邓俊杰，郑少娜，王梓铭，方馨著

图书标签:

用户体验
移动设计
交互设计
设计方法论
用户研究
可用性测试
设计原则
产品设计
UI设计
UX设计

下载链接在页面底部

facebook linkedin mastodon messenger pinterest reddit telegram twitter viber vkontakte whatsapp 复制链接

想要找书就要到图书大百科

book.teaonline.club

立刻按 ctrl+D收藏本页

你会得到大惊喜!!

出版社：清华大学出版社

ISBN：9787302494065

版次：1

商品编码：12341136

包装：平装

开本：16开

出版时间：2018-03-01

用纸：特种纸

页数：206

字数：257000

具体描述

产品特色

编辑推荐

金蝶作为企业服务领域的老兵已经深耕B端市场25年，旗下云之家产品也已经在移动办公领域走过了8年时间。与C端产品不同，B端产品需要了解企业，要为客户提供专业的服务，在这一点上金蝶云之家团队有着丰富的经验。金蝶云之家用户体验部拥有20多名经验丰富的设计师，不仅年轻有创意，还致力于为客户打造专业的产品。

内容简介

《蝶变：移动用户体验设计之道》结合云之家移动办公产品的实际案例，分析了各类不同场景下产品的设计方法，详细介绍了如何打造一款具备优秀用户体验的智能手机App，主要内容包括企业用户研究、To B产品设计研究、交互和视觉设计技巧、平台建设和生态系统设计技巧和相关的案例及经验总结。书中包含大量实际调研数据，对设计的迭代过程进行了充分展示，侧重实战经验，并非空洞的设计思想和理论。

　　《蝶变：移动用户体验设计之道》适合用户体验设计领域的从业者、图形界面设计师、交互设计师、用户研究员、产品设计规划人员、企业服务产品设计人员、移动办公产品行业相关人员阅读，也适合交互设计、用户体验相关专业的学生阅读，还可作为相关专业培训机构的参考用书。

作者简介

邓俊杰

金蝶云之家用户体验部总监，首席用户体验架构师。曾就职于华为技术有限公司，任交互设计师、设计主管、高级产品经理等职位。在用户体验相关领域工作13年，著有设计发明专利文章20余篇。

精彩书摘

第3章

交互和视觉设计技巧篇

3.1　格式塔原则在移动办公设计中的运用

作者：王梓铭

1. 格式塔原则

首先简单介绍一下格式塔原则，它分成五个部分：

（1）相近（Proximity）：距离相近的各部分趋于组成整体；

（2）相似（Similarity）：在某一方面相似的各部分趋于组成整体；

（3）封闭（Closure）：彼此相属、构成封闭实体的各部分趋于组成整体；

（4）连续（Continuity）：人们倾向于完整地连接一个图形，而不是观察残缺的线条或形状；

（5）简单（Simplicity）：具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。

2. 说明与举例

1）相近（Proximity）

人们通常把位置相对靠近的事物当成一个整体，下面用几幅图来说明一下。

如图所示，同样都是16个圆形，左图你会把16个圆形当成一个整体；但是右边那幅图，上面8个圆形和下面8个圆形各自靠得更近，所以你会把上面8个圆形当成一个整体，把下面8个当成另外一个整体。

▲ 相近示意图1 ▲ 相近示意图2

这里需要注意的是，相近性作为第一条原则，它的“权重”非常大，大到可以抵消其他原则，例如为上面的圆形添加颜色，甚至改变其形状，人们也会把相近的事物当成一个整体。

那么相近性原则的实际应用，又有哪些呢？

最常见的地方就是一些功能列表页面，例如设置，或者像微信的“发现”页面那样的功能列表。大家会把“扫一扫”和“摇一摇”当成一个整体，而把“购物”和“游戏”当成另一个整体，这样可以让界面显得更加清晰，同时还能突出重点。这个列表的两头实际上是最突出的，像“朋友圈”和“小程序”。如果没有使用格式塔的相近原则，界面就会显得非常杂乱了。

▲ 微信“发现”页面示意图

iOS系统的设置，也通过位置亲疏关系来体现分组。

▲ iOS系统的设置

支付宝首页的元素虽然很多，但是根据相似性可以清晰地分为几组。

▲ 支付宝首页

2）相似（Similarity）

人们会把那些明显具有共同特性（如形状、大小、运动趋势、方向、颜色等）的事物当成一个整体。例如下方第一幅图，大家会把同行的正方形当成一个整体，把其他圆形当成另一个整体。第二幅图，人们就会把大正方形当成整体，把小正方形当成另一个整体。

▲ 相似示意图1

而这里需要注意的是人们对形状、大小、共同运动、方向、颜色的“感受权重”是不一样的，在这里颜色属性会覆盖其他属性的影响。

左边这幅图，大家会把同行的正方形当成一个整体，加了颜色后的右图，就变成竖列圆形和正方形是个整体了。

▲ 相似示意图2

前面提到了一个叫作“运动趋势”的东西，这里以安卓的交互规范为例，说明共同运动趋势。安卓的悬浮按钮，就是一个用了相似性（共同运动趋势）的设计，点击某一个，从下往上会出现多个操作按钮，虽然它们的图标不是一样的，但是因为同样是从下往上移动，所以人们会把它们当成一个整体。（这里要强调一点，前面提到的形状、大小、运动趋势、方向、颜色等特性，是可以组合使用的。这个悬浮按钮实际上用了共同运动趋势、相同形状、同一颜色，从而达到相似性的目的。）

▲ 共同运动趋势

前言/序言

2017年4月1日那天，我给云之家用户体验部创建了一个微信公众号，开始向部门成员约稿，很多设计师都积极贡献了高质量的原创文章。一个月后公众号拿到原创标识，同时受邀入驻“人人都是产品经理”社区，成为该社区的合作媒体。

这是一个个体崛起的时代，很多设计师已经不仅仅在公司做产品，还开始在各种平台上发表自己的观点、经验，建立自己的影响力。一点点的输出就意味着大量的输入，输出越多其实象征个人的输入更多，自然个人的成长也更快。输入的途径有很多，有平时工作项目上的经验积累，有通过各种书籍、文章、网站获取到的知识，还有跟同事、同行的交流等。

现代职场人有两个重要的基本能力，一个是公开演讲，一个是专业写作，其实这两个能力就是两种不同的输出方式。一个不懂得输出的设计师很难在内部和外部建立起自己的影响力，而一个懂得输出的设计师会以非常快的速度成长，大量的输入再变成自己的想法输出，就能形成一个正向的循环。

基于这样的原因，作为一名团队管理者，我会尽量创造一个个可以让团队成员输出的机会，例如让他们多写文章，多总结项目经验，多做公开的培训，因为想要把握住这些输出机会，就意味着他们自己要有大量的输入和自我思考，这对他们自我提升也是一种变相激励，同时也能从侧面反映出他们如何看待自己的工作和职业规划。

非常幸运的是，这次能够受到清华大学出版社的邀请出版一本关于To B类互联网产品体验设计的书籍。云之家在企业移动办公领域已经耕耘了近8年，据IDC报告显示，2015年和2016年连续两年在中大型企业中，金蝶云之家蝉联中国移动办公市场第一名，很显然我们积累了大量关于企业级互联网产品的设计经验。这是一个开放的时代，作为云之家的设计师，我们很愿意把自己的一些宝贵经验和想法与业界同行交流，跟大家共同进步。

这本书能够顺利出版首先要感谢云之家用户体验部每一位设计师的积极贡献，不管读者对内容本身的评价如何，大家一起来出版一本专业书籍这件事本身就非常有意义和值得纪念。同时还要感谢其他同事、领导、同行的鼓励和支持。相信这本书不是完结篇，而是一个新的起点。

邓俊杰

《破茧——数字化时代的互动边界探索》引言我们正身处一个前所未有的信息爆炸与技术迭代的时代。在这个日新月异的数字化洪流中，人与信息的互动方式发生了翻天覆地的变化。从最初简单的信息获取，到如今深度的情感链接与个性化体验的追求，用户与数字产品之间的关系已经超越了单纯的功能性需求，演变成一场关于“连接”、“理解”与“共鸣”的深刻对话。本书《破茧——数字化时代的互动边界探索》，正是围绕这场对话展开的一次深入审视与前瞻性思考。它并非聚焦于某一个特定行业或平台的优化，而是旨在揭示在瞬息万变的数字环境中，我们如何超越既有框架，重新定义并拓展人机互动的新边界，从而实现真正意义上的“破茧而出”。第一部分：理解“用户”的演进——从消费者到共创者在传统的商业模式中，“用户”往往被视为被动的消费者，其角色被简化为信息的接收者、产品的购买者。然而，数字化浪潮席卷而来，深刻地改变了这一认知。用户不再仅仅满足于被动接受，他们开始拥有更强的表达能力、更自主的选择权，并日益参与到产品的设计、传播乃至价值创造的全过程中。需求的多样性与隐性化：用户的需求不再是显而易见的“我想要一个更快的手机”或“我需要一个更简单的购物流程”。随着技术的发展和生活方式的改变，用户的需求变得更加精细、个性化，甚至隐藏在他们日常的行为模式和情感波动之中。例如，一个人在深夜浏览舒缓的音乐，可能并非只是为了放松，而是伴随有对白天工作压力的缓解需求，或是对某种情绪状态的探索。理解这些隐性需求，需要我们超越表面功能，深入洞察用户的情感、心理和潜在动机。情感连接的重要性：在产品同质化日益严重的今天，冰冷的功能性已经难以打动人心。用户越来越倾向于选择那些能够与其产生情感共鸣的产品。这种情感连接可以是产品带来的愉悦感、安全感、归属感，甚至是某种价值观的认同。例如，一个环保主题的App，即使功能略显基础，但如果能够通过设计传递出对可持续发展的重视，便能吸引到大量具有相同价值观的用户，建立起深层的情感纽带。用户作为参与者与共创者：互联网平台赋予了用户前所未有的话语权和参与度。用户通过评论、反馈、内容创作、甚至参与到产品的早期测试和设计讨论中，成为数字产品生命周期中不可或缺的一部分。他们不再是旁观者，而是积极的参与者，甚至是共同的创造者。这种“用户即设计”的理念，要求我们在设计流程中引入更开放、更包容的机制，倾听用户的声音，采纳他们的建议，让他们真正感受到被尊重和被赋能。跨越文化与代际的理解：数字化产品和服务的影响力已经不再局限于单一文化或地理区域。全球化的趋势要求我们在设计时充分考虑不同文化背景、生活习惯和认知模式用户的差异。同时，不同代际用户在数字原生程度、信息获取方式、社交习惯等方面也存在显著差异。理解并尊重这些差异，是构建包容性数字体验的关键。第二部分：设计的边界重塑——从功能导向到体验导向，再到关系导向过往的设计思潮，很大程度上围绕着“功能”展开。如何让产品“好用”，成为设计的核心目标。随着用户需求和认知的演进，设计的目标也随之升级。从“好用”到“好体验”： “好用”关注的是效率和易用性，而“好体验”则包含更多维度，如愉悦感、情感满足、过程的流畅性、惊喜感等。一个“好体验”的设计，不仅要让用户轻松完成任务，更要让他们在这个过程中感到愉快、有收获，甚至是享受。这需要设计师将同理心贯穿始终，站在用户的角度，去感受他们的每一步操作，去体会他们的每一种情绪。体验的延展与融合：现代用户的数字体验并非孤立存在，而是与现实生活、社交互动、乃至身份认同紧密相连。设计不再局限于屏幕之内，而是要思考如何将数字体验融入用户生活的各个场景，如何通过数字连接现实世界的社群，如何让数字身份与现实身份产生有意义的互动。例如，一款健身App，其体验不仅在于记录运动数据，更在于鼓励用户分享成果、与好友互动、获得社群的激励，从而形成一种生活方式的延伸。关系导向的设计：在数字世界中，建立和维护“关系”变得越来越重要。这包括用户与产品之间的关系（信任、依赖、情感连接），用户与用户之间的关系（社交、互动、社群），以及用户与品牌之间的关系（品牌忠诚度、价值观认同）。关系导向的设计，不再仅仅追求单次交互的满意度，而是关注如何通过持续的互动，构建稳固、健康、有价值的用户关系。这需要设计者思考如何通过个性化推荐、社群建设、激励机制、价值观传递等方式，让用户感受到被重视、被理解、被连接。人性化原则的深化：在追求技术革新的同时，我们更应回归人性的根本。设计需要以人为本，尊重人的认知规律、情感需求和伦理道德。这意味着要警惕过度的数据收集和算法操纵，关注用户的隐私保护，避免设计中的歧视与偏见，以及确保技术的应用符合人类福祉。人性化设计，是在技术与人性之间寻找平衡，是让技术更好地服务于人的重要准则。第三部分：探索互动的新维度——突破线性与即时传统的互动模式往往是线性的、即时的，用户输入，系统响应。然而，数字世界的发展，尤其是人工智能、物联网、增强现实等技术的兴起，为我们打开了更多探索互动新维度的可能性。情境感知与预测性设计：通过对用户行为、环境信息、时间节点等多种维度的感知，系统能够更精准地理解用户在特定情境下的需求，并主动提供服务或信息，而非被动等待用户指令。例如，当系统感知到用户即将进入一个嘈杂的环境时，可以主动为其推荐降噪耳机，或者在用户进入一个陌生城市时，提供附近的实用信息。这种预测性设计，让互动更加智能、高效，甚至具有“先知”般的贴心。异步与延迟的艺术：并非所有的互动都需要即时响应。在某些场景下，异步互动更能提升用户体验。例如，邮件、消息通知、或是需要深度思考的反馈过程。理解异步互动的价值，在于设计更灵活的沟通机制，让用户可以在最适合自己的时间处理信息，减少打扰，提升专注度。同时，学习利用“延迟”来营造期待感、仪式感，甚至是可以促成用户更深层次的思考。多模态交互的融合：键盘、鼠标、触摸屏已经不是唯一的交互方式。语音、手势、眼神、甚至脑电波等多种模态的交互方式正在兴起。如何将这些不同的模态有机地结合起来，形成更自然、更直观、更符合人体工程学的交互体验，是未来设计的重要课题。例如，在进行复杂操作时，可以使用语音指令辅助，在需要快速浏览信息时，则可以使用手势进行导航。沉浸式与具身化的体验：虚拟现实（VR）、增强现实（AR）等技术正在模糊虚拟与现实的界限，为用户带来前所未有的沉浸式体验。设计不再局限于二维平面，而是拓展到三维空间，甚至是与用户身体感知相结合的具身化体验。用户不再是旁观者，而是能够“进入”到数字世界中，与其进行更深层次的互动。这要求设计师思考如何在三维环境中进行信息呈现、任务设计、以及用户引导，让用户能够无障碍地进行探索和操作。算法驱动的个性化与惊喜：强大的算法能力，使得我们可以为每个用户提供高度个性化的内容和服务。然而，真正的惊喜并非简单的信息匹配，而是基于对用户深层需求的洞察，以及对未知可能性的探索。如何让算法在提供个性化的同时，也能够带来新颖的发现，甚至是意想不到的启发，是算法驱动设计需要不断追求的目标。结论《破茧——数字化时代的互动边界探索》所倡导的，是一场持续的、深刻的关于“人”与“数字”关系的再思考。它鼓励我们跳出固有的思维模式，以更广阔的视野、更深刻的同理心，去理解用户的需求变化，去重塑设计的价值维度，去探索互动体验的无限可能。当我们能够真正做到“破茧”，才能在这个瞬息万变的时代，创造出真正能够触动人心、赋能生活、连接未来的数字产品与服务。这不仅是对设计的挑战，更是对我们如何更好地与这个日新月异的世界共存共荣的深刻反思。

用户评价

评分☆☆☆☆☆

这本书的结构组织令人印象深刻，它采取了一种螺旋上升的讲解模式，从最基础的平台差异化特点入手，逐步深入到复杂的情景感知设计。我非常赞赏作者在处理不同操作系统设计语言差异时的平衡感，既肯定了各自的独特价值，又指出了如何构建统一的品牌体验。书中关于“渐进式披露”的论述，对于避免信息过载有着极强的实操指导意义。我发现，许多失败的移动应用往往是因为试图在小屏幕上塞入过多功能，而这本书提供了一套优雅地解决这个矛盾的思路。阅读体验非常“顺滑”，排版简洁明了，注释和引用的准确性也体现了作者严谨的学术态度与实战经验的结合。它就像一位经验丰富的向导，不仅指明了路，还标出了沿途的陷阱和捷径，让人能够少走弯路，直达目标。

评分☆☆☆☆☆

与其说这是一本关于移动端设计的方法论书籍，不如说它是一部关于“人与技术交互”哲学的深度探讨。作者展现出一种难得的宏大视角，将移动体验置于更广阔的数字化生活图景中去审视。我特别被其中关于“无感交互”的章节所吸引，它探讨了如何让技术退居幕后，让用户专注于目标本身，而不是操作界面。这种对用户心理边界的细腻描摹，让我联想到了一些古典美学中的“留白”概念，将现代界面设计提升到了一个新的境界。书中的语言富有画面感和张力，即便是描述复杂的流程切换，也能写得引人入胜。它并非只是罗列规则，而是在引导读者构建一套属于自己的设计价值观体系。读完后，我感觉自己对“什么是好的设计”的定义被极大地拓宽了，不再局限于视觉的华丽，而是更注重体验的流畅与情感的联结。

评分☆☆☆☆☆

这本书的文字风格非常独特，它没有采用那种刻板说教的教科书腔调，反而像是一位资深设计师在向同行分享他多年摸爬滚打的心得体会。我尤其喜欢它在探讨设计伦理和长期价值时所展现出的那种克制而深刻的思考。很多关于速度和迭代的讨论充斥着市场，但这本书提醒我们，真正的“快”并非牺牲质量的盲目冲刺，而是建立在对用户需求精准把握之上的高效行动。它对“移动性”本身的理解也十分到位，不仅仅是屏幕尺寸的缩小，更是用户场景的碎片化、注意力的稀缺化。阅读过程中，我忍不住多次停下来，对照自己手头正在进行的项目进行反思。它成功地将抽象的设计原则，转化成了可以量化和执行的具体步骤，这对于项目管理和跨部门沟通也极有帮助。它不只是教你“怎么做”，更重要的是让你明白“为什么这么做”，这种深层次的认同感，是很多同类书籍所欠缺的。

评分☆☆☆☆☆

这部作品的叙事节奏把握得相当精妙，作者仿佛是一位经验丰富的老船长，带领着读者穿越了移动互联网的迷雾。我特别欣赏它在案例分析上的深入程度，绝非流于表面的“优秀设计展示”，而是真正挖掘了那些成功产品背后的决策逻辑和用户洞察。读起来感觉像是走进了一个高规格的设计研讨会，充满了真知灼见。它没有陷入技术术语的泥潭，而是将复杂的概念用极其直观的方式呈现出来，比如它对“用户心智模型”的阐述，简直是醍醐灌顶。以往我总觉得好的用户体验是某种难以言喻的天赋，但这本书清晰地解构了这种“天赋”背后的方法论和工具箱。书中的图表和流程图设计得极为考究，即便是初次接触移动设计的新手，也能迅速找到自己的切入点。总而言之，它提供了超越工具层面的思考框架，对任何希望构建持久、有生命力的移动产品的人来说，都是一份不可多得的宝藏。

评分☆☆☆☆☆

这是一部充满温度和思辨深度的作品，它超越了许多技术手册的冰冷感。作者非常坦诚地分享了自己在早期设计阶段犯过的错误和走过的弯路，这种坦诚极大地拉近了与读者的距离，让人感觉像是在听一位人生导师的教诲。尤其是它对“反馈机制”和“错误处理”的强调，体现了对用户友好性的终极关怀。设计不仅仅是美化，更是责任感的体现，这一点在书中得到了充分的强调。我尤其欣赏它对“未来趋势”的探讨，作者没有故弄玄虚地描绘遥不可及的科幻场景，而是基于当前用户行为的微小变化，推导出未来设计可能的发展方向。这本书的价值在于，它不仅解决了“现在的问题”，更帮助我们准备好了“明天的挑战”。它是一本值得反复翻阅的案头书，每一次重读都会有新的感悟和实践的火花被点燃。