网易设计师:推荐大家学习的通感设计方法

2017/11/27 15836

网易UEDC – 悠悠 : 如何建立用户行为模型,通过数据验证设计效果?如何深度参与产品服务全流程?或许你可以尝试用一下「通感设计语言」。

通感设计方法试图将产品质量与用户感知低损耗转移,增强体验的紧密的关联性与一致性。为数字产品创造有效设计语言的全新实用指南。本文章不是共享工具的介绍,也不是普通意义的通感设计手法,比如:Siri用波浪条纹设计让用户感受到声音。

文中的通感设计是指:通过对用户服务场景中全方位情感触点的设计,为用户传递一致的情感(传递的设计手段包括:视觉、听觉、触觉、信息引导、心理暗示等表达方式相互配合,达到一致心流频率)进而完成用户体验设计的相通,这将帮助团队输出始终如一的设计师理念。

通感设计的起源

进行产品设计时,有两个核心点。横向从定位产品再到数据回测的体系服务中。纵向分解出两个触点,即需求点与结束点。

心理学家 Daniel Kahneman经过深入研究,发现人们对体验的记忆由两个因素决定:高峰时(无论是正向的还是负向的)和结束时的感觉。所以,在进行服务设计升级中,峰终体验至关重要,将低噪音让用户的体验达到一种心流的状态。

峰终定律是一项描述我们如何认知和记忆体验的心理学定律。

例: 在宜家购物有很多不愉快的体验,比如只买一件家具也需要走完整个商场、店员很少、要自己找货物并且搬下來等等。但是,顾客的「峰—終体验」是好的。一位客戶关系管理顾问说:对我來说,峰就是物有所值的产品,实用高效随意体验的展区,美味便捷的食品。終呢,可能就是出口处那1元的冰淇淋!

然而,在现实的项目推进中,人与人的交流沟通存在认知损耗,在不同认知的交流中,存在信息丢失与噪音,如何精准快速的找到其中的峰终体验?

我们在收集用户反馈的时候,是否会收到类似:颜色丑、看不懂、不好用等主观非理性的描述。更多时候,用户所能表达的仅是体验结果所带来的感受,并不是用户诉求。

例:上图中我们的品牌升级项目,就有部分用户反馈颜色改的太丑了,他们很难接受,深入调研发现用户在说的「丑」并不是颜色本身的问题,在南方某些地区,进行投资前有讨彩头的民俗,只有黑白让用户觉得不吉利,寓意不好,所以我们进行了风格微调,将白色换成金色,增加了一些神奇小红点的指引,再次进行用户反馈调研,满意度达到90%以上。

通感设计方法的认知体系,就是为了减少干扰与损耗为核心,让我们设计出更符合用户预期的产品设计。

什么是通感设计语言?

通感是一种修辞方法。人有五感:视、听、嗅、味、触,在描述事物时,以一种感知代替另一种感知进而达到通感的状态。

例:朱自清的荷塘月色是这样描述的「微风过处送来缕缕清香,仿佛远处高楼上渺茫的歌声似的」。清香是嗅觉,歌声乃是听觉,作者将两种感觉互通,即为通感。

通感设计在流程上分为4个阶段:

  • 通过一系列的设计方法梳理主线性格,搭建立体的沙漏模型。
  • 聚焦分析,提取核心语言,形成沙漏流。
  • 运用通感语言将意识释放于产品细节中,启动沙漏。
  • 通过用户反馈与数据校验,用结论翻转沙漏,进行新一轮的模型矫正。

产品性格在design cycle 中不断完善,期间决策点也有自身design principle。

第一阶段:设计方法

对需求的洞察和解读是设计师必备的重要技能。我们都知道用户内心很难把握度量,用户洞察和解读一是靠天赋,比如有人天生敏感;二是靠经验和积累,在这个环节有一整套的方法给设计师提供工作中最快捷的选择。

从以上4个方面出发,将所有日常普遍的设计原则,高频出现的设计原则及最合适的组合方式进行了梳理,而且考虑到项目的不同特征,设计师也可以选择不同侧重的设计原则来搭配使用。

第二阶段:用户痛点聚焦提取

大家比较熟悉的服务价值构成中,价值是最终的核心,服务价值公式是:利益+体验+效率。

而经济学是研究人类经济活动规律的理论(即价值的创造、转化、实现规律)。用经济学的视角来看这个公式,就拆解为:特定需要、产品服务、购买意愿和能力。

1. 特定的需要——缺乏感

需要是有机体感到某种「缺乏」而力求获得满足的心理倾向,需要以一种「缺乏感」的形式体现。需求来自于一个缺乏感。

例:本来假期在家宅着睡觉或者追追剧看看综艺也不错,但有时候一刷朋友圈,朋友晒各种高大上景点,人少景美,一对比,发现自己也想去玩,这样缺乏感是不是就出来了?

2. 特定的产品和服务——目标对象

单有缺乏感构不成真正的需求,缺乏感加上目标对象,需求形成了大半。

例:有时候不想上班,觉得上班很累,钱少事多离家远,想休假放松一下。价值观不同,想要放松的方式会不同,可能是宅在家睡觉,可能是吃点好吃的,也可能去旅游散心。

3. 购买意愿和能力——行动能力

缺乏感只是一种感觉,不是需求。缺乏感加目标对象,在配合用户行动能力这一重要环节,就构成了需求。(这里的行动能力不仅包括用户的购买能力,还包括用户信任程度、用户学习成本等。)

例:欧洲十日游可能大部分人都喜欢,但是大部分人都不会付出行动,因为没有假期、没有办好签证、最主要的可能是没有钱。(说到这里想到个段子,所有的愤怒基本都是来自没钱,所有的励志基本都是来自于想要赚钱,所有的幸福基本状态都是来自于有钱。)而有了上面这些条件,才会付出行动。

所以,经济学需求构成要满足缺乏感、目标对象、用户行动能力这三个方面。

我们设计师熟知的需求分析方法:动机——场景——行为

  • 动机:用户是谁,用户要做什么,他的目标是什么。
  • 场景:他实现需求的场景,他在哪里。
  • 行为:他实现需求的过程,他是如何被满足的。

定位用户需求

分析法与经济学定理两者结合,我们就可以更精准的定位用户需求为了避免陷入因各种噪音而产生的伪需求中不可自拔,缺乏感和目标对象,形成了用户行为的动机,缺乏感和用户行动能力形成了特定需求的应用场景。目标对象和行动能力决定了用户的行为路径。

第三阶段:通感语言环境

如何将需求低损耗的落地形成方案?也就是这个部分我想介绍的内容:通感语言环境。每个项目的设计流程不同,项目的类型、资源、环境、人力情况等也都不同,所以设计师要根据项目情况,考虑最合适的组合。

荀子他老人家常说:假舆马者, 非利足也, 而致千里; 假舟辑者, 非能水也, 而绝江河。越高频的协作就需要更多的积淀。

以网易贵金属为例,介绍一下通感语言在设计中的4个关键点:

1. 整体的工作流程

这个部分整理了设计师日常工作之间与产品、开发沟通中的高认知误差节点处理方法,从新人各种权限申请开通,到需求流程各类黑洞,为每一个设计师保驾护航。

2. 局部流程

给予不同岗位的设计师,一个基准设计思路,以及关键环节中协作沟通的标准方式和需要注意的事项。

3. 工具升级

项目来的需求方永远是快、快、快。如果想在有限的时间内更高效的解决用户痛点,我们工具就尤为重要,经过多次测试,我们抛弃了Axure、Photoshop,统一新输出工具Sketch。配合一些辅助软件hype、pagemaker 等直接输出一部分的线上页面,整体时间缩短了一倍以上。

4. 协作升级

交互视觉同时介入,交互的左脑逻辑思维➕视觉的右脑感性思维的配合协作更需要通感语言的标准化,在提高效率、降低沟通损耗,各取所长保证项目质量与用户体验。

最后《通用手册》让团队可以高效输出一致风格的设计,项目升级时,仅需更新《通用手册》即可与产品、运营、开发达到信息的一致性,同时组件化的开发也提高了开发阶段的效率。

第四阶段:数据的收集助力通感模型的矫正

数据收集的目的

数据收集的目的是分析,如何分析出有价值的内容才是核心,数据收集这个环节也是通感设计沙漏可以持续运转的核心动力,资深设计师口中经常提到产品思维,而产品思维的前提是对市场的了解深度、对环境的敏感度以及对商业价值的敏锐性等等,这些都是可以分析出有效数据结论的基础。

面对瞬息万变的市场环境,受众的喜好特征也会随着流行趋势的变化不断改变,评估自身核心竞争力、优势资源;竞品数量、竞争强度;上游渠道的趋势特征;下游市场变化、用户喜好变化等等这些内容要从何入手呢?

通感设计将这个部分拆分为5个要素:产品地图、产业分析、竞品分析、用户画像、用户行为分析。

1. 产品地图

每个季度持续更新的产品地图意义有两点:第一、可以让团队成员快速了解产品的全貌,同时,任何人员调整都不会对项目造成影响。第二、更清晰的全局视角,让每一个设计师理解手中工作;在整个项目中的定位;避免过于纠结细节而造成过度设计;保持产品设计整体的平衡。

2. 产业分析(行业分析)

是用研同学日常的核心部分,包括整个产业链全貌,上下游产业链的关系,最新的产业变化趋势,以及我们在整个产业链中的定位是整个分析中最为核心的部分,也是需要信息同步的关键内容。

例:上图为网易保险对保险产业的产业链分析框架图。

3. 竞品分析

与行业分析不同,竞品分析关注的更为细节,会针对具体某个竟品的具体功能、界面、视觉、结构等进行分析,这些是设计师们都会关注的重点,而对于竞品分析在通感设计理念中定位了三个层面:产品层面、运营层面、服务层面,就是将我们调研的竞品进行有序排列,让设计师们更清晰的了解到竞品设计的出发点与目的。

△ 图为网易保险对保险行业竞品的分类梳理

同时,为产业分析、竞品分析更是需要持续不断的维护定期更新的一件事情。分析报告来自交互、视觉、用研的协作产出,在分析中会增加团队的配合默契也是这个部分非常有价值的收获之一。

4. 用户画像

这一定是所有用研同学最核心的工作之一,相信各个公司都十分重视,我这里就不在重复展开了。

△ 网易贵金属的一类具体用户画像

5. 用户行为分析

详实的用户行为数据可以反映出用户很多行为习惯,比如用户喜欢什么时间来我们的产品;来了以后的操作路径、操作方式、操作频次、操作顺畅度等等,好的行为路径结构配合用研访谈可以更真实反应用户心理。

△ 上图是网易贵金属推送和圈子的一版用户路径结构图

通感知识结构

通感设计的体系介绍已经接近尾声,如何更好的适应这个认知体系?

这是我想和大家分享的最后一个部分,通感设计理念的知识结构,为了更清晰的让同学进入状态,我们将工作拆分为技能结构和思维结构,在技能结构部分,我和我们的同学一起定制她们各自差异化的知识结构成长计划,这也是我们这个体系可以快速应用的关键。

任何结构体系的搭建,都是从0到1,从1到N的过程,在技能结构搭建的过程中我们需要一起定义以下几个方面的内容:

  • 专业知识——实现设计想法基础工具
  • 洞察能力——设计能打动人心的关键
  • 沟通表达——协调资源保证实现效果
  • 思考学习——不断突破自我获得提升
  • 总结沉淀——形成自己的设计方法论

而在思维结构上,我们应该努力去提升三种能力:感知力、判断力、创新力。

操千曲而后晓声,观千剑而后识器。新时代的设计师不仅要成为创新思维的驱动者,更是跨学科、跨文化的跨界「指挥家」,通感设计思维在每一个细节,去打造更近准的产品性格,保持目标用户与产品气质的一致性。

经过深入的研究探索,通感设计方法经过2年的不断发展完善,上百次的调研实践、总结思考,完善为一套帮助产品设计者们输出始终如一设计理念的认知体系。

欢迎关注作者「网易UEDC」的微信公众号:

优设人气专题

网易好文合集iPhone X 学习指南优设独家专访在线抠图神器灵感大全

Sketch神器 | 免费图库配色神器读书计划PPT 神器鲁班设计

iOS 11 学习指南人工智能PS 教程AI 教程C4D 教程

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/synaesthesia-design-language

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里