Project Description

如何快速开启用户测试

可用性测试,比想象中简单

实际操作中,我们需要敏捷开发,快速迭代。很多公司和项目组,没有完整且足够多用户体验、交互设计师团队来专门进行用户研究和可用性测试。所以,我们必须有一套可快速使用的方案来满足实际需求。

在OnePlus工作期间,我一直负责的是一加平台中心的用户体验与交互设计,所以在网站和H5方面,我有很多经验可以分享给大家,而且绝对快速可行。

本文分两个部分,(第一部分是什么,展开详细讲讲):对当前站点开启用研,(第二部分是什么,展开详细讲讲)对Demo进行用户测试。

使用Hotjar开启全站的用研

Hotjar是什么,(清楚的讲一下可以用来做什么) 可以点击下面图片查看官网介绍。

总结来说,就是一个能进行获取热力图、录屏轨迹、开启用户反馈入口,进行漏斗,投放问卷调查的工具,非常方便好用。

推荐指数  五颗星

我们做用户可用性测试,主要利用其录屏工具。(这句话是什么意思,孤零零的在这里)

 

点击查看官网介绍

 1、首先注册Hotjar

进入官网 https://www.hotjar.com/ ,点击右上角按钮“ Try it free ” 创建一个basic(基础版) 账号,基础版能够免费录制100个视频,并且不限制添加站点数量;即使是100个,比你线下去一个个找要划算太多了。点击 “ Create a free account ” 跳转到注册界面,填写你的用户名和E-mail地址,然后点击  “ Get Started ”  第二步填写你的账号密码,第三步选择你的角色,第四步输入你想测试网站地址以及网站类型,点击“ Starting Using Hotjar” 就完成了。

 

如何进行可用性测试
 2、添加站点域名信息

登陆后,在右上角,点击+号,点击Add new site,然后在出现的表格中填写对应的信息。域名要写全,如https://www.co-ux.cn,后面信息按实际情况填写即可,我填写的是自己的个人站点。

 

 3、获取跟踪代码

点击“ Tracking Code” 会跳出一个弹窗,代码框右上角找到Copy to clipboard。 

 

用户测试工具
 4、添加代码至页面head标签内,并检查通过

(怎么将代码埋到网站头部)将代码埋入你网站的头部;这一步,如果你是站长,直接操作就可以了。如果你是公司你的螺丝钉,请走你们的流程吧。理论上,安全部门和法务评估通过后,就可以走发布流程了。(不明白什么意思,为什么要走安全部门和法务)

 

检查是否添加
 5、开启使用

(点击哪里回到操作面板)回到操作面板,就依据需要开启你的要的。最常见的是开启热力图和行为录屏。比如创建Recording(怎么开启热力图和行为录屏),第二张图是我们追踪到一些用户操作数据,包含一些访问路径,操作时长以及访问日期,还有具体的行为录屏,非常全面方便啊

 

创建热力图和行为录屏
 6、开启你的用户测试和用研之旅

在Hotjar获取到的用户行为录屏,我们无法知道对方IP、地址、性别偏好,任何输入信息之类的信息,相对而言比百度统计安全性更高一些。

部署完成后,从现在开始,你可以随时开始对你当前已有的产品开启用户行为观察,了解当前产品是否存在问题,同时可以展开更深入的研究。

通过热力图和用户行为录屏。我们可以分析出非常多的行为。比如OS页面发现用户最感兴趣的是 UI和动画类,比如维修查询用户会点击步骤信息和FAQ,进而我们知道如何在流程中让用户得到他们所需要的信息并理解用户的目标。

 

OS页面中的用户行为

对于APP,也有同类产品,轻量级的SDK部署即可。不过国内同类产品的隐私控制没有那么友好。如下图。

结语

部署完成,即可开启用研和测试。

想象一下,上午开需求会,马上要对购买模块进行优化,下午你就可以获取到用户行为描述、热力图、漏斗等数据,第二天就已确定用户目标和诉求,以及主要改进方向,同事向你投来“ 哇噻 好厉害好专业” 的眼神,是不是成就感十足呀。所以墙裂推荐负责用研和交互岗位的童鞋,不管产品,交互,UI还是视觉设计师,都可以大胆的运用起来,把产品和视觉打磨的更好更牛逼。

探索更多

一些专业名词解释:情绪版、可用性....

先给大家来一段专业名词:可用性测试、人种志、情绪板、故事板、应用流、用户画像,是不是看到就很懵了。 让我给大家快速普及下这些知识。 设计调研、用户研究、可用性测试是啥? 任何设计,都离不开研究类的工作,让我们清晰方向、了解用户目标、做好用户画像和分析用户行为、做Demo进行可用性测试。很多人将这一切统称为用研。 实际上,这里有三个阶段:方向调研、用户研究、可用性测试。下图是三者之间的差异描述。 用户体验设计、交互设计、视觉UI设计如何区分? 想必这里很多人又模糊了,到底这些事什么设计??如果我们将设计岗位拆解的非常细的话,应该是这样的: · 用户体验设计师-做规划的人 UX负责调研和用研工作,同时也涵盖一部分可用性测试(主要是已有产品)。其产出物交付给交互设计师。 · 交互设计师-设计房子的人 IXD产出流程、框架、信息结构、制作demo进行可用性测试(主要是设计中的产品),其产出物交付给视觉设计,有时候也需要动效设计师参与。 · 视觉UI设计师-装饰房子的人 Visual/UI负责设计视觉画面,设计UI组件、颜色等美学性工作,其产出物交付给开发人员。

Read More »