快好知 kuaihz

数据研究在交互设计中的应用

交互设计师一大宝贵财富就是他的经验和直觉,在大多数需要对当前设计作出迅速判断的情况中,交互设计师所依赖的就是他的经验和直觉。在互联网的世界中,最有价值的可能就是数据了。google靠数据一举奠定江湖地位;twitter靠数据开始逐渐走向成熟;每一个交互设计师也能用数据来弥补依靠经验和直觉来设计的不足。本篇网志从一个很小的设计案例来描述除了经验和直觉之外,数据研究也可以验证、修正、甚至颠覆设计。

通过经验和直觉产生的设计

上图是这个设计案例的真实环境,来自于青海玉树捐赠页面。这是一个很简单的捐赠表单,用户选择金额,然后点击确定就可提交表单。如图所示,让用户有4个具体金额可以选择,并有一个其他金额可以输入,同时默认选择50元,是按照我的经验和直觉来设计的。我希望大部分用户是认同这个默认金额,并且直接点按钮提交表单的,这样对于大部分用户来说只用一次点击就能完成捐赠。要选择其它三种给定金额的用户,需要两次操作;而要选择四种给定金额之外的用户,则需要三次操作(选择其他金额 > 填写数字 > 点击按钮)。而50、20、10、500这样的金额分布,是我基于对人民币金额的理解以及常规正太分布的想法来设计的,保证中间高,两头小。

经验和直觉可能不靠谱,设计数据监测来验证

以上这些想法绝对有可能不是用户真正操作时所想的。可能大部分用户觉得50块太少了,或者20块和10块无所谓选择哪一个。为了让这个金额更符合用户的期望,减少用户选择金额时的操作,我在设计之初就和前端同学构思好了在此处添加埋点,监测用户操作的路径,统计出不同选择的占比。

数据监测设计想法是在用户各个操作的地方埋点,用户点击了则会发送一次请求到服务器,具体的设计为:

最后点击按钮为终点,通过在终点前一次的点击来判断用户不同的路径

用户进入页面后直接点击按钮为默认路径

用户进入页面后操作若干次之后最终选择50元为50路径

用户进入页面后最终选择20元为20路径

用户进入页面后最终选择10元为10路径

用户进入页面后最终选择500元为500路径

用户进入页面后最终选择其他金额为自定义路径

看看数据显示的实际情况

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:数据研究在交互设计中的应用  交互  交互词条  应用  应用词条  数据  数据词条  研究  研究词条  设计  设计词条  
设计

 页面构建的审图与细节

作为专业的页面构建工程师,除了在专业技能上有很高的要求以外,还需要具有一定的对设计图的审稿能力。审图,并非是意味着追求跟PSD一模一样,甚至耗费大量时间截屏跟P...(展开)

设计

 从买可乐,谈谈对需求的思考

B端产品的需求大多与用户的业务强相关,如果对于业务或者场景没有深入理解,设计的功能往往不能解决实际的业务问题。本文将从三个维度:分析需求、需求排序、需求描述来复...(展开)

设计

 社交产品如何解决冷启动问题

到底是“鸡生蛋”还是“蛋生鸡”,这可以是一个哲学问题也可以是一个生物学问题,但是对于互联网社交产品来说,“鸡”和“蛋”的问题其实就如何获得初始用户的问题。对于大...(展开)