《以匠心,致设计—网易UEDC用户体验设计》读书摘要(第一章)
作者:互联网
《以匠心,致设计—网易UEDC用户体验设计》读书摘要(第一章)
Chapter 1 用户引导——让设计不再“小透明”
用户引导的类型
- 信息提示类
用信息展示的方式帮助用户理解产品的功能和需要执行的操作,最常见的是“小红点”、“未读提醒”、“更新提醒”等类似提示。 - 功能提醒类
由于有些icon达意不明确、有些功能被收起或隐藏在手势中、主打功能希望被用户快速掌握等,产品需要加以引导以降低用户学习成本,如微博首页故事模块的切换手势操作。 - 操作引导类
分为强制性和非强制性。
强制性主要用于登录、注册、安全认证、激活等相关流程,这些流程需要验证身份后才能继续后续操作;
非强制性的操作引导则多用于鼓励用户操作,如完善资料、关注更多好友等。 - 内容推广类
除自身功能外,产品也会包含一些额外的推广性引导,最常见的即是产品中的植入广告。
用户引导三要素
- 目的
我们想要达到的目的是什么?用户能从中得到什么好处?产品能从中得到什么好处? - 用户
目标用户是谁?新用户还是老用户?活跃用户还是轻度用户?有效引导的前提是确定目标人群,对症下药。 - 场景
被引导对象的使用场景是怎样的?在什么场景下需要引导?
引导的生命周期
- 触发
即引导出现的时机和方式。
是用户打开程序时触发?是用户到达特定页面后触发?还是用户操作了指定功能后触发?抑或是到了某个时间点或达到了某个指标后触发? - 展示
即引导展示在用户眼前的方式。 - 消失
即结束整个生命周期的最终方式,分为自动消失和被动消失两种。
引导的形式
- 引导页
用于app下载/更新完成、第一次打开后,用来向用户展示产品中的功能和操作方法。用户通常对信息的吸收效率不高,因此,引导页数量一定不要过多,页面信息要简明扼要、中心明确才是王道。 - toast提示
即为轻量级的提示,通常作为功能操作后的反馈。toast大多数可有可无或者是会反复出现的,因此言语精炼也是必要的。 - 气泡/浮层
量级很轻但目的性很强的引导方式,一般为半透明浮层结合文案的设计模式,大部分浮层模式带有指向性箭头。
气泡/浮层通常是非模态的,显示3~5秒后自动消失。 - 页面遮罩
一种比较强势的引导,通过直接盖住界面来强调当前需要引导内容。
遮罩式浮层无法自动消失,需要用户操作(指定操作/非指定操作)后才能隐掉。 - 嵌入式(局部嵌入/整体嵌入)
局部嵌入就是在当前页面内容上增加引导提示,为了引起用户注意,需在视觉上做处理。
整体嵌入则是将引导作为一个整体代替页面内容显示,譬如最初使用app时,很多页面都呈现出“空状态” - 操作示意
采用简短的动画向用户展示操作方法,但也不乏静态图片配以描述的方式。 - 互动式引导
通常比较隐蔽,是在用户与产品互动的过程中引导用户完成操作,常见如下拉刷新、底部上拉等手势互动。
互动式引导也经常发生在语音操作中,例如用户是用麦克风的过程中,界面随着用户的声音输入而产生互动。 - 弹窗
与遮罩引导相同,能达到很强的引导效果且对当前操作具有很大的阻断力。
需要用户有明确的选择后才能关闭弹窗。 - 自体变形
元素自身发生改变,可以是纯视觉上的也可以配合动画效果。
注意事项 ⚠️
- 保证引导的有效性
用户引导是对产品内容以及形式的辅助说明,存在即要有意义。 - 触发场景准确
用户在浏览/操作时都有一定的使用场景,根据场景触发相应的用户引导,寻找正确的时机, - 简单易懂,突出核心
- 与产品基调一样
用户引导视觉风格、语言表达要与产品定位、产品理念一致。在因地制宜的前提下要保证全局的一致性,切忌没有克制的随意发挥。
Chapter 2 从案例中学习如何突破设计中的固有思维
竞品:先立-后破-再立
想要突破竞品带来的固有思维,就需要在研究竞品之后果断抛弃竞品,再基于本身的需求来设计,并将设计方案与竞品进行对比、分析,来发现设计方案的优劣。
用户操作效率:能不能再快一点
当有意识的思考能否帮助用户更快的操作时,设计师就已经开始尝试突破固有思维,寻求比其他产品更有效率的用户体验了。
不一样的设计:普通与特别
…(剩余小节省略)
Chapter 3 色彩密码
什么是色彩平衡
配色、排版、字体是设计中最重要也最基础的三大必备技能。
当人的视觉受到一定刺激后,心里就会产生平衡这个色彩的渴望。人类需要看到这个色彩的补色来平衡自己的心理需求。
平衡的色彩关系是生理和心理的渴望。
如何才能做到色彩平衡
- 冷暖色的平衡
冷暖平衡分为绝对冷暖和相对冷暖。
绝对冷暖就是一眼就能看出颜色的冷暖差异,比如偏红是暖色,偏蓝是冷色。
在设计与绘画中将冷暖色分为三种色调:
- 暖色调:红色、橙色、黄色
- 冷色调:青色、蓝色
- 中性色调:紫色和绿色相对中性,因为它们偏冷暖的调性不强,紫色介于红蓝之间,绿色介于黄蓝之间。
冷暖色的搭配是情感的表达,当我们有意识地将画面进行冷暖平衡搭配时,我们的视觉就能得到满足,而其中的比例关系需要设计师根据情感去调整。
大面积的使用冷暖对比色会使感情更夸张,通常使用饱和度较高的冷暖搭配会使产品变得更炫酷。
冷暖色小结
标签:匠心,引导,用户,冷暖,UEDC,设计,平衡,操作 来源: https://blog.csdn.net/heitang_/article/details/116699193