建站常识
数据研究在交互设计中的应用
2010-06-10 16:12:00
交互设计师一大宝贵财富就是他的经验和直觉,在大多数需要对当前设计作出迅速判断的情况中,交互设计师所依赖的就是他的经验和直觉。在互联网的世界中,最有价值的可能就是数据了。google靠数据一举奠定江湖地位;twitter靠数据开始逐渐走向成✤熟;每一个交互设计师也能用数据来弥补依靠经验和直觉来设计的不足。本篇网志从一个很小的设计案例来描述除了经验和直觉之外,数据研究也可以验证、修正、甚至颠覆设计。
通过经验和直觉产生的设计
上图是这个设计案例的真实环境,来自于青海玉树捐赠页面。这是一个很简单的捐赠表单,用户选择金额,然后点击确定就可提交表单。如图所💎示,让用户有4个具体金额可以选择,并有一个其他金额可以输入,同时默认选择50元,是按照我的经验和直觉来设计的。我希望大部分用户是认同这个默认金额,并且直接点按钮提交表单的,这样对于大部分用户来说只用一次点击就能完成捐赠。要选择其它三种给定金额的用户,需要两次操作;而要选择四种给定金额之外的用户,则需要三次操作(选择其他金额 &g👍t; 填写数字 > 点击按钮)。而50、20、10、500这样的金额分布,是我基于对人民币金额的理解以及常规正太分布的想法来设计的,保证中间高,两头小。
经验和直觉可能不靠谱,设计数据监测来验证
以上这些想法绝对有可能不是用户真正操作时所想的🍃。可能大部分用户觉得50块太少了,或者20块和10块无所谓选择哪一个。为了让这个金额更符合用户的期望,减少用户在选择金额时的操作,我在设计之初就和前端同学构思好了在✤此处添加埋点,监测用户操作的路径,统计出不同选择的占比。
数据监测设计想法是在用户各个操作的地方埋点,用户点击了则会发送一次请求到服务器,具体的设计为:
最后点击按钮为终点,通过在终点前一次的点击来判断用户不同的路径
用户进入页面后直接点击按钮为默认路径
用户进入页面后操作若干次之后最终选择50元为50路径
用户进入页面后最终选择20元为20路径
用户进入页面后最终选择10元为10路径
用户进入页面后最终选择500元为500路径
用户进入页面后最终选择其他金额为自定义路径
看看数据显示的实际情况
上图是截取了一部分真实数据的结果。由图标可见在捐赠笔数不断增加的几天内,自定义金额一直占据很高的比重,超过40%;默认金额只占据20%左右的比重;整体并不是完全的正太分布,选择500元的足够少,但是选择10ও块的人占据20%左右。
再结合这段时间内平均捐款金额为80元,可以针对之前的设计做相应的修正,调整金额设置以及默认金额设置。具体ဣ的设计调整就不详述了(捐🌳赠平台二期还在开发中,暂不方便放出)。这个案例只是很小的一个点,可以窥见数据研究在交互设计中起到的作用,经验直觉和拿数据说话应该是两手抓,两手都要硬。
原文://www.shimuuu.com/bl⛄og/data-study-in-interaction-desig🐎n
近期更新
- [2025-02-11 14:34:54] 加拿大预测网-在线预测:青岛高端网站定制化设计
- [2023-06-25 23:22:29] 加拿大预测网-在线预测:优秀网站设计的五大特点
- [2023-04-27 14:05:55] 加拿大预测网-在线预测:Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 加拿大预测网-在线预测: 网站建设制作流程知多少
- [2022-10-14 10:11:30] 加拿大预测网-在线预测:做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 加拿大预测网-在线预测:以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 加拿大预测网-在线预测:一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 加拿大预测网-在线预测:企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 加拿大预测网-在线预测:网站加拿大预测网-在线预测设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 加拿大预测网-在线预测:网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 加拿大预测网-在线预测:作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2009-05-08 08:11:00] 加拿大预测网-在线预测:交互设计:不是什么和是什么
- [2009-06-04 08:18:00] 加拿大预测网-在线预测:微软Bing交互设计与用户体验
- [2009-12-25 08:24:00] 交互设计(3)—“有效性”之“适时帮助&rd🦋quo;
- [2010-12-15 08:53:00] 关于网站地图
- [2009-10-29 18:26:00] 加拿大预测网-在线预测:关于bing的交互设计
- [2010-08-05 08:13:00] 交互设计的方法
- [2010-05-18 11:33:00] 交互设计的出发点
- [2010-05-17 17:15:00] 加拿大预测网-在线预测:为线框图多留点时间
- [2010-02-06 15:54:00] 加拿大预测网-在线预测:交互设计(9)—一次点击
- [2007-11-21 22:44:00] 加拿大预测网-在线预测:交互设计的理论普及
- [2009-07-13 08:26:00] 加拿大预测网-在线预测:交互设计模式(一)-前言
- [2010-07-15 08:29:00] 加拿大预测网-在线预测:[图说交互]鼠标文字选中与产品整合
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案