收藏！VIVO出品UX入门实战课程学习笔记

《UX入门》第一讲：新手设计师高效学习之道

作者：悦姐聊设计  来源：VMIC UED

关键词：UX设计、学习方法

你将获得：

《体验设计师入门实战课程》是vivo VMIC UED 为新入职设计师量身打造的专业成长课程，本篇文章为第一讲。

现在关于设计流行着很多的负面观点，比如说没前途、天花板低、内卷严重，导致这些问题的原因有很多，当下最主要的目标则是如何成为一名优秀的设计师。本文从Why、What、How三个方面详细说明了学习能力的基本定义、构成要素以及提示方法。

①为什么重视学习能力。作者将学习能力等同于未来潜力与一切能力的底层能力。对于企业来说最看重的是员工的学习能力，它就像是知识树的树根。文中也给出了企业所需T型人才培养学习课程图与设计师能力模型图。

②什么是学习能力。vivo设计师任职标准中将学习定义为关注公司内部信息、自觉主动学习、掌握新的知识和技能、可视化的学习成果及运用于工作中，即学习态度与学习效果。

③如何提升学习能力。这部分作者列出了学习金字塔、费曼学习法两个基本理论与学习五环法。学习金字塔表明主动学习的内容留存率大于被动学习，所以我们应尽可能的主动学习。费曼学习法，就是以教的方式，用输出代替输入。主要分为五个步骤：确定学习目标、理解学习对象、以教代学、回顾与反思、实现知识的简化和吸收。学习五环法来自于张萌萌姐，一共学、思、做、教、盈五个步骤。学即边学习边复盘，思即思考能不能提出有价值的问题，做即用新知引导行为、用结果验证认知，教即将经验传授他人，盈即物质与精神上的丰盈。五个步骤循环往复形成了五环学习法。

如果说学习能力是大树的根，那么学习方法可以帮助我们把根扎的更深、树叶生长的更快。本文虽然名为UX入门，但其中知识点与方法论对其他行业设计师同样具有触类旁通的作用。

《UX入门》第二讲：新手设计师有效沟通之道

作者：XiXi  来源：VMIC UED

关键词：沟通方法

你将获得：

《体验设计师入门实战课程》是vivo VMIC UED 为新入职设计师量身打造的专业成长课程，本篇文章为第二讲。

在工作中不可避免的需要同上下游对接工作，有效的沟通是人与人之间的纽带。如何在工作中做到有效沟通，也是我们需要学习的。本篇文章从Why、What、How三个方面讲解了职场沟通的原因、本质以及提升技巧。

①为什么要重视沟通能力。沟通能力看起来是外在能力的表现，而实际上是个人素质的重要体现，好的沟通能力可以达到事半功倍的效果。沟通能力越强越容易推进工作。

②新手设计师要具备什么样的沟通能力。文中提到大家要做的是解决问题，而职场沟通的本质就是认知事情、解决问题。认知事情中最重要的能力是结构化倾听。倾听与表达是沟通必不可少的两部分，真正的沟通=结构化倾听+同理心表达。

③如何提升沟通能力。作者通过良好的结构化倾听技巧与良好的同理心表达两部分阐述如何提升沟通能力。结构化倾听技巧部分一共分为厘清事件、理解情绪、定位诉求、逻辑判断四项，同理心表达部分一共分为确认事件、响应情绪、共识计划三项。

总而言之，在工作中沟通时需要注意的就是善于倾听、以人为本、双赢思维。

《UX入门》第三讲：项目流程介绍——如何交付你的设计？

作者：Sienne  来源：VMIC UED

关键词：项目流程、设计交付、项目评审

你将获得：

《体验设计师入门实战课程》是vivo VMIC UED 为新入职设计师量身打造的专业成长课程，本篇文章为第三讲。

不只是新手设计师，一部分在小公司的设计师同学们或许也会对于工作有很多的疑问。如何从0到1设计产品、如何交付设计成果、交付项目设计稿后还需要做什么。本文从Why、What、How三个方面详细说明了项目流程的作用、项目与设计流程以及设计环节，设计环节分为需求输入、交互设计、视觉设计、交付验收、验证复盘五个环节。

①需求输入，包含需求分析与制定计划。作者将需求分为体验优化、业务调整、外部环境三类，不同类型有不同的策略，同时文中也给出了三点接到需求时需要思考的问题。制定计划即对于设计任务的评估，作为设计师，需要评估优先级、拆解任务、输出排期，明确成本与风险，日常工作同样适用。

②交互设计，包含设计目标拆解、设计方法的选择、原型优化与交互文档的输出、交互评审。目标拆解即对定量指标拆解为有执行指向的目标，可参考OKR工作法。设计方法部分作者只列举了部分常见方法论，原型优化与交互文档的输出中同样只列举了交互文档内容，具体的撰写方法会更新在后续文章中。交互评审分为设计内审和项目评审，设计内审的关键点是科学合理的需求分析，项目评审通过的关键点是目标匹配度与可落地性，此处建议大家在提交评审前先自审。

③视觉设计，包含设计分析、设计语言建立、设计呈现与输出、沉淀设计规范，文中主要讲解了建立设计语言、设计呈现与输出。建立设计语言共分为视觉调性、视觉风格、视觉元素三个部分，视觉元素即形色字质构图六维设计语言。设计呈现与输出中，作者建议多尝试多输出，先自我审视再邀请他人评审，多方建议下输出最终方案，同时作者在末尾分享了几点评审经验。

④交付验收，包含设计交付与基础验收流程。设计交付部分作者结合案例对比详细说明了设计交付时的正确方式，方便设计验收。基础验收流程分为建立验收文档、验收问题录入、同步与沟通验收问题、过程中跟进调整情况、上线前复查五步，设计师需要将验收问题相关内容进行单独说明并标注差异问题点。⑤验证复盘，包含设计验证与总结复盘，无复盘不成长。

以上是VIVO设计师的一些设计流程经验分享。

《UX入门》第四讲：设计师必学两大设计规范—iOS HIG和Material Design

作者：Resin雷昕  来源：VMIC UED

关键词：设计规范

你将获得：

《体验设计师入门实战课程》是vivo VMIC UED 为新入职设计师量身打造的专业成长课程，本篇文章为第四讲。

很多同学在开始做UI设计的时候，都是凭借自己的感知去绘制界面，对于界面没有一个清晰的概念，甚至于不同的界面配色与间距也不同，产出结果不尽人意，需要反复修改，浪费时间与精力。这就说明这些同学们缺乏一项设计师基础能力——设计规范的能力。为了避免重复绘制、不同风格，我们应当熟知主流平台的设计规范。作者将设计规范按照覆盖范围分为应用级、平台级与系统级设计规范，本文主要从What、Why、How三个方面为我们详细的解读了iOS与Material Design两大系统级设计规范。学习两大设计规范的原因分为设计理念指导、系统交互知识、方案判断依据以及设计创意来源，总而言之可以减少错误发生率并提高设计质量。下文中作者重点说明了如何学习两大设计规范。

①两大设计规范拆解与导读。导读部分由抽象到具象分为设计理念、基础规范与页面组件三部分。文中将iOS与Material Design两大设计规范对比说明，易于我们了解学习。设计理念中iOS包括三大设计主旨与六大设计原则，而Material Design仅有三大设计原则。基础规范部分由于内容繁杂，作者抽取了导航、手势、颜色、动效四个核心内容进行对比。推荐阅读Material Design动效规范，共四种动效模式，内容丰富实用，另外还有对于动效过渡时间的具体建议。页面组件由于数量较多，作者将页面组件分为栏、视图、控件三类，栏根据界面位置又分为顶部栏、底部栏和侧边栏，视图包含内容视图与临时视图。此部分知识点较为基础，可以作为字典查阅学习。

②两大设计规范的学习建议如何阅读。作者在本部分建议新手期直接阅读原文，阅读时思考哪些产品应用或未应用规范、为何没用规范、使用规范后是否会变更好，最后将规范作为字典，后续使用时针对性查阅。同时作者也提出对于设计规范应该是辩证性看待，学习思想方法而非死板遵守，但是对于约定俗成的习惯需要遵守或有能力的条件下优化。

以上即本篇文章的大概内容，学习设计规范的最终目的是突破与创新，我相信大家读完本篇文章一定可以收获新知。

《UX入门》第五讲：B端设计规范 - Ant Design

作者：陈波  来源：VMIC UED

关键词：B端设计规范

你将获得：

《体验设计师入门实战课程》是vivo VMIC UED 为新入职设计师量身打造的专业成长课程，本篇文章为第五讲。

在上一篇文章中作者对比了iOS与Material Design两大系统级设计规范，本文则讲解B端设计规范。有效利用B端设计系统，可以更高效地做出更好的产品设计。目前蚂蚁集团下的Ant Design已更新至5.0版本。本文作者从学习Ant Design的原因出发，向我们讲述了如何学习Ant Design。

①设计价值观。Ant Design的设计价值观包括自然、确定性、意义感和生长性，文中通过语雀团队分享的案例详细的说明了价值观对于设计方案的影响。“自然”影响了设计思路，经过排查最后确定上下文与特殊数据结构两种主动交互方式可以落地实现。

②设计原则，包含UI设计原则和可视化设计原则。此部分官网案例较多，本文不做赘述。

③设计模式，包含设计策略、全局规则、可视化和模板。设计策略部分作者提出了用于理解角色的方法“角色分析”，包含角色画像和角色协作关系。B端设计中的角色画像较于C端更关注于角色概览、工作能力与工作内容。角色协作关系中作者提到要建立全局视角，结合案例与图示我们可以清晰的了解到角色分析对于解决设计问题的作用。全局规则即通过规范常见的互动行为定义组件元素的标准用法，作者在文中通过按钮为例向我们讲述了如何使用全局规则。可视化是Ant Design团队在数据领域沉淀的方法论，文中结合具体案例说明了如何选择与使用图表。官网也提供了完整的图表用法说明，建议同学们阅读学习。模板是Ant Design团队总结的典型页面解决方案，作者以详情页为例讲解了如何使用模板。选择模板、确定信息的区隔方式、选择合适的呈现出方式，其他模板的使用方法与案例大同小异。

正如作者在开头所说，Ant Design是一套完整的B端设计方法论体系。它不仅可以让我们了解组件用法、启发设计思路，还可以为设计方案提供判断依据。

《UX入门》第六讲：9种设计模式，帮你全面认识新手引导

作者：李思娴  来源：VMIC UED

关键词：新手引导

你将获得：

《体验设计师入门实战课程》是vivo VMIC UED 为新入职设计师量身打造的专业成长课程，本篇文章为第六讲。

当我们第一次使用某个APP的时候，或者有更新的时候，都会有新手引导这一功能出现，其目的是降低用户的学习成本。本文从新手引导的定义、价值以及设计模式出发，详细说明了如何设计新手引导。文中主要从出现时间、引导位置、组成元素、适用场景、优缺点以及设计要点这几个方面讲解了九种常见的设计模式。

①引导页，常见于用户首次进入产品时。数量较少、有醒目的进度、可跳过，同时作者建议融入有冲击力和吸引力的插画或动效，目前许多产品已使用场景化动图设计，可参考学习。

②动画引导，常见于工具类产品或复杂操作的教学指引。文中举例为动画视频，但目前市场上也有许多产品使用动图与文字搭配，例如飞书功能更新引导。

③单层蒙层，即在产品界面上方使用半透明蒙层遮罩。作者建议设计醒目的关闭按钮，部分产品设计为点击空白区域退出，如何选择引导方式需要根据产品调性决定。

④分步引导，同单层蒙层类似，区别在于分步引导会出现跳页引导。

⑤教学式引导，常见于游戏，预判用户操作并给出指引。

⑥弹窗引导，类似于单层蒙层，区别是弹窗引导有对话框。

⑦气泡/toast，轻量引导或提示，容易被忽略。

⑧召唤式引导，主要是一些动效，常见于游戏或活动中的新手引导。

⑨预设任务引导，比较轻量。通过设置新手任务或置入基础内容达到教学作用，例如各类文档笔记类产品。

综上，可以了解到无论是哪种引导，都需要尽量做到非必要不引导、数量少、易操作。在文末作者还详细讲述了如何选择合适的设计模式，主要为根据场景选择适合的设计模式，同时还有速查表可参考学习。

《UX入门》第七讲：表单设计3步走-提升表单操作效率和体验

作者：陈玲玲  来源：VMIC UED

关键词：UX设计、表单设计

你将获得：

《体验设计师入门实战课程》是vivo VMIC UED 为新入职设计师量身打造的专业成长课程，本篇文章为第七讲。

在我们的生活中可以接触到各类表单，主要目的是收集用户信息。作者从学习表单设计的目标出发，根据表单设计的类型、构成要素与提升技巧三个方面，讲解如何设计一份体验良好的表单。

①表单类型分为输入型表单、匹配型表单及阅读型表单。

②表单构成要素有标签、录入域、校验、必填标识、帮助提示、操作按钮。文中详细解释了每个要素的定义、类型及优缺点，标签部分作者还给出了具体的标签优缺点与应用场景对比图。

③作者列举了十个提升表单的效率与体验技巧。表单项多且具有流程化时使用分步设计；表单尽量提供选择项，提高录入效率；表单项要先易后难、先必填后选填，增加用户填写信心；标签文本简明扼要；输入框根据内容长度制定；表单内容清晰，标签右对齐时按钮和输入域对齐；按钮提示使用具有操作性文本；错误提示就近展示并且准确告诉用户错误原因与解决措施；数字组合采用空格间隔；时间格式中文与分隔符号错落使用。

本文虽然主要讲解表单设计基础知识点，但其中设计细节值得我们参考学习。