《以匠心，致设计：网易UEDC用户体验设计》读书笔记

写在前面：喜欢网易的产品，用的顺手，感觉没有多余的杂乱功能却能做到想要的都有，另外一点很重要的是看着每一个页面都感觉温馨。最近在用“网易蜗牛阅读”读书，体会尤甚。正想了解他们是怎么做到的时候，发现了这本书。

内容简介：

主要是设计师角度，讲述了日常工作中所涉及到的用户引导、色彩搭配、品牌设计、体验设计、信息层次、设计规范等内容。

用户引导

其中用户引导部分说明的比较详细，从用户引导目的、用户引导类型、周期、强弱、引导三要素等方面以具体例子说明。

引导目的

对用户来说可以降低学习成本、快速上手产品等；对产品而言，意义在让用户快了解和使用产品，缩短探索周期；吸引用户发现新功能或操作特定对象；提前给予用户帮助，提升产品使用的愉悦度。

引导类型

• 信息提示类（例如小红点未读消息）
• 功能提醒类（例如百度云盘的文件夹功能提示）
• 操作引导类（分为强制性和非强制性，强制性主要用户用户登录注册激活等相关流程，这些流程需要验证身份才能继续操作；非强制性的操作引导多为鼓励用户操作，如资料完善、分享转发等）
• 内容推广类，最常见的为产品中植入的广告。

用户引导三要素

• 目的：想要达到的目的？用户得到的好处？产品得到的好处？
• 用户：目标用户是谁？新/老、活跃/轻度用户？
• 场景：被引导用户的使用场景？

引导的生命周期

引导的生命周期可以分为触发、展示、消失。

• 触发 ，即引导出现的时机和方式。打开程序触发？达到特定页面触发？用户操作制定功能触发？到了某个时间点或达到某个指标后触发？
• 展示，引导展现在用户眼前的方式。例如游戏中使用互动性强的教学方式引导。
  -消失，即结束整个引导生命周期的方式。可分为自动消失和被动消失。

引导的形式

• 引导页：下载APP/更新完成，第一次打开后，向用户展现产品中的功能和操作方法。信息要简明扼要、中心明确。
• toast提示：轻量级提示，通常作为功能操作后的反馈。可有可无或会反复出现，要注意语言精炼。
• 气泡/浮层：量级轻但目的性很强的引导方式，一般为半透明浮层结合文案的设计模式。通常是非模态的，显示3-5秒后自动消失；部分重要功能也用模态浮层，需要用户明确操作后才能隐掉。
• 页面遮罩：比较强势的引导，一般遮罩为半透明，在此图层上通过各种图形结合被盖住的界面内容，引导用户聚焦到重要的信息。遮罩图层无法自动消失，需要用户操作后才能隐掉。
• 嵌入式（局部嵌入/整体嵌入），例如用户最初使用APP时，许多界面为空状态，有必要将空状态纳入用户引导流程中。嵌入式引导可以让用户有所期待、体会到内容的重要性，满足用户获取内容的需求。
• 操作提示 ：通常用简短动画展示操作方法，也有用静态图片配以描述的方式。例如网易云音乐歌曲播放页面的查看歌词示意动效。
• 互动引导式：通常比较隐蔽，在用户与产品互动过程中引导用户完成。常用有下拉刷新、底部上拉等手势互动。还有语音输入过程中的互动。
• 弹窗：与遮罩引导类似，通常以文案搭配具体操作的形式呈现，可辅助搭配图片烘托主题。
• 自体变形：元素自身发生改变，可配合动画效果，没有增加额外其他元素。例如天猫国际logo。

引导的强弱

通常 互动参与>视频/动效图文>静态图文>文字
可以从形式和频率上考虑引导的强弱。

注意事项

• 保证引导有效性
• 触发场景准确
• 简单易懂，突出核心
• 与产品基调一致

心得

• 要用户引导方式首先要明确引导的目的和针对用户是谁，了解有哪些引导方式，才能设计好既能达到引导目的又对用户干扰较小的效果。
• 目前我们公司的产品引导是否足够，是否有必要做一套适合的引导功能，以减少客服的工作量。

突破固有思维

印象比较深的一点是，对于小红点的处理。当给客户提示一个未读消息或提示时，点击小红点希望能够让用户最快的达到相应的位置，而不是需要一次次点击寻找。这里要吐槽一下支付宝的消息提醒，每次想点掉都要找半天，对于红点强迫真而言真是浪费时间。

图表设计

不止好看，要做到易读、易分析、美观且突出数据价值为一体。

图表的元素

图表设计过程

• 明确数据指标
• 为谁设计？用户想要什么？
• 明确设计目标与价值
• 规划设计方案，选择合适图表类型
• 细化体验

设计原则

• 删除无关元素
• 弱化非数据元素
• 合理组织分类
• 强调重要数据

绘制设计稿

对产品而言，应该是原型稿（含交互）。

色彩搭配

色彩平衡，个人对色彩基础薄弱，需再学习基础后再总结。
按钮效果调整通过调整颜色明暗而不是通过调整透明度来实现。

品牌设计

公司发展到一定阶段要突出品牌的价值，所以在做设计成熟之后要抽取公司或产品品牌价值。
首先要品牌分析，分析抽取出公司/产品品牌性格、品牌关键字。
文章以网易严选为例，从品牌提取出的设计语言为：细节化、场景化、简约化。
以严选为例，从logo、版式设计、图表设计、动效设计、图片设计等方面介绍如何进行的品牌设计。

信息层次

稳重以产品详情页设计为例，讲述了如何利用十字法构建页面中的信息层级。
也就是将页面中要展现的内容抽取出来分为四个象限中，然后根据重要程度等安排轻重/大小等。

设计规范

设计规范通常是针对设计师合作的情况下，为了保证输出的风格和形式统一。

官网设计-B端产品设计实践

反思：当时在做官网的时候考虑的太少，未明确具体要给哪些客户哪类人群看，要给客户突出什么。

总结

这本书虽然说是写给设计师的，但其中的很多方法是通用的，对产品而言更有意义。