加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

设计师如何做体验走查?

发布时间:2020-02-07 03:11:20 所属栏目:创业 来源:做站长
导读:对设计师来说,检验设计成果最行之有效的办法就是体验走查。那么具体如何操作呢?如何实现体验走查呢?本文将为你揭晓答案。 一、体验走查是每个设计师的日常工作之一 接触一个新产品,优化一个旧功能,验收一个新特性,阶段性的点检整个产品的体验,可以
副标题[/!--empirenews.page--]

对设计师来说,检验设计成果最行之有效的办法就是体验走查。那么具体如何操作呢?如何实现体验走查呢?本文将为你揭晓答案。

设计师如何做体验走查?

一、体验走查是每个设计师的日常工作之一

接触一个新产品,优化一个旧功能,验收一个新特性,阶段性的点检整个产品的体验,可以说体验走查一直贯穿着设计师的日常。

然而对于如何系统化的进行体验走查,却鲜有设计师进行总结和分享。

几乎每个设计师都在按照自己的经验在执行。随性的走查,就像邀请用户进行可用性测试一样,能发现多少问题充满了未知性。

如何才能让体验走查的流程更加系统化,让设计师能够据此发现和洞察更多的体验问题呢?

今天我想在这里抛砖引玉,和大家分享一下我个人的经验,也希望能得到你的反馈和交流,让我们之后的体验走查能更有成效。

二、设计师体验走查原则、目标与方法

诺曼在《情感化设计》中,把人脑的活动分为三个层次:本能层次、行为层次和反思层次。

当在主体和食物之间放置一道铁丝网时,处于本能层次的小鸡可能永远被卡在网上,处于行为层次的小狗则可以轻松绕过铁丝网,而处于反思层次的我们则可以想到移走铁丝网,一劳永逸的减少绕道。

作为设计师,我们设计工作往往是由内而外的,从关注产品战略和目标开始,逐级拆解到最终呈现。但是做体验走查时,我更多的是希望跳出产品设计的内部视角,借用同理心,站在用户的视角来审视产品。所以,我的体验走查思路是由外而内的。

借用用户体验5要素来表达,用户去感知产品,往往是从表现层开始,然后深入到框架层和结构层。而我们作为设计师,则不能仅止步于此,还要通过反思,最终回归到范围层和战略层,这样的走查才能和我们的设计殊途同归。

设计师如何做体验走查?

设计师体验走查的原则、目标与方法

上图是我归纳的设计师体验走查的原则、目标与方法,下面我将为大家逐一讲述。

三、本能层次走查的三个步骤

首先,打开一个产品,找到你准备走查的第一个页面,从本能层次出发,去体验当前页面的设计是否主次分明、合理、一致。作为设计师,在本能的感官层面,我们要求当前页面的设计,一定要好看、好懂、好找、好点。具体的走查步骤我归纳成以下三步:

1. 远观主次

把手伸到最远处,眯起眼睛(或者摘掉近视眼镜,或者将页面高斯模糊),看一下当前页面的信息层级,从醒目度来说,给出信息优先级的直观排序,再和设计时信息本身优先级去做对比。

设计师如何做体验走查?

vivo浏览器首页

以vivo浏览器首页为例,远观信息的吸引度优先级为:新闻图片>名站>搜索>WIFI。

信息流是首页激发用户使用产品的主要触发器,也是产品的主推功能,它的信息层级最高是符合产品目标的。

名站因为个数较多,色彩丰富,所以在视觉上会压过搜索框,这里其实就稍微有一点问题,毕竟用户最常使用的功能是信息流和搜索。

最有问题的是排在第四位的WIFI,无论从用户需求还是产品功能优先级来说,WIFI的优先级都排不到这么高,所以它的设计应该被降噪。

2. 近扫细节

所谓近扫,就是指从页面左上角到右下角逐一审视所有元素,看是否满足好看、好懂、好找、好点的设计目标,以及我们的设计规范。

还是vivo浏览器首页为例,我们开始逐个扫面页面细节。浏览器首页很多信息其实都有多个显示状态(真实走查时,要求有多少个状态就要罗列多少张图,这样才能确保所有页面细节都走查到)但此处方便起见,我就简单的以两张图的状态来示意一下扫描过程及结果。

设计师如何做体验走查?

通过对首页状态从上至下从左到右的扫描,我们可以发现以下体验问题:

  1. 温度的符号表示不标准,摄氏温度的标准写法是度(小圆圈)应显示在C临近的左上角,现在距离太远了;
  2. 天气信息和天气图标被不相关的WiFi信息隔开,不满足亲密性原则;
  3. wifi图标颜色很奇怪,和品牌色不一致;已经连接上wifi,wifi信息就不重要了,没有必要显示如此醒目,干扰视线。
  4. 已经成功连上wifi,但还有红点提示,不理解有什么需要提示的,红点显示有干扰;
  5. 搜索框内的搜索图标颜色不稳定,有时候显示较浅,有bug;
  6. 头条资讯的新消息提示显示位置太靠上,看起来和名站更亲,而根据亲疏关系,提示应该离名站远,离下方消息近;
  7. 两个提示中都有“点击刷新”但显示样式不一致;品牌色的文字,通常让人感觉是可操作的,但是“头条资讯”是没有操作预期的,此处又用品牌色来表示强调,品牌色到底是用来表示操作还是强调,容易让用户困惑混淆。
  8. 置顶是一种状态,用户可以更直观的看到,用品牌色标签强调会产生视觉干扰;
  9. 返回按钮显示太小,不容易注意到,而且太小,点起来也会有心理压力和操作负担;

3. 对比竞品

对比竞品,主要是为了参考行业的设计现状,看看我们在设计细节上是否有优化的空间。

还是以vivo浏览器首页为例,对比UC和QQ浏览器首页,我们可以发现以下几个明显的视觉差异:

设计师如何做体验走查?

  1. 在温度的处理上,UC和QQ都同时省略了C,在保证大家可理解的基础上,让信息更简洁,同时也避免了我们显示上的错误;
  2. UC和QQ的搜索框物理视觉尺寸和我们相似,但在整体感知上却比我们突出,主要是搜索框上方的信息降噪效果比较好。
  3. 我们的信息流标题文字,相比竞品,明显又大又粗,需要研究一下字体的设计,尽可能取得标题在醒目度和干扰度上的平衡。

采用远观近扫加对比的方法,我们可以完成所有重点页面的体验走查,虽然看起来有些繁琐,但对于一个产品来说,核心关键页面其实就那么几个,是非常有必要定期做这样细致的走查的。

都说魔鬼藏在细节里,细节决定体验,一个页面的细节繁多,由于工作记忆的限制,想依靠记忆找出所有的问题几乎是不可能的,所以非常建议设计师将所有页面横铺出来,反复扫描,对比观察,以期能穷尽所有问题。

通过上面的步骤循环,我们可以完成每个核心页面的体验走查。

之后,还有一步不要忘了,那就是将一个任务流程的核心关键页面都串起来对比分析一下。

以vivo浏览器的搜索流程为例,我们看一下用户进行搜索的核心关键流程:

设计师如何做体验走查?

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读