分析流程与方式:
·判断页面主次任务、事件规则
·推断核心用户、场景目标、任务流程
·从用户角度,以同理心共情思维方式发现问题
一、核心任务
从页面信息可知,这是一个专为公司员工上下班考勤打卡的产品。它的规则是,当员工进入指定区域后,在有效时间内打卡就算成功。由此,
1、用户核心的场景目标:快速完成今天的公司考勤打卡。
2、任务操作流程:【1】确认今天日期/打卡时间 → 【2】在有效时间和地点内打卡 → 【3】确认本次打卡是否成功 → 【4】预知下次打卡时间
通过一系列操作确保自己完成今天的打卡任务。
二、核心场景目标分析
【1.1】用户需要确认今天打卡的日期和时间,打开页面后首先看到一系列时间线时,会有什么心理活动呢?
该页面存在:
【问题】打卡的日期和时间模糊,浏览困难。
【原因】(1)今天的日期没有明显标识,历史记录混入时间轴,难以区分新旧日期;(2)当前打卡的时间靠后,阅读视线跳跃,很难对应当前要打卡的时间;
【解决】(1)明确今天日期,优先展示今天打卡时间点;(2)当前页弱化或者去除历史记录,减少阅读干扰;
【1.2】当用户浏览时间时,周围的元素信息是否能很好给他们做出相关引导?
该元素存在:
【问题】图标有歧义,不仅没有给用户明确的指示,还产生了困惑。
【原因】图标颜色、指向模糊,用户不知道能否点击、点击后是什么内容?
【解决】(1)明确日期表查看的方式、下拉的含义; (2)根据当前用户目标是确认今天打卡日期,交互统一改成查看日期表行为;
【2】当用户想要对当前的时段进行打卡,通过视线寻找能打卡的地方时,他们的心理活动又会有什么变化?
该页面存在:
【问题】(1)信息优先级有误,内容间关联性较弱;(2)元素含义模糊、重点引导有误;
【原因】(1)没有优先展示当前对应的打卡,没有突出此时用户关心的时间/位置信息;(2)元素含义不明确,“时间数字”、“考勤范围”难理解;
【解决】
(1)首先突出当前打卡班次、时间、按钮操作、明确计时规则;
(2)次要显示当前位置,并提供定位选择或失败的弥补措施,比如:刷新定位/选址;
(3)弱化查看考勤范围说明,可提供用户查看入口,但不必过分强调;
(4)优化文案,“考勤范围”更改为“考勤位置区域”;
【3】当用户点击打卡按钮后,想确认自己是否成功时,却看到下面的信息发生变化,他们当下感受是怎样的呢?
该页面存在:
【问题】反馈模糊
【原因】(1)缺少明确反馈标识;(2)在没有说明的情况下,元素突然变化让用户不解;
【解决】给用户醒目的打卡成败反馈:
①成功时,有成功标志,并明确告诉用户下一个新打卡时段;
②失败时,有失败标志和说明,引导用户补打卡;
③若用户一直失败,要有弥补措施(如异常反馈、补卡申请);
【4】用户想预知下次打卡信息,看到页面出现如下信息时,心理的活动是什么呢?
该页面存在:
【问题】信息误解
【原因】元素信息出现在不合适的时间段,让人误解。比如:按钮颜色高亮诱导点击、不可点状态没有明确说明;
【解决】明确即将打卡操作的反馈规则。
(1)首先明确告知用户下一个打卡时间;
(2)统一打卡按钮规则和样式:
①不在打卡时间内,按钮弱化操作;在有效时间内,则醒目引导;
②固定一种常态打卡按钮,如有特殊说明才使用不同颜色区分;
三、次要场景目标分析
1、时间轴上的历史记录
它通常出现的场景是,用户需要核对考勤记录时查看。但它出现在当前用户急需打卡的核心场景中,用户会有什么感受呢?
该页面存在:
【问题】(1)信息优先级有误,影响用户判断、阅读不畅;(2)记录信息模糊;
【原因】(1)历史记录和今天打卡任务毫无关系;(2)记录缺少具体日期、打卡结果;
【解决】(1)弱化历史记录,当前页删除/隐藏、或者移至“我的考勤”版块中;(2)补齐记录信息,比如日期、打卡反馈;
*扩展场景:对于弹性制的公司,员工享有免次机会
【新需求】当用户想通过记录,知道自己还有几次剩余机会
【解决】提供统计,并告知用户失败打卡次数,友好提醒他们及时打卡
2、打卡异常反馈
它当前放置页面底部,目的是希望提供用户打卡帮助,它的出现会给用户什么感受呢?
该页面存在:
【问题】容易被人忽视、指向模糊
【原因】与用户打卡行为关联性弱
【解决】出现在打卡操作的附近,以备用户需要时及时发现,而不是拉远距离
四、优化点总结
五、原型设计
(一)核心打卡任务
1、当前班次打卡
【1】打卡前:①优先展示今天当前班次打卡情况。从班次、时间、打卡操作、区域信息依次展示用户关心的内容;②未到打卡时段的信息置灰,仅供用户预知,但不提供当前操作,避免用户误会;
【2】打卡后:通过操作按钮的颜色、样式变化做强烈的反馈,明确告知用户操作结果;
2、下一个班次打卡
打卡具有时效性,已经打过卡的班次信息不再重要,重点突出当前需要打卡的新内容。
【3】页面弱化已打卡内容,仅显示状态即可;当开放下一个班次打卡时,该班次打卡重要信息变高亮。
3、打卡元素优先级布局
从考勤规则知道,打卡要满足两个条件才能生效:有效时间、指定范围。而员工为了不迟到,打卡行为多发生在即将达到公司的路上或者在进入公司的那一刻,奔波环境的因素变多,他们更关注打卡的时间,而不是具体的某个位置。
换句话说,只要进入指定范围,无论哪个地址都能接受,但一定要在截止点前打上卡。所以,时间因素比位置显得更重要。
优化中:①以时间为主的打卡操作优先,强对比当前和截止时间提醒用户打卡。
②位置其次,但有明显的进入区域提示,让用户放心;因为用户在奔波环境中,容易受到定位波动的影响,导致区域定位失误,所以新增「重新定位」,并置于地址附近,以便用户随时纠正位置。
③考虑到打卡中的一些特殊情况,比如异常、缺失打卡等问题,可以对应新增“异常反馈”、“补卡申请”弥补措施,把这些渠道与打卡的场景产生关联性,让用户及时注意并解决困难。
*额外,新增完善打卡信息在不同情况下的状态:
(二)次要任务
1、历史记录
它的目标是为了让用户核对考勤情况。细分查看记录场景需求,可以分两种情况:
(1)用户仅想了解考勤概况,他们关注的是结果。
他们可以通过下拉日期表,快速看到本月每天的考勤统计。
当他们想了解某天的考勤情况时,可以点击某天,用折叠交互的方式展示当天打卡详情,既不会占据空间,也可以根据用户循序渐进的需求依次展示结果。
(2)用户需要更细致了解考勤详情,他们关注的是具体内容。
这时应该给他们提供一个更广阔的查看历史记录空间,比如有独立的「查看记录」的版块,并提供相关的日期筛选、考勤结果过滤的工具,方便用户多维度查看、对比信息。