《支付宝移动设计精髓》丨NOTES

《支付宝移动设计精髓》丨NOTES_第1张图片

本书讲了什么

包含设计规范制定、图标设计与验证、设计协作、服务设计、信息可视化设计、物料设计、敏捷设计、移动搜索设计、情感化设计等近20个设计领域的重要主题。

作者什么来头

支付宝UED团队(Alipay User-Experience,简称AUX),隶属于支付宝产品的核心部门,拥有近百位分布于杭州、北京、上海优秀的国内和外籍设计师,他们一同为整个支付宝的用户体验和视觉美感把关。

前言

用户体验是一个系统性的问题,好的体验是用户使用服务整个阶段的感受。因此,设计时一定不能重形忘因。一个产品和服务能获得成功,是因为它真正帮人们解决了某些问题。有两个关键要素,一是用户,二是场景。

好的东西都是简单的,不仅符合专业,也符合直觉。简单,就是可以用几句话就能很快说清楚,并能让目标用户产生共鸣,而且学习成本低。如果达不到这样的效果,那么一定是设计方案出了问题。

我们特别容易犯的错误就是:在讨论或者争论一个问题的时候,很容易从对哪种方式体验更好一些的争论,变成谁对谁错的争论,应该从事情本身出发,从用户角度出发,去考虑最好的用户体验。讨论本身并不是为了赢,而是获得最佳结果。

01 行业设计“五步法”

第1节 充分的行业调研

行业的发展历史、现状、前景和特点;

行业的价值链;

行业的竞争态势;

产业政策,监管体制;

市场容量、市场细分结构以及未来增长趋势;

行业供需结构与盈利方式;

相关利益方分析;

行业痛点、关键成功要素和自身优势。

1.桌面研究

桌面研究指不进行一手资料的实地调研和采集,而直接通过电脑、杂志、书籍、文档、互联网搜索等现有二手资料进行分析和研究的方案。

2.田野调查

田野调查指深入线下并观察用户使用场景,绘制体验地图,绘制用户体验曲线。主要分为3个阶段:

准备阶段,要选定好被调查地点和被调查人群,进行必要的物资准备,包括录音设备、录像设备、笔、笔记本等。

调查阶段,最好2~3人组成一个团队,针对不同的服务场景,如大厅、候诊厅、缴费窗口处等进行布点,主要采用参与观察和拦访两种形式。

整理阶段,要进行问题的归纳和总结,梳理出在体验节点中用户遇到的主要问题,撰写一份调研总结大纲,把主要问题列出并快速同步给团队和业务方。

第2节 圈定目标人群,明确用户分类与行为特征

1.人口学特征

人口学特征包括空间、年龄、性别、文化、职业、收入、生育率等指标,在项目设计前,必须明确核心用户群体的人口学特征。

2.用户分层

对用户从不同纬度进行拆解与分析会发现,不同的用户群体产生的行为特征具有明显的差异化。分层也是用于比较的,比较是为了反映不同用户层的核心需求,进而指导产品方向,所以分层最终还是为了指导产品决策。

3.行为特征

进行用户分层后,找出核心用户的行为特点,主要分析核心场景中用户在处理核心任务的行为方式。

第3节 仿真分析,搭建用户场景

1.场景是什么

把自己当导演:挑选场地和布景,考虑演员的状态,如何走位,台词有哪些,电影的核心主题如何表达等。用户的核心痛点与产品的核心功能很有可能是由多个使用场景组成的。基于目标与任务进行构建,让设计师能深入“剧情”,在细节中推敲用户的每一个想法和举动。

2.为什么要搭建场景

解决用户痛点是场景构建的主要目的之一,市场需求逐渐变得碎片化、长尾化、多元化和个性化,搭建场景能覆盖用户全量活动轨迹,让需求分析更精准,让产品功能更全面,让业务目标定位更清晰。

3.场景该如何搭建

仿真分析即仿照真实线下流程构建线上虚拟场景的方法。仿真分析能从成本、时间、行为、路径等多个角度验证流程,评估流程的体验优劣,对流程的模拟执行生成结构化的结果,从而帮助用户找到流程中的“瓶颈”并加以分析与优化。

第4节 筛选核心需求,建立需求管理

评估需求。需求的评估最重要的不是知道要做什么,而是知道什么不要做。

排序需求。进行整体的平衡和优先级的排布才能实现产品功能迭代价值的最大化。

需求变更管理。对于简单的需求变更,在对项目进度没有影响、对开发成本没有造成负担的情况下,是可以快速完成的。反之则要严格把控。

第5节 建立交互框架,输出交互方案

1.信息架构设计

如果框架清晰,用户就能快速完成任务目标,它是产品与用户交互的隐性环节。广而浅的架构用户可以用较少的点击完成相应的目标任务,但信息分类标准过多,会增加用户层级分类寻找的成本。窄而深的架构则使用户增加了操作步骤,但减少了用户操作选项。

2.流程图

流程设计中要遵循以下原则:

以用户需求为主要导向;

兼顾用户的使用习惯;

流程尽量短;

每个操作页面仅有一个核心操作任务;

考虑交互实现的开发成本。

3.页面交互细节设计

对于制作交互说明,最好是有数字或者字母的清晰的对应标注,便于阅读和理解。每一步的页面跳转说明,细节和动作需要描述清楚。还应有极限状态下的说明,比如一个列表的最长和最短的显示,一行字段的长度限制,是否跳行,等等。

02设计规范的建设/*略*/

03 设计走查表

第1节 硬件特性

1.制定适配原则

数量不变进行同比放大适配。

同行数量增多,图片字号大小不变。

避免不规则背景。

不同设备适配时遮挡。

2.账户在设备上的切换

同一设备,不同账户切换。

不同设备,同一账户iOS切换。

3.横竖屏显示效果

如果不支持横屏显示则锁定竖向或横向的单一方向。如果支持则要在设计的过程中考虑竖屏和横屏两种模式下的显示效果。

第2节 软件特性

制定多平台的设计规范

产品如果是多平台设计,需要制定平台规范。比如统一的表单操作、浮层提示、加载、刷新等,这些组控件的统一,可以有效地提高产品优化的效率,降低开发成本,同时能保证用户体验的一致性。

版本兼容

版本覆盖时间。新版本上线后要确认一下版本在多久的时间范围内可以覆盖80%以上的用户。

更新提示强弱。一般来说,用户可以选择不去更新版本继续使用,但是当App产生较大BUG或存在安全隐患时,可通过不可取消更新进行强制升级。

兼容性展示。新版本的内容是可以展示在旧版本上的。

第3节 网络特性

快速启动

让用户感知到应用的启动速度比较快。

作为一个产品品牌展示区/*slogan*/

作为一个广告展示区。

合理缓存

页面合理缓存可以让用户感受到应用的速度更快,不浪费流量。一般应用首页有比较固定的内容时需要做缓存或已有内容的页面不需要全页面加载,可以先展示较旧的内容然后加载出较新的内容。

弱网环境

弱网环境下加载失败。网络环境不稳定容易导致加载失败,加载时间控制在8秒内,并且尽可能地采用有趣的加载来降低用户的等待时间,加载失败后,要给予用户重试的机会,并且告知加载失败的原因。

弱网环境下内容展示不全。弱网环境下可能只能显示部分内容,经常遇到的情况是文字内容显示,而图片无法加载出来,只出现占位图或者是空白图片。

弱网无网状态下数据传输/设置生效机制。如果网络环境不稳定或者断网,但用户需要将内容发布出去,可以支持用户本地发出去,本地可见。当有网络请求时,再将内容上传到服务端,并且让其他用户可见。这样可以有效提升用户体验,让用户不受网络环境的限制。

中断、超时

在网络中断时,帮助用户保存当前的输入内容或者浏览内容,当重新连接到网络时用户可以继续当前的任务。若超时则给用户提示,让用户停止等待,重新请求网络或退出。

第4节 页面状态

页面初始化

启动应用进入首页时,可以在启动过程中预加载首页内容,让用户快速进入且有内容可预览。页面初始化需要配合加载策略进行。

页面刷新

一般情况下采用用户手动下拉刷新,下拉刷新不需要对整体页面进行刷新,只需要拉取最新的状态,显示出来即可。但是如果当前页面涉及一些数字的提醒或通知,则不需要刷新也可以展示给用户,当用户点击查看时触发刷新,则将页面内容更新到最新的状态。

页面加载

分步加载。为了尽快地显示页面内容,可先加载文字内容,再加载图片等内容。

懒加载。在需要的时候才加载,这种加载效率低,但占用内存小。

智能加载。第一种策略是在产品中增加网络判断的机制,如果在弱网环境下,提前压缩图片并显示小图片,使其能尽量展示预览出的内容,点击小图,可查看大图。第二种策略是降低图片视频质量,点击后可以加载高清图片或者点击播放视频选择高清模式。

页面内容为空

一般与用户相关的页面可能为空,如我的动态、评论等。这些页面为空时,可以在显示上用调皮一点的文案避免空页面显得过于枯燥。

第5节 页面流程完整性

快速回到首页/主要页面。

让用户始终知道自己在哪儿。

返回到原来的浏览位置。

任务完成后跳转。

第6节 消息通知

强消息通知,可以使用客户端推送,用户可以在手机屏幕或者手机的通知栏预览到内容。

弱消息通知,可以在用户打开应用后,在内容层上统一提示,告诉共有××条新消息。点击后可查看所有消息内容。

第7节 细节

点击状态

按钮点击状态包括开始、结束、不可点、失效、已领完、已过期等。

发送状态

发送状态分两种:一是发送后需要较长时间返回结果的,此时发送后直接到结果页面,结果页面上显示当前进度和最终结果及其时间;二是发送后较短时间就返回结果的,此时发送后到过渡页面,有几秒的等待时间,然后跳转到最终结果页面。

输入

减少输入。在移动端输入的成本比较高,设计师可以通过表单、选项卡、默认填入值来减少输入。

输入限制。在内容不确定多寡的输入框内,可以采用暗文或数字的方式来帮助用户确认当前的输入内容有没有超过限制。输入的内容一定要做长度限制。

中断时保存内容。遇到异常情况时,可以保存用户在中断前输入的内容,待环境稳定后用户可以继续操作。

反馈

即时反馈。当用户操作后,若有需要反馈的信息,在操作后立刻给出,反馈的区域不能距用户的操作区域太远,否则就会被忽略。

反馈效果。所有的点击都要有明确的反馈状态,点击后会出现一系列的状态变化。

音效

应用音效需要考虑其大小,配合操作使用时是否有延迟。要考虑用户当前的使用场景出现声音是否合适。

第8节 与时间、数字相关性问题

制定时间规范。规划时间显示规则,如格式是“2016-3-16”还是“2016/03/16”等。用在列表页面、详情页面还是会话页面都要提前规范好。

不同场景下时间格式的选择。用户对于时间的感知根据场景的不同会有很大的差异。对时间进行设计时,一定是根据使用场景来进行时间的设计。

04 图标设计与验证

第1节 图标设计四部曲

构思方向

设计师应提炼主题关键词,通常在绘制图标的时候,需要先根据该图标要表达的含义进行脑暴、找到相应的参照物来衍生出关键词,再根据关键词找到更多的参照物来进行绘制。

图标造型形态

空间维度。二维、三维。

时间维度。静态图标和动态图标。

风格定位

目前主流的设计风格有三种:扁平简洁风格、华丽质感写实风格和独创个性风格。

细节整合

接下来就是打磨图标调整大小、比例、角度、元素的数量、明暗关系,视觉上保证图标整体一致性。图标设计最主要的部分在于要弄清楚图标的功能是什么,抓住最主要的功能进行探索,列出尽可能多的方案从不同的角度去思考。

第2节 图标可用性测试

定义目标用户的3个角度

人口学特征:性别、年龄、学历、职业、地域等。

使用动机:个人、企业、买家、卖家等。

使用经验:产品的使用时长、竞品的使用情况、互联网的使用年限等。

图标可用性评估方向

图标的可识别性、差异性是影响用户理解的两个主要因素。可识别性低,用户会理解不了图标想传达的含义。差异性不很大,用户会产生视觉混淆。图标可用性测试前期任务为:分别给出图标和图标名称,请用户一一对应。

图标可用性检验方法

影响图形符号认知的因素包含视觉复杂性、熟悉性、语义距离、具体性等。根据外部用户的测试结果,将用户看不懂的图标依据以上四个维度进行评分,图标的优化设计便可由此切入。

05 敏捷开发模式下的设计协作

需求分析阶段

1.专业支持。通过用户研究产出角色模型,通过市场分析和竞品研究产出竞品分析报告,进行决策。

2.快速输出原型。快速进行纸上原型的作业,梳理出框架图和典型界面。

3.换位思考。深入思考产品经理的需求背后的商业目的,是否有更好的方式来达到此商业目标。

4.尽早邀请视觉设计师加入。请视觉设计师从需求讨论阶段就加入,好处是视觉设计师可以透彻的理解需求。

设计阶段

约定规范,信息同步

了解全局,互相走查

细节抓大放小

主动沟通,协调推动

06 行业服务设计的思考与实践

行业产品设计特点

在一个行业中设计师无法直接寻求通用解决方案。因为通用解决方案难以适应不同地域和人群。在既有设计经验指导下的服务体验方案在落地过程中会遇到各种意想不到的现实问题。

行业产品服务设计的过程

分辨关键影响因子。

深入实际场景中发现服务问题。

试点阶段进行服务优化。

在行业设计中如何发挥设计价值

一个行业在互联网化的初期,我们称为“萌芽期”,因为有很多不同的服务形态在萌发,同时又比较依存于政策和行业现状。设计师可以从用户和机构的需求出发,洞见服务价值,通过一些小而精的场景验证服务模式。

一个行业的服务渐渐发展壮大,进入“成长期”,因为地域或政策的差异积累了越来越多的产品形态及体验的差异。设计师的价值在于帮助团队定位到未被满足的服务缺口,并找到最适用的解决方案。

进入一个行业后落地了一些基础模式,并渐渐获得了一定的行业经验和市场渗透,就进入了“成熟期”。产品需要进入更快的复制阶段。设计师应该提供通用的规范和设计指南以统一服务体验。

行业产品设计方法

行业嵌入式设计方法的独特性在于设计师要从服务价值判断入手,并且与行业系统深入衔接。服务价值判断的过程就是在自然地切分行业生态角色之间的利益关系和依赖关系,并发现关系链条中没有被满足的需求,进而有机会通过自身的优势能力撬开这个关系。行业嵌入式设计的衡量价值标准是“平衡”,兼顾用户需求的可用性、行业规则适应性和资源投入带来的附加价值。

07 产品设计中的模块化思维

模块化设计方法主要分为“模块划分——模块设计——模块组合”3个设计阶段,对应产品视角从宏观到微观,再回到宏观的发展过程。

模块划分标准

单一性;

完整性;

独立性。

模块设计

复用性;

延展性;

互换性。

模块组合

明确主次;

避免冲突。

08 走进服务设计:让预约挂号变得精准与简单/*略*/

09 信息可视化设计/*略*/

10 线下物料设计/*略*/

11 业务探索期,设计可以做些什么

第1节 理解业务目标

和业务方一起探讨业务目标,甄别真正的需求。

确定目标人群及特征属性,用户的痛点是什么,目标人群会在怎样的场景下与业务目标产生联系。

确定用户体验目标是什么,即用户通过使用产品可以得到什么。

弄清楚影响达到体验目标的要素有哪些。

围绕这些要素去转化设计目标。

第2节 MVP设计实战

Eric Ries敏捷设计中的MVP(最小可用原型),即假定一组用户目标、问题及解决方案,通过这组假设找到假设成立的关键点(最高风险前提),验证这个最高风险前提是否成立,不能成立时更改假设条件,直到最高风险前提成立,成立后设计MVP,并基于这个MVP与早期的目标用户测试、验证。

第3节 设计先行

在业务探索期的产品更讲求共建,需求的发掘不能只依赖业务方、产品经理,设计师也要主动去发现用户/商户的诉求,只有理解用户本身以及其所处的环境,我们的设计才能融入用户的生活。

12 设计师如何从0到1快速了解一个行业

明确行业知识范围

《支付宝移动设计精髓》丨NOTES_第2张图片

当前重点内容是什么

可以通过经济学中的产品生命周期来判断我们需要摄取的行业知识重点。在生命周期的每个阶段我们需要关注的重点都会不一样。

《支付宝移动设计精髓》丨NOTES_第3张图片

寻找合适的方法

最简单的方法:上网搜索;

最快的方法:向专家提问;

实际体验;

看书;

做一份简单的行业分析或知识总结。

13 敏捷设计研究

第1节 敏捷设计研究的流程

以上每一个环节都可以帮助设计师找到问题以及了解真实的用户体验感受,但这几个环节结合起来得到完整总结却需要大量的时间, 所以,这里定义的敏捷设计研究指的是,任何一个值得推敲的设计细节,或者感到困惑的问题,为了解决它所做的快速的验证行为。最理想的状态是将自己的设计思路有条理地叙述出来并找到用户进行快速验证。

第2节 敏捷设计研究的方法

设计研究的方法大体分为定性研究和定量研究两个大类,定性研究主要是用来收集用户反馈、了解使用动机以及挖掘用户需求,定量研究则可以用数据比例证明定性研究中的结论是否如我们所想。

《支付宝移动设计精髓》丨NOTES_第4张图片

第3节 敏捷设计案例分析

在还没有明确产品方向、主要使用场景也不是很清楚的时候,我们往往无法想象设计稿会是什么样的。来一场“目标制订workshop”就能解决这个问题。

首先,需要把自己的疑问列举出来。

《支付宝移动设计精髓》丨NOTES_第5张图片

然后把问题进行细化和用户假设。

《支付宝移动设计精髓》丨NOTES_第6张图片

最后进行总结,让大家对设计目标达成一致。

14 设计十则

了解UI和UX。视觉(UI设计师)主要是负责产品的界面设计,通过视觉呈现来提高用户体验,表达产品的特点;交互(UX设计师)则负责产品的逻辑框架和用户体验,需要使用流程图和线框图。

了解用户。每次接触一个新需求的时候,首先要想:如果我是用户,希望以什么样的形态呈现在我们面前?有哪些类似的成功模型?它们是如何吸引用户的?

设计定位。接到需求时,首先思考,这个需求我们主要针对的用户是谁。衡量一个设计的好坏,并不是看它好不好看,而是要能解决问题,并且好用。

让事情变得简单和一致。简洁必须很容易理解和互动。我们的用户不需要通过我们的应用程序或引导去学习。每个界面的调性也必须在整个设计中保持一致。

不要忽略可读性&易读性。设计的主要目的是沟通,透明度过低的文字和与背景之间的反差太小的文字都会降低用户的可读性和易读性。

是否有层次、有目的。层次涉及的是一些表示重要度的视觉元素排列。要通过规模、颜色、类型等,将一些重要元素和不重要的元素类型区分开来。

使用正确对齐。左对齐类型是最容易被接受并且不太会出错的方案。右对齐有违人们的阅读习惯,因此该类排列在视觉上总会带给人以不顺遂的印象。居中对齐拥有简洁的排列结构,居中类型的文本可以很容易地平衡内容。

网格的重要性。网格允许按比例设计,使不同元素之间富有平衡感。

留白也是一门艺术。白色空间是可以让设计看上去更多样化和更能凸显内容的有效工具之一。

记得反馈。触屏的出现更需要相匹配的反馈关系让用户感受到存在感。不同的触发形态,不同的反馈形式,我们都要做好区分和设计。

15 像设计师一样思考

设计师在项目中应该思考什么

设计的方向。设计前,要去思考这个设计解决的是什么问题,公司商业策略是什么。

实现性。好的设计是能在约束中,合理解决问题。可实现性具备约束性,会被技术、时间、预算等各种因素所限定。

发展性。可持续发展性影响到产品的可迭代性。

16 讲故事的力量

用讲故事的方式来传递信息。一个故事的好与坏最重要的衡量标准就是代入感,这将决定用户能否接受产品传达的核心信息,讲故事就是希望用户可以去理解和接受故事背后产品所传递的理念,让用户对产品和品牌有归属感。

第1节 讲好故事的三部曲

明确要讲一个什么样的故事,从什么角度出发。

设定主角,了解他们的特征和他们的需求。

分解他们的问题,通过产品功能,去解决这些问题。

第2节 故事吸引用户的3种形式

1.通过插画讲故事。

2.通过动效讲故事。

3.通过音效讲故事。

17 移动搜索设计探索

第1节 移动搜索的变化与特点

更贴合业务诉求的搜索习惯。在移动设备上,用户都会下载安装满足自己需要的应用。打开需要的App,然后进行搜索,搜索的内容相对垂直于聚焦。

高精准度的结果展现,设计要求简单直接。手机屏幕小,呈现的内容少,用户使用手机的环境复杂多变,so你懂的。

具有移动设备特性的搜索细节与特色。可以利用移动设备的特殊属性,如地理位置,当前地域属性内容与附近的结果优先呈现。

第2节 移动搜索体验核心

用户如何使用搜索

目的明确,快速提炼所需的内容;

搜索中对比收集,探索式学习;

由此及他式搜索。

搜索使用流程的路径分解

搜索入口;

激活状态和即时反馈;

输入并提交,显示搜索结果页。

/*针对各阶段进行优化*/

第3节 制定数据指标,验证设计合理性

一切可执行、可落地的设计,都应该评判设计的合理性。

热门搜索的点击率是否有提升。

搜的关键词平均词长是否缩短。

搜索结果页前3条结果的点击率是否增加。

18 在移动支付设计中构建安全感

第1节 “移动支付中的安全感”技术接受模型

计算机技术接受模型认为个人使用系统的安全感由行为意向决定,行为意向由个体对系统的感知易用性和感知有用性共同决定,感知有用性同时又受到外在变量和感知易用性的影响。

《支付宝移动设计精髓》丨NOTES_第7张图片

第2节 提高支付体验与记忆模型的匹配度

提高支付体验与用户记忆模型的匹配度,可以帮助用户构建一个放松的使用环境,最大限度地复制用户既有的使用经历,帮助用户远离未知的恐惧,它是构建安全感的捷径。比如支付宝的银行卡包。

统一设计规范,在不同场景调用同一个控件可以减少用户的认知负担。当用户使用淘宝、天猫、淘宝电影、闲鱼等阿里旗下产品时,支付流程中都可以见到相同的支付界面,统一的体验减少了用户在不同环境中的陌生和焦虑感。

第3节 利用感性元素传达安全体验

安全除了会受到技术、数据的理性影响,还会受到文案、图像、色彩等感性影响。如2010年开始,亚马逊登录框将“sign in”改为“sign in using our secure server”,在使用网站的第一步帮助目标用户跨过心理障碍,结合其他体验优化手段, 60岁以上用户出现明显增长。

信息安全产品在视觉表现层,通过图形、色彩等手段来构建冷静、稳重的感觉,向用户传达可靠感、安全感。以拟物的形式模仿现实生活中有安全感的物件,如城墙、盾牌、齿轮、锁等,能够从视觉形象层面唤起用户的同类记忆,加快用户对产品安全感的认同。如McAfee和阿里钱盾,都是盾牌形象。

第4节 提高用户对产品的掌控度

面对未知的事物,会感到自己对事物的掌控度和影响力显著降低,焦虑与紧张的情绪会带来安全感的缺失。如果从主客观的角度评价用户对移动支付产品的掌控度,主观掌控意味着用户对产品有信任感,认为自己在移动支付的流程中占主导地位。客观掌控意味着用户在实际操作中对产品进度有绝对的控制力,可以随时打断、继续、返回、终止。提高用户对产品的掌控度,意味着需要确保信息对等,提供实时进度反馈,关键操作可逆。

第5节 在场景中减少用户不安情绪

支付宝从9.0版本开始,打开程序时会收到要求访问通讯录的权限请求,削弱了财富安全感,权限通过率不足两成,极大地影响了支付宝建立朋友关系的进程。9.5版本后,当用户安装完支付宝,只在用户进入朋友标签、添加朋友等场景时,再向用户请求,让用户对支付宝获取隐私权限有所理解。在场景中增加用户对支付宝的信任感。这个改动使通讯录权限获取率获得了成倍增长。

第6节 集中隐私控制

集中隐私控制,将产品安全风险的最终决定权交由用户,是用户安全感的最后一层保障。在iOS 9.2.3中,用户拥有对设备中所有应用的统一管理权,确保了设备中每一个应用在自己的掌控中,这种类似集权统治的体验,给用户带来了足够的安全感。

19 一切都是为了打动你——产品中的情感化设计

第1节 何为情感化设计

刺激用户产生情感上的波动。通过产品的功能、操作行为或者产品本身的某种气质,产生情绪上的唤醒和认同,最终使用户对产品产生某种认知,在他心目中形成独特的定位。

第2节 情感化设计的三要素

本能水平的设计。通过产品的外形和视觉表现力体现。

行为水平的设计。使用产品中的乐趣和效率体现。

反思水平的设计。通过互动影响了产品的自我形象、满意度以及鲜明的记忆点。

第3节 情感化设计如何应用到产品设计中

1.本能

对于本能水平层面上的设计,体现在产品中主要就是其视觉外观的情感化,从色彩、插画元素等风格化氛围型元素的应用展开。

2.行为

行为水平就是指从产品的实际操作体验出发来做情感化设计,例如在产品的应用操作中运用巧妙的动效和转场,提升操作时候用户的愉悦度。

巧妙的动效设计在产品体验中的作用

加强用户体验的舒适度:过渡流畅、引导用户、展现层级。

减弱不可避免的不适感:高效反馈是指通过动效让用户了解程序当前状态,同时对用户操作做出及时反馈。譬如,点击下载按钮后,需要给用户展示当前状态:未下载—下载中—下载完成。或在loading过程中增加一些有趣的动效,提示用户程序现在正在执行。如果我们不把这些反馈传达给用户,用户可能就觉得手机卡死了。

给用户带来惊喜感:细腻和创新的动效设计可以为用户带来更大的惊喜感。如集齐五福卡动效。

3.反思

产品是生活的情感与记忆。只有在产品和用户之间建立起情感的纽带,通过与用户的情感互动影响用户对产品的印象、满意度、记忆等,才能让用户形成对产品的忠诚度。为了打动用户,可以构筑出一个具有共鸣、使用户有代入感的场景。如支付宝十年账单活动,让用户回忆了从第一次使用支付宝到现在的点点滴滴。

第4节 价值转化

在审美上令人感觉快乐的物品能使人更好地工作,使人感觉良好的产品和系统会被较多人使用,用户会产生良好的情感依赖。一个仅仅满足功能需求的产品已经越来越难以获得用户的长久忠诚度,能否准确抓住用户心理、能否打动人心才是人性需求中最注重的。一个优秀的情感化设计最终能够创造出令人感到快乐和感动的产品,产生了爱自然就能产生消费。这正是那些只注重功能性导向的产品无法做到的。

你可能感兴趣的:(《支付宝移动设计精髓》丨NOTES)