美丽的数据——数据可视化与信息可视化浅谈

我们常常迷失在数据中,纷繁复杂的数据让我们无所适从。可视化作为解决这问题的有效手段,通过视觉的方式让数字易于理解。 数据可视化和信息可视化都是可视化的一种方式,数据可视化将数据库中每一个数据项作为单个图元元素表示,大量的数据集构成数据图像,同时将数据的各个属性值以多维数据的形式表示,可以从不同的维度观察数据,从而对数据进行更深入的观察和分析。信息可视化,旨在把数据资料以视觉化的方式表现出。信息可视化是一种将数据与设计结合起来的图片,有利于个人或组织简短有效地向受众传播信息的数据表现形式。 本文梳理了可视化相关内容,并且根据数据平台组同仁们在可视化项目过程中使用经验,总结一些可视化使用注意事项,与大家分享。 数据可视化的图表类型简介 数据可视化有很多既定的图表类型,下面我们分别来谈谈这些图表类型,他们的适用场景,以及使用的优势和劣势。 1.柱状图 适用场景:它的适用场合是二维数据集(每个数据点包括两个值x和y),但只有一个维度需要比较。 优势:柱状图利用柱子的高度,反映数据的差异。肉眼对高度差异很敏感,辨识效果非常好。 劣势:柱状图的局限在于只适用中小规模的数据集。 2.折线图 适用场景: 折线图适合二维的大数据集,尤其是那些趋势比单个数据点更重要的场合。它还适合多个二维数据集的比较。 优势:容易反应出数据变化的趋势。 3.饼图 适用场景:适用简单的占比图,在不要求数据精细的情况下可以适用。 劣势:饼图是一种应该避免使用的图表,因为肉眼对面积大小不敏感。 4.漏斗图 适用场景:漏斗图适用于业务流程比较规范、周期长、环节多的流程分析,通过漏斗各环节业务数据的比较,能够直观地发现和说明问题所在。 优势:能够直观地发现和说明问题所在。在网站分析中,通常用于转化率比较,它不仅能展示用户从进入网站到实现购买的最终转化率,还可以展示每个步骤的转化率。 劣势:单一漏斗图无法评价网站某个关键流程中各步骤转化率的好坏。 5.地图 适用场景:适用于有空间位置的数据集。 优劣势:特殊状况下使用。 6.雷达图 适用场景:雷达图适用于多维数据(四维以上),且每个维度必须可以排序。但是,它有一个局限,就是数据点最多6个,否则无法辨别,因此适用场合有限。 劣势:需要注意的时候,用户不熟悉雷达图,解读有困难。使用时尽量加上说明,减轻解读负担。 数据可视化使用小贴士 饼图顺序不当 (最好的做法是将份额最大的那部分放在12点方向,顺时针放置第二大份额的部分,以此类推。) 2.在线状图中使用虚线 (虚线会让人分心,用实线搭配合适的颜色更容易区分。) 3.数据被遮盖 (确保数据不会因为设计而丢失或被覆盖。例如在面积图中使用透明效果来确保用户可以看到全部数据。) 4. 耗费用户更多的精力 (通过辅助的图形元素来使数据更易于理解,比如在散点图中增加趋势线。) 5.柱状过宽或过窄 (经过调研,柱子的间隔最好调整为宽的1/2。) 6.数据对比困难 (选择合适的图表,让数据对比更明显直接。上图的数据作用是为了比较,显然,柱状图比饼图在视觉上更易于比较。) 7.错误呈现数据 (确保任何呈现都是准确的,比如,上图气泡图的面积大小应该跟数值一样。) 8.不要过分设计 (清楚标明各个图形表示的数据,避免用与主要数据不相关的颜色,形状干扰视觉。) 9. 数据没有很好归类,没有重点区分 (将同类数据归类,简化色彩,帮助用户更快理解数据。上图的第一张没有属于同类型手机中不同系统进行颜色上的归类,从而减少了比较的作用。下图就通过蓝色系很好的把iPhone,Android,WP版归为一类,很好的与iPad版,其他比较。) 10.误导用户的图表 (要客观反映真实数据,纵坐标不能被截断,否则视觉感受和实际数据相差很大。左图的数据起始点被截断从50开始。) 信息可视化案例 信息可视化囊括了数据可视化,信息图形,知识可视化,科学可视化,以及视觉设计方面的所有发展与进步。下面是信息可视化的案例分享。 (上图为关系网——基于60000封电子邮件存档数据,用不同颜色深度的线条呈现了地址簿中用户和个体之间的关系,比如回复、发送、抄送。) (上图通过数据化的比较,用变形的柱状图等图形,形象的展示了不同国家老师的收入水平,社会包括学生和公众对其的尊重度。) 如何制作信息可视化? 第一步:确定表意正确明确信息图表达内容,确定最主要的表现内容。 […]

论电商“促销”的基本素养

记得有首歌曾经唱到“爱对了人天天都是情人节”,其实对于如今的网民来说,选对了电商,何尝又不是“天天都是618”呢?这样的感受当然不止我一人有,在主持了两场以“促销”为主题的焦点小组后,发现很多用户早已对日复一日、永不休止的电商促销活动产生了些许倦怠。 然而,电商们的战斗尚未结束,促销活动又怎能不继续努力? 作为一个用户研究员,通过这次调研,我最大的感概便是:不是用户早已习惯各路电商的万千宠爱,而是作为茫茫电商中的一员,我们还需不断提升自己在组织促销活动方面的修行与素养。   素养1:装作不经意的相遇-根据用户的购物需求及行为模式特征,设定促销信息的有效触点   谁说胸大就无脑?谁说爱促销的用户就冲动?捡便宜是一种情结,但有时还需要一些情怀。选择合适的机会,制造不期而遇的浪漫,才能把矜持的美女拿下。这里我们将购物行为划分为以下几类,并分析不同类型用户的信息触点以及目前存在的问题。   类型一:冲动消费型   冲动型是促销活动下最典型的用户,他们没有事先的计划,看到心仪的商品,直接产生购买。这类用户最容易被首页各种“满199减100” 的Banner吸引。但目前存在的问题就是从首页点击Banner,进入活动的主题页后,当初说好的“满199减100”马上摇身一变,成了充斥其他折扣信息的大杂烩页面。 图1展示的是首页的banner,显示的是“满199减100”,图2是点击Banner后进入的活动页,首屏内找不到“满199减100的商品”。 图1 首页促销banner   图2 促销活动页   也许不幸的你正好碰到了一位脑子比较好使的“白(领)骨(干)精(英)”, 她决定死抠你承诺的“满199减100”,于是在活动页点开了为数不多的一件“满199减100”的商品。商品本身只卖103块,于是这位“白骨精”点击了商品标题上的“点击查看更多活动商品”。不幸的是现在京东的跳转逻辑是把用户又导流到了之前充斥了各种满减金额的活动页(图3)。 图3 京东促销活动页与单品页   再来看看天猫在这方面是不是做得好一点呢?结果似乎也不尽然。活动的入口之间隐藏在“更多优惠”中。 图4 天猫促销活动页与单品页   逼格提示:对于这样的满减凑单活动,最能勾起冲动消费型用户的兴趣了。而在寸土寸金的活动页,往往被营销运营人员堆满了各种促销信息。要得到满减优惠,往往需要参加同一种额度的满减活动。对于这种情况,用户的信息触点有以下2个: (1)在参加活动的单品页,给出具有同一满减额度的商品的聚合页。这一点天猫给出了,但藏得太深(图4)。京东给出的是又返回整体活动页的入口,不符合用户的使用场景(图3)。 (2)用户进入购物车后,及时提示可以参加其他同类满减活动凑单。天猫没有设置该入口,京东实现了(图5)。 图5 京东购物车页面   类型二:需求唤醒型   相信你和我一样,在生活中总有许多默默“长草”的东西,一直想买,一直关注,但迟迟没有下手。偶尔在电商网站看到,发现还有降价才果断出手。这就是需求唤醒型的用户。要和这样的用户高逼格的相遇,最重要的是知道他想买什么,然后还能在对的时间对的地点温柔的来一句:亲,你要的商品降价了。   逼格提示:对于需求唤醒型的用户,触点有以下几个: (1)在首页个性化推荐区域进行需求唤醒,如在“猜你喜欢”的位置,对参加促销的产品打上促销标签。曾经关注过的商品如今打折降价了,这样的相遇还是有些“罗曼蒂克”的吧? 另外,与用户浏览过的商品经算法判定为“相似商品”的,如有降价也可以在“猜你喜欢”中优先展示。 图6 京东首页“猜你喜欢”区域 (2)在“加价购”栏目中,推荐与用户所购买商品相关度较高的商品。 (3)对我关注的商品进行降价提示。   类型三:模糊挑选型   模糊挑选型用户通常有意在特定范围内寻找自己中意的商品,他们知道自己想买的商品类型,但不清楚具体想买哪件。 这样的用户通常会在搜索框中输入品类名称,比如“洗发水”,但具体买哪一款洗发水还没有确定。 正因如此,在面对搜索结果中呈现的五花八门的洗发水时,是否有促销折扣就成了这类用户挑选的重要参考标准了。因此,需要在搜索列表页提供一个促销商品的筛选入口。   逼格提示:关于搜索列表页的促销筛选,做得比较全面的是“一号店”和“苏宁易购”。以下是这两个平台的搜索结果页促销筛选的设计样式(图7)。 图 7 […]

返璞归真 JD Watch V1.0设计思考

近年来可穿戴设备渐渐进入人们的视线,京东JDC也为给用户一个完整的体验加入到了探索的队伍中来。 ·全新的平台 谷歌与苹果的Watch设计理念基本相同,两个平台下我们面临相同的问题。如何体现Watch平台自身重情景、极简、轻量的特点是我们设计过程中始终思考的问题。 如何在那么小的屏幕上做文章?放什么功能?如何使体验完整?   ·依旧从场景出发 用户主动使用场景:Watch可移植一些手机应用的功能,帮助用户在合适的场景下使用这些功能。如:公车上想看看中午买的东西到哪儿了,人太多且手机在公文包中不便于拿出,于是抬起手腕查了一下。走在路上,忽然想起家里大米没有了,对着手腕上的watch说:“买一袋大米。”watch推荐了三款大米:之前购买过的、热销的、有促销活动的,从中选择其一,再选择家的地址,完成了购买。 用户被动使用场景:Watch作为穿戴设备上最好的体验是当用户需要的时候对应的内容刚好就显示在上面,让用户能够在做饭、吃东西、跑步、闲聊的过程中使用,也就是用户在一个场景下收到一个恰当的信息。如:快到家时,Watch震动了一下,抬起手腕一看:快递员出发了。 基于以上场景我们初步确定了希望用户在watch上体验的功能:1语音购物;2消息触达   ·不要变成一个持续的振动器 Watch会长时间贴着用户的皮肤。基于这种亲密关系,用户对于Watch上的震动感知比手机更敏感,所以我们需要控制Watch上震动频率,避免给用户带来干扰。 我们对京东现有的消息按照用重要程度和用户相关性两个维度重新梳理,并将用户划分成普通用户和定制用户。将重要信息推送到所有用户的Watch上。对于已订阅了“提醒签到”“优惠促销”等信息的定制用户推送更多消息。   ·很快地完成Watch上的操作 在《Design Principles for Android Wear》中有个“5秒原则”,讲的是用户使用Watch上的应用程序时间越长,就会使用户从现实世界中脱离的越严重,使得用户不得不暂停现实中的活动来处理watch,这样就失去了穿戴设备本应便捷的意义。因此所有watch上的“交互行为”都应该更高效,建议每个任务的操作都能在5秒内完成。 我们通过缩短操作流程、提高用户浏览的效率两方面来减少用户在应用中花的时间。 缩短操作流程: 在做语音购功能时,把需求明确到:帮助用户便捷地购买轻购买决策的商品。如:日用品,食品等。 减少用户选择难度,把线上流程放到线下。一般购买流程:搜索——选择商品——提交订单——支付定订单。而在watch上我们让用户使用语音搜索后,只展示与用户相关度前三的商品,用户很快就能做出选择。然后直接选择地址就能提交订单。我们砍掉了庞大的线上的支付流程,改为线下的货到付款。这样精简了线上流程后,用户就能想到时随后立刻完成线上购买。 信息结构扁平化。在手机端,大多数的应用采用了常规的“递进式”层层深入的界面信息架构,常常会因层级太深,而使用户需要一层一层跳转界面来达到用户的需求。这样的交互显然不适宜于Watch。我们针对信息架构进行很多探索性的尝试,最终采用了“双层结构”模式,将订单信息平铺,当用户有明确的查看意图时才展开下层的物流内容。(手机上是把订单按状态分类,如:待付款、已完成等。)   提高用户浏览与使用的效率: 一次显示一条信息内容。当有更多的二级信息时,把它放到二级页面上。当有其他平行信息时,切换页面展示。 尽可能简化文字表述。信息通过关键词和短语来表述而不是完整的句子,这里与大家分享一个简化文本表述的技巧,即图标+文案的形式。如:“您在京东购买的物品的物流进展到了快递员配送中”。精简后是一个京东特有的物流运输车的图标+“快递员出发”的文案。 放大字体的尺寸。Watch硬件本身为了便于携带,屏幕尺寸都较小。适当放大文字尺寸来保证用户瞥一眼手腕就能明白。 使用合理的图片。图片相较文字更形象直观,通过添加图片用户能更容易的理解。如:用户在购买商品后查询物流,想知道什么东西到哪儿了。表达“什么东西”这一信息时,可以用一张商品图片来代替一个商品列表。 简单的交互,在Watch上的操作使用大手势。在查询功能中,订单与订单的切换,订单的操作,我们采用大手势的交互方式,保证用户在任何场景都能轻易的看到他想了解的内容。(大手势:不是像点击一个小按钮一样的精准的操作) 在涉及订单详情时,不可避免地需要引入一些更复杂的交互,强迫用户必须在可穿戴平台上完成这些操作当然是不合适的。我们将用户引导到与之相匹配的手持设备之上,在这里他们能够通过大尺寸屏幕完成这项任务,而后再返回可穿戴设备获取操作结果。点触操作按钮会启动用户匹配智能手机上的相关应用页面,用户将在手机上完成的具体交互。   ·视觉风格 如何在这寸土寸金的区域设计?且沿袭两家平台的设计原则还要突出京东自身品牌?这给我们视觉设计师带来了不小的问题。 我们保留京东红,Apple Watch在设计上配搭了黑色使页面较为沉稳与平台设计相呼应;Android Wear则使用的白底使页面年轻与平台衔接更流畅。 ·打磨细节 从最初的产品信息构架,交互草稿,初稿,可操作Demo,我们都在琢磨用户模型与操作逻辑的关系,斟酌界面元素的摆放。 在项目中,我们通过用手绘草稿和纸面原型来和产品、开发快速沟通设计思路,为了最真实地反应我们在设计中存在的问题,在项目中我们还联合开发同学制作了高保真可操作的Demo(在手表上的原型工具还是空白),将整个应用信息框架,交互行为都完整地呈现出来。 在apple watch尚未开售的情况下,由于没有真机,我们想出了一个很原始的办法来模拟手表上的视觉感受:用1:1彩色打印制作纸质模型戴在手腕上。在设计Android Wear时虽然有了测试机,但是视觉还原还是存在一些差异,例如icon虽然按照规范大小设计,但在手表上呈现效果不理想,我们用尺子量,寻找视觉偏差,经过不断的打磨,最终高保真地还原了视觉效果,将最优的视觉体验呈现给用户。 ·产品迭代 京东JD Watch V1.0只实现了初步的触达功能,在将来的迭代中会逐渐完善和优化。希望我们的诚意,能够得到京东用户的肯定,我们也将时刻保持为用户带来完美体验的这颗初心,产出更多的优秀产品。 参考: Design Principles for Android Wear […]

用研成长日记之“海淘用户调研项目”心得

正在进行海淘用户调研项目的结项工作,作为刚毕业的心理学用研小白,希望能在结项期间,对整个项目进行复盘,总结项目各阶段中的经验和教训,在提升用研专业技能的同时,关注自身用研项目管理能力的提升。 随着海淘大军的兴起,今年全球购业务也是公司的一个战略发展方向;从我们组内讨论到最终确定将“海淘用户调研项目”作为年后第一个专项研究课题,只是跨越了一个春节假期的时间。年后上班第一天,“海淘”便duang~,走进了我的视野。我的导师是这个项目的负责人,因此我也很荣幸的参与到这个项目中,从开始一直到结项都充实而忙碌,在这个项目中学习,思考,成长…… 前期准备&方案确定阶段 1. 海淘的世界我不懂:案头研究+竞品分析+论坛/QQ潜水+朋友聊天 由于自身并非海淘族,所以刚开始对于海淘简直是一头雾水。接到需求之后,便开始进行一些案头研究的工作,初步了解了海淘的整体市场概况。同时对比较有代表性的海淘网站/频道,如蜜淘全球购、天猫国际、中国亚马逊“海外购”等进行竞品分析,了解其网站设计及海淘购物流程。之后,为了初步了解海淘用户的购物动机、关注点等,开始去海淘相关的论坛/QQ群潜水,同时跟身边的“海淘族”沟通,了解他们的海淘心得。这些工作让我对海淘有了初步的了解,同时对于调研的关注点也有了一些启发和方向。 其实一开始自己对于如何去了解海淘并不清楚,我的导师和组内的小伙伴提供了很多建议,包括去论坛/QQ潜水,都是茶余饭后的闲谈中大家提到的,这些对我更近距离的接触海淘用户提供了很大的帮助。 【心得】用研新人由于经验欠缺,经常会碰到对于项目无从下手的情况,这种情况下可以多与同事进行交流,看看他们有没有好的建议或途径。我认为灵感的火花,多是在交流的碰撞中出现的。 2. 需求沟通:产品/业务要什么 V.S. 用研能做什么 由于全球购也是公司的一项业务,为了调研结果将来可以更好的服务于这个业务(即项目结果可以落地),我们在调研初期,与产品经理、业务方进行了两轮需求沟通,主要是了解他们的关注点,同时可以通过他们更好的了解业务形态及公司的业务发展模式。在需求沟通过程中,产品和业务提出了一些新的关注点,有些可以在我们这个项目中进行调研,有些需要进行专项调研才可以。针对这个问题,我们及时而准确的澄清了这次调研的范围,同时对一些可以做专项调研的需求也给出了下一步的建议。 【心得】在需求沟通过程中,经常会出现以下两种情况:产品/业务“不知道自己想要什么”和“想要的太多”。 第一种情况,需要在需求沟通过程中进行引导和澄清,梳理调研的关注点; 第二种情况,需要向产品/业务说明调研范围,明确关注点的优先级,从而保证调研项目的顺利进行。 3. 调研时间规划:你可能会比预想的Deadline “晚一步” 在方案确定阶段,需要进行调研时间规划,下图是我们这个项目规划的调研时间安排和实际执行时间对比: 在线调研执行期间,问卷投放分两部分进行:一部分是由第三方调研公司投放,主要是了解目前海淘市场的情况;另一部分是在京东平台投放,面向既是京东用户又是海淘用户的这部分人群。由于第三方投放合同签订、内部问卷上线排期等不可控原因,项目执行向后推迟一周,因此导致整体项目的延期。我们在项目初期,需要对项目有一个整体的把控,并对一些不可控事件进行提前预估和协调,以保证项目的按时完成。 在需要与其他团队合作的项目上,一般会有不可控事件的发生,因此在时间规划时,可考虑在预想的Deadline的基础上预留几天时间,以避免项目执行过程中的意外情况(老大对每一步需要的时间把控是比较准确的,她会判断哪有不可控因素,也会在我们做项目计划的时候提示我们哪个阶段需要预留时间,因此不要故意将时间延后哦~)。 【心得】项目初期,需要对项目有一个整体的把控,并对一些不可控因素进行提前预估和协调,以保证项目按时完成。 执行阶段 1. 工作多?评定优先级! 在项目执行过程中,由于整体安排很紧,所以经常出现很多工作碰撞在一起的情况,所有的工作都想完成的想法的结果便是没有一项工作可以顺利的完成,反而导致工作效率降低。在意识到这一点的时候,我每天到公司的第一个工作便是列出今日需要完成的任务清单,并按照优先级进行排序,然后从优先级较高的做起。这一方面缓解了自己的焦虑,另一方面又能确保重要事件的完成进度。很多人会担心:时间本来便不够用,列出任务清单,评定优先级不是更浪费时间吗?但在我看来,与其亡羊补牢影响工作效率,不如依计行事划分轻重缓急。 【心得】工作任务较多的情况下,可以对工作任务进行优先级评定,确保重要任务的完成进度。 2. 项目周期长?及时总结不会错! 此次项目由于涉及到问卷排期等问题,项目周期长达一个半月。后来在撰写报告的过程中,发现自己对深度访谈的部分记忆都稍许模糊了。不过在深度访谈部分结束的时候,我和Partner便做了访谈小结,所以并没有造成太大的影响。记得自己刚开始工作的时候,做的第一个项目是关于产品改版的可用性测试和访谈,执行期间,每天访谈结束的时候,我的导师便会和我一起对当天的访谈进行小结。及时总结,不仅可以让我们对关键的问题和发现进行记录,而且可以对后续的项目执行有所启发。 【心得】项目执行期间,需要对调研发现进行及时总结。 3. 问卷投放的那些事儿 在线调研期间,在京东平台进行问卷投放时,与研发人员沟通完上线时间安排后,自己没有发一封邮件进行确认。虽然问卷按期上线了,但是问卷入口处的文案没有按照私下沟通情况进行及时修改。我的导师也及时提醒了我,在工作沟通方面,特别是涉及到跨团队沟通时,在沟通完成后,一定要发一封邮件对已沟通内容进行确认,明确各自工作的同时,也避免后续“扯皮”事件的发生。 【心得】工作沟通完成后,进行邮件确认,帮助双方明确各自工作。 数据分析&报告撰写阶段 1. 发现数据的弦外之音 在分析和整理定量及定性数据时,发现自己一个很大的弊病是分析只停留在浅层的结果呈现方面,并没有对结果进行深层的加工,构建数据和产品之间的连接。以“访谈资料的整理”为例,在做访谈小结时,不仅要呈现被访者对问题的回答,更重要的是对所有被访者的回答进行综合对比分析,了解共性的部分,探讨差异存在的原因。在分析数据时,需要根据研究的目的,对信息进行提炼,探讨用户态度背后的产品症结所在,从而提出落地的建议,促进调研结果的现实应用。 【心得】报告撰写时需要构建数据和产品之间的连接,提出落地的建议 2. 争当格式癖 报告撰写完成后,对报告的格式进行了“20+”轮的修改,没错“20+”轮。主要的修改如下: 1.调整报告各部分内容的呈现顺序,使报告逻辑更加清晰 2.修改定量数据的图表形式,图表展现更加科学、规范 3.修改报告的页面排版结构,让整体报告更加清晰、统一 报告初稿是这样的(现在看简直不忍直视): 修改后是这样的: 主要修改点如下: (1) 根据数据,总结出一句话结论,方便报告阅读者获知和理解相关内容 (2) 优化图表展示形式,采用柱状图和折线图相结合的形式,在呈现用户未尝试海淘的原因的整体数据的同时,以折线图展示其他类用户未尝试海淘的原因。 (3) […]

母婴品类用户网络消费行为习惯分析

过去12年中国母婴用品消费持续保持增长态势,其中母婴和电商渠道的销售占比快速提升。据尼尔森统计,2013年,中国国内仅奶粉市场销售额就达到600亿元,其中,母婴渠道占比为42%,商超渠道占比达到36%,电商渠道为22%。预计未来几年市场将会以接近14%的年复合增长率,在2014-2016年期间市场规模将扩张至千亿元。
在这种形势下,对母婴用品市场的消费者的网购消费习惯进行研究具有重大的意义,了解行为背后的心理机制——动机、需求乃至价值观,对电商行业的发展具有揭示作用。

© 2017 JDC. All Rights Reserved.