• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网易设计师:推荐大家学习的通感设计方法

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

作者:网易UEDC 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含用户体验,经验分享,网易UEDC,设计方法等相关知识,网易UEDC希望在学习及工作中可以帮助到您

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

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

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

通感设计的起源

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

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

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

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

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

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

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

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

什么是通感设计语言?

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

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

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

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

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

第一阶段:设计方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

定位用户需求

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

第三阶段:通感语言环境

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

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

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

1. 整体的工作流程

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

2. 局部流程

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

3. 工具升级

项目来的需求方永远是快、快、快。如果想在有限的时间内更高效的解决用户痛点,我们工具就尤为重要,经过多次测试,我们抛弃

您可能想查找下面的文章:

  • 用户体验的76个体验点小结
  • 好的网站文案 良好的用户体验
  • B2C 网站用户体验细节设计参考
  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 为什么不要再问用户「你们到底想要什么」?
  • 设计好看但没人用?6个技巧告诉你到底该如何影响用户!

相关文章

  • 2017-08-06WEBAPP开发技巧小结(手机网站开发注意事项)
  • 2018-08-23Facebook 官方出品! iOS 11模板文件,含 PSD/SKETCH 和壁纸
  • 2017-10-01webpack项目的一些文件用途解析
  • 2017-08-06新手建站入门教程④:如何绑定子目录
  • 2017-08-06我的css架构理念—因人而异 没有最优 只有适合
  • 2018-08-23为什么我们都应该学会组件化设计思维?
  • 2017-08-06把握登录界面易用与安全的平衡的方法
  • 2017-09-11http 请求头设置
  • 2017-08-06网页设计中要关注的搜索优化知识
  • 2018-08-23弹框体系总结:模态弹框和非模态弹框

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网页里的两种盒子模型(W3C盒子模型、IE盒子模型)
    • 朋友网手机客户端下载页面的设计分享(图文)
    • 页面包含img src时的重复载入问题
    • 那些很熟悉但又叫不出名字的设计法则: 预期效应
    • 除了阿里的鲁班系统,还有哪些厉害的人工智能设计神器?
    • 如何让一个网站前端有气质可以吸引住用户
    • 学会这些设计黑话,再黑的甲方也不怕
    • html编写edm时注意事项小结(一般发邮件需要注意的地方)
    • 超全面!UI设计中的字体配色方法总结
    • 如何让「签到」设计抓住用户的心?来看这篇超全面的总结!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有