别让差体验延伸成低级bug

在上一篇文章中(回顾),我们提取了与状态可见原则相关的元素,可以先通过判断这些元素,最基本的判断即表达状态的元素是否存在(有无提供了反馈等)。


今天我们来更详细地了解一下,怎么通过这些元素结合问题思路利用状态可见性原则测试出基金产品的问题。



1

状态可见性原则的自查清单

问题思路

思考这些元素是否准确,即元素、认知和实际状态间的关系以及这些元素是否足够具体清晰和充分的问题:

  1. 元素实际想表达的状态是否与用户认知和实际状态相符;

  2. 元素是否很好地表达了状态的变化;

  3. 元素是否给使用户对于整体情况和前后状态变化有所把握。

通过上面的问题思路,我们不仅是想测试出产品的问题,也是在具体思考问题的原因,从而帮助我们思考修改的方向。



2

自查清单

通过项目经验总结,我们可以梳理出一份利用状态可见性原则测试基金产品问题的自查清单,主要是从页面角度来进行区分,同时结合流程维度时间前后维度来进行思考


一、单个页面内

1、元素表达状态是否与实际状态相符(是否错误)

  • 第一种情况:这里的错误是指本意错误,表达形式没问题的情况,即根本上地把错的状态认为是对的并且表达出来。

  • 第二种情况:表达形式有问题造成的理解错误,这是一种更为常见的情况,即表达本意与用户认知不符合。

【例如下图打勾的反馈,该反馈本意是对用户如何做积分任务进行指引,但由于多加了一个打勾图标,表达形式的设计会让用户误以为任务已经完成】

2、页面内不同元素间的表达状态是否矛盾/混乱(各有不同说法)

提示语、按钮状态等控件元素表达状态需要一致,并且与符合当前实际状态


3、元素表达状态是否不清晰(让人不理解/本身讲不清楚)

【例如文案解释不清或者过于专业的情况,都会造成对当前状态的不理解】


4、单个页面内,页面元素的前后状态是否得到区分

  • 信息数据等状态是否及时更新

  • 同一内容的前后状态是否进行了充分的区分

【例如常见的情况,邮件、文章或消息列表中,已读和未读会做出状态区分,给予用户足够具体充分的提示】

二、多个页面,进行对比分析

1、同个流程中的不同页面状态是否清晰

足够清晰意味着用户知道自己当前处于什么流程中的哪一个环节,前后是什么环节,并且对于整体流程和任务的完成有所了解和把控


1)标题是否足够具体和清晰

  • 在任务流程中,标题是否准确反映当前的环节和正在进行的操作

【例如一整个基金交易的流程中,在确认购买的页面中,不是只用“基金交易”的大流程标题,而是需要“确认购买”的页面标题表达具体状态】



  • 在获取信息的页面中,标题是否清晰具体地描述当前内容

【例如下图,页面内容同样是持有基金的资产收益情况,右图的标题为“我的基金”,比“基金”这个标题更为具体,使用户能够快速判断当前页面状态】

2)环节和步骤较多的流程页面是否提供了流程图指引

流程图的提示能使用户对于整体流程有哪些环节,当前状态处于哪个位置,前后是什么需要做什么等信息有所把握。

【如下图,页面对于基金的交易过程进行了简单的流程图和当前状态提示,并且提前告知用户资金到账时间等更详细的信息】

2、多个页面的状态表达元素一致性问题

1) 前后页面标题是否一致

不一致使用户预期的页面状态和实际进入的页面状态产生偏差,带来困惑

【例如下图用户看到“自选基金”,预期看到关注的基金相关内容;点击进入的页面内容无误,但是标题为“基金”与上个入口不一致,引起困惑】



2)同类页面标题是否一致

目前来看对于“状态可见”影响不大,更多涉及的是一致性原则的问题


3)无直接关联页面的标题是否因为一致引起混淆

页面内容不同、也非同一流程的页面的标题相同,会容易对所处的页面产生困惑

【例如下图,同一产品中,左图页面内容为自选基金,右图为持仓基金的资产收益情况,二者标题一致且不够具体,容易引起混淆】


3、空页面情况

空页面常见的问题是完全空白,什么相关信息都没有。

那么结合我们前面提到的,首先判断表达状态的元素存不存在。既然空白,那就是不存在;没有表达任何明确的状态,反而会给用户带来是系统故障还是网络延迟的困惑。这就是产品在该页面上出现的问题。


所以需要明确的文字或图形表达“暂时还未有信息”的状态


除了告知用户无信息(当前状态),还结合在这种特殊情况下的用户心理和预期,提供适当的解释说明和指引,让用户提前了解后面可能发生的情况。


3

小结

如何利用状态可见性原则来测试基金产品问题,基本思路是通过判断表达状态的元素有没有、对不对、好不好


并且需要结合提取的页面元素与自查清单,根据实际用户需求进行判断和分析,在工作中不断调整和完善元素和自查清单,从而更好地测试产品问题,找出原因和对应修改方向。



【交互专栏阅读推荐】

利用状态可见性原则测试基金产品的问题(上)

基金App首页设计探讨(三) | 首页设计样式总结

基金App首页设计探讨(二) | 如何构建首页模块

基金App首页设计探讨(一) | 导航的多种设计可能