数据研究在交互设计中的应用
2010-06-10 23:13
495 查看
交互设计师一大宝贵财富就是他的经验和直觉,在大多数需要对当前设计作出迅速判断的情况中,交互设计师所依赖的就是他的经验和直觉。在互联网的世界中,最有价值的可能就是数据了。google靠数据一举奠定江湖地位;twitter靠数据开始逐渐走向成熟;每一个交互设计师也能用数据来弥补依靠经验和直觉来设计的不足。本篇网志从一个很小的设计案例来描述除了经验和直觉之外,数据研究也可以验证、修正、甚至颠覆设计。
通过经验和直觉产生的设计
上图是这个设计案例的真实环境,来自于青海玉树捐赠页面。这是一个很简单的捐赠表单,用户选择金额,然后点击确定就可提交表单。如图所示,让用户有4个具体金额可以选择,并有一个其他金额可以输入,同时默认选择50元,是按照我的经验和直觉来设计的。我希望大部分用户是认同这个默认金额,并且直接点按钮提交表单的,这样对于大部分用户来说只用一次点击就能完成捐赠。要选择其它三种给定金额的用户,需要两次操作;而要选择四种给定金额之外的用户,则需要三次操作(选择其他金额 > 填写数字 > 点击按钮)。而50、20、10、500这样的金额分布,是我基于对人民币金额的理解以及常规正太分布的想法来设计的,保证中间高,两头小。
经验和直觉可能不靠谱,设计数据监测来验证
以上这些想法绝对有可能不是用户真正操作时所想的。可能大部分用户觉得50块太少了,或者20块和10块无所谓选择哪一个。为了让这个金额更符合用户的期望,减少用户在选择金额时的操作,我在设计之初就和前端同学构思好了在此处添加埋点,监测用户操作的路径,统计出不同选择的占比。
数据监测设计想法是在用户各个操作的地方埋点,用户点击了则会发送一次请求到服务器,具体的设计为:
最后点击按钮为终点,通过在终点前一次的点击来判断用户不同的路径
用户进入页面后直接点击按钮为默认路径
用户进入页面后操作若干次之后最终选择50元为50路径
用户进入页面后最终选择20元为20路径
用户进入页面后最终选择10元为10路径
用户进入页面后最终选择500元为500路径
用户进入页面后最终选择其他金额为自定义路径
看看数据显示的实际情况
上图是截取了一部分真实数据的结果。由图标可见在捐赠笔数不断增加的几天内,自定义金额一直占据很高的比重,超过40%;默认金额只占据20%左右的比重;整体并不是完全的正太分布,选择500元的足够少,但是选择10块的人占据20%左右。
再结合这段时间内平均捐款金额为80元,可以针对之前的设计做相应的修正,调整金额设置以及默认金额设置。具体的设计调整就不详述了(捐赠平台二期还在开发中,暂不方便放出)。这个案例只是很小的一个点,可以窥见数据研究在交互设计中起到的作用,经验直觉和拿数据说话应该是两手抓,两手都要硬。
通过经验和直觉产生的设计
上图是这个设计案例的真实环境,来自于青海玉树捐赠页面。这是一个很简单的捐赠表单,用户选择金额,然后点击确定就可提交表单。如图所示,让用户有4个具体金额可以选择,并有一个其他金额可以输入,同时默认选择50元,是按照我的经验和直觉来设计的。我希望大部分用户是认同这个默认金额,并且直接点按钮提交表单的,这样对于大部分用户来说只用一次点击就能完成捐赠。要选择其它三种给定金额的用户,需要两次操作;而要选择四种给定金额之外的用户,则需要三次操作(选择其他金额 > 填写数字 > 点击按钮)。而50、20、10、500这样的金额分布,是我基于对人民币金额的理解以及常规正太分布的想法来设计的,保证中间高,两头小。
经验和直觉可能不靠谱,设计数据监测来验证
以上这些想法绝对有可能不是用户真正操作时所想的。可能大部分用户觉得50块太少了,或者20块和10块无所谓选择哪一个。为了让这个金额更符合用户的期望,减少用户在选择金额时的操作,我在设计之初就和前端同学构思好了在此处添加埋点,监测用户操作的路径,统计出不同选择的占比。
数据监测设计想法是在用户各个操作的地方埋点,用户点击了则会发送一次请求到服务器,具体的设计为:
最后点击按钮为终点,通过在终点前一次的点击来判断用户不同的路径
用户进入页面后直接点击按钮为默认路径
用户进入页面后操作若干次之后最终选择50元为50路径
用户进入页面后最终选择20元为20路径
用户进入页面后最终选择10元为10路径
用户进入页面后最终选择500元为500路径
用户进入页面后最终选择其他金额为自定义路径
看看数据显示的实际情况
上图是截取了一部分真实数据的结果。由图标可见在捐赠笔数不断增加的几天内,自定义金额一直占据很高的比重,超过40%;默认金额只占据20%左右的比重;整体并不是完全的正太分布,选择500元的足够少,但是选择10块的人占据20%左右。
再结合这段时间内平均捐款金额为80元,可以针对之前的设计做相应的修正,调整金额设置以及默认金额设置。具体的设计调整就不详述了(捐赠平台二期还在开发中,暂不方便放出)。这个案例只是很小的一个点,可以窥见数据研究在交互设计中起到的作用,经验直觉和拿数据说话应该是两手抓,两手都要硬。
相关文章推荐
- GPS北斗双模技术应用开发研究—应用数据交互
- 产品设计:Android应用-开发技术【数据缓存】
- 软件系统开发中的组件框架技术研究、设计和应用
- 从数据中了解用户――数据在新产品设计中的应用(1)
- 【交互设计】手机应用交互设计细节
- 数据结构课程设计~二叉树的应用(二叉树)
- Unity应用架构设计(6)——设计动态数据集合ObservableList
- (架构设计)观察者模式+redis队列实现不同项目之间数据的交互
- 跨服数据交互传输设计与实现
- ADO.NET访问数据-(2) DataSet本地缓存与数据库的交互过程,以及应用
- 结合Rexsee、Jquery、PHP开发移动应用时的数据交互问题
- 如何规范移动应用交互设计?UI/UX设计师须知的11个小技巧
- 设计模式的实际应用――在C#中解决单客户端窗口数据并发问题
- DotNET企业架构应用实践-数据库表记录的唯一性设计的设计兼议主键设定原则
- 关于企业SOA应用的数据交互协议
- iOS通知中心插件与应用的数据交互
- SilverLight企业应用框架设计【五】客户端调用服务端(使用JSON传递数据,自己实现RESTful Web服务)
- 设计数据密集型应用-第四章-编码和应用演进 (涉及的问题和方案)
- COM 组件设计与应用之数据类型
- 任何国家都无法限制数字货币。为什么呢? 要想明白这个问题需要具备一点区块链的基础知识: 区块链使用的大致技术包括以下几种: a.点对点网络设计 b.加密技术应用 c.分布式算法的实现 d.数据存储技术 e.拜占庭算法 f.权益证明POW,POS,DPOS 原因一: 点对点网络设计 其中点对点的P2P网络是bittorent ,由于是点对点的网络,没有中心化,因此在全球分布式的网