阿里设计师:“三种方式”教你做好体验设计

简介: 阿里云交互设计专家——弗凌在2017年12月20日云栖大会北京峰会上做了题为“从直觉到数据——体验设计进阶”的主题演讲。从直觉、经验、数据等三个角度来解释设计师应如何分析、解决问题以及如何更好的设计,并且根据阿里云云市场的实例来进行陈述。这些经验首次对外详细剖析,很有价值。

阿里云交互设计专家弗凌在2017年12月20日云栖大会北京峰会上做了题为“从直觉到数据——体验设计进阶”的主题演讲。专家从直觉、经验、数据等三个角度来解释设计师应如何分析、解决问题以及如何更好的设计,并且根据阿里云云市场的实例来进行陈述。这些经验首次对外详细剖析,很有价值。
以下是视频精彩内容整理:

直觉是什么?

直觉是潜藏在人认知深处的规律,不以人的意志为转移。人的直觉中三个定律:菲茨定律,席客法则,古腾堡原理。
菲茨定律是用来预测从任意一点到目标中心位置所需时间的数学模型。揭示了用户在做操作的过程中,所消耗的时间与它操作目标的距离是成正比的,与面积是成反比的。目标越大,操作的时间越少。距离越远,消耗的时间越长。

22


例如图上的按键。如果拿鼠标去操作图片中的按键的话,右边会更舒服。这个现象就可以用菲茨定律来说明。
席客法则:一个人面临的选择越多的话,做出决定需要的时间就越多。

2


上图是遥控器发展的变迁,虽然功能很多,但是大部分功能并不会被用到,所以遥控器的功能键变得越来越少。

3


古腾堡原理:描述了用户习惯性的运动规律,即左上到右下的对角线扫视。这个在业界也有很多的应用,Twitter和facebook的首页都遵循这个原理。

经验从哪里?

所谓经验,就是对长期自我训练后产生的高效反应。。
一个完整的业务有四个流程:进入期,转化期,体验期,反馈期。进入期就是用户建立对产品的感性认知,包括前台直面消费者的网站和促销页。转化期就是由感性认知到购买转化,涉及注册、购买的流程和页面。体验期就是用户从购买到具体体验,包括产品的管理、后台系统。反馈期就是由体验带来的开放式反馈,主动或被动接受用户反馈系统。

4


这个流程是一个漏斗结构。流量通过漏斗不断往下去流,如果页面设计的不够精彩,用户在进入期就会流失。用户发现注册流程比较繁琐,购买流程有让人分心的东西,也会导致用户无法走完转化期。在体验期发现根本无法使用,也会产生用户流失。
右侧为理想中的模型:用户能走完整个流程。进入期的设计要笑脸相迎,即使用户不感冒提供的服务,但是看到笑脸,可能就会多看几眼,产生良性的点击。转化期的设计要直截了当,一切影响用户流畅操作的决策都应该被禁止。体验期的设计要如沐春风,在思考体验加分项的同时,要更加关注产品的零容忍点。
管理等待提示,对不同的等待时间设计不同的样式,用来给用户做提示。还要提高整个系统的容错性,机制上防止异常状况出现。一种常见的处理方式是如果用户出现异常,就不允许其进行下一步。如果需要用户干预,最好能提供解决方案,避免InternalError直接流出。

数据能做什么?

数据不光转化已有的方案,更能帮人突破思维惰性,发现更好的自己。人脑是会自发的形成很多定式,这样可以减少能耗,增大生存几率。设计依靠定式做久了,就会像是去磁性的指南针,产生偏差,需要数据来矫正其准确性。

5


基于数据驱动做设计有四个步骤:
(1)提炼数据。数据有两种组织维度:第一种是链路数据。包括镜像类目、选择版本、立即购买、支付、立即管理等所有流程;第二个就是页面数据。包括Pv,Uv,Br等。
(2)分析和诊断。先基于宏观数据去大概定位哪些页面或哪些流程出了问题,基于这些宏观的诊断,再去微观去定位问题。查看数据反馈出来的问题是什么。
(3)猜想,像侦探一样,大胆假设,小心求证。
(4)实践与验证。基于这些原因做设计的改进。最后再把数据收集回来,如果数据是正面反馈的话,证明猜测是对的,如果不是正面的反馈,说明没有找到原因,进行下一轮的迭代。

6


数据在在阿里云云市场中的应用
为了提升阿里云市场的流量。通过拉取最近7天的数据,转化的最高值路径和次高值路径,得到每一步的转化率。通盘来看,整个前台运营业的导流效果一般,用户只走完了只有首页和基础页面。下单和支付的流程还是比较正常,所以可能问题出现了前台。对首页数据分析发现,点击主要分布在导航和首屏区域,首屏占比超过70%,场景区占比不到10%。
首页存在着两个问题:(1)首屏和场景区之间穿插了一屏其他模块,用户需要滑动两次或三次才能看到其他场景区。(2)场景内容信息密度过小,排版机械,存在空间浪费。某些模块只有商品名称和店铺名称,缺乏运营感,可能会影响用户的点击。
解决方案:首先把首屏和场景区之间夹杂的模块砍掉,因为它们在很重要的位置,却没有产生特别重要的作用。砍掉一些点击率很低的模块,改变卡片样式,优化了每一个板块里面的图片,修改了文案。短语词语能够激发瞬时记忆,刺激浏览点击,所以把短语也加入到了卡片设计里面。使用“猜你喜欢”来黏住用户,所以将“猜你喜欢”模块放到了最下面,而且扩大了这个模块的区域。
什么时候适合做数据驱动的设计?

7


任何一个产品都有创始期,成长期,成熟期和衰退期。一般认为在成长期和成熟期是适合做数据驱动的。因为企业在创始期的时候,数据较少,就无法基于数据去做设计。还需要增加对数据工具的使用。阿里巴巴内部使用的工具有Udata,A加,阿拉丁等。

8


通过直觉解决简单的问题,通过经验解决一些基础的问题,通过数据解决一些更复杂的问题。直觉一看就能看出来,效率比较高。经验没有直觉那么快,但也是能够感知数据好不好。通过数据设计的话,就需要提取数据,分析和猜想,做方案,回收和验证,这样的效率相对低。所以设计师需要找到最优的切入点。
引擎是埋藏在设计师内心深处的一眼泉水,设计灵感和方案都是通过这样泉水源源不断的涌现到纸面,还原成优美的界面最后变成大众鼠标下的一个个按钮、链接。希望每个设计师都能够找到自己的这眼泉水,畅饮甘甜。

本文由云栖社区志愿者小组王朝阳整理,毛鹤校审,编辑:郭雪梅。

目录
相关文章
|
5月前
|
小程序
同样的游戏如何做出不一样的体验?
同样的游戏如何做出不一样的体验?
30 0
|
11月前
|
区块链 开发者
游戏陪玩开发运营版丨游戏陪玩系统开发案例项目/规则玩法/详细方案/源码程序
 DApp是指以区块链为底层技术平台的分布式应用程序,它使得开发者可以构建去中心化和自主运行的应用程序,并通过链上的合约机制实现代码不可更改性和事务透明性
|
12月前
微信小游戏开发系列教程2-了解游戏全貌和一些游戏开发中的术语
这一节小蚂蚁将会带着大家先从整体上了解一个小游戏的全貌,然后再熟悉一些游戏开发领域中常用的术语。最后分享一下自己的一些经验和方法,希望能够帮助到那些刚进入游戏开发领域的新人。 欢迎体验我的微信小游戏作品:精致1010
66 0
|
传感器 移动开发 前端开发
从《淘特斗地主》说起,前端如何做 h5 游戏的游戏体验
从《淘特斗地主》说起,前端如何做 h5 游戏的游戏体验
937 0
从《淘特斗地主》说起,前端如何做 h5 游戏的游戏体验
|
弹性计算 人工智能 移动开发
我与云开发的故事
分享在云开发当中的开发感受,心得体验,以及成长经验!
411 0
我与云开发的故事
|
人工智能 前端开发 机器人
可能是前端同学必备的 2D 游戏化互动入门基础知识
大家一起来学习2D互动最基础的知识。
可能是前端同学必备的 2D 游戏化互动入门基础知识
|
人工智能 移动开发 前端开发
所有前端都要看的2D游戏化互动入门基础知识
在非游戏环境中将游戏的思维和游戏的机制进行整合运用,以引导用户互动和使用
2078 0
所有前端都要看的2D游戏化互动入门基础知识
|
运维 Cloud Native 多模数据库
探秘!在阿里云做产品经理是怎样的体验?
许力(仁威) 阿里云数据库产品事业部高级产品经理,目前负责阿里云原生多模数据库Lindorm产品
677 0
探秘!在阿里云做产品经理是怎样的体验?
|
数据可视化 JavaScript 物联网
ThingJS之3D开发:如何做颜值高的设计?
不要把关于设计的这些内容看得太过严肃。
ThingJS之3D开发:如何做颜值高的设计?