「考勤打卡」设计优化思考

分析流程与方式:

·判断页面主次任务、事件规则  

·推断核心用户、场景目标、任务流程

·从用户角度,以同理心共情思维方式发现问题

一、核心任务

「考勤打卡」原页面·核心流程

从页面信息可知,这是一个专为公司员工上下班考勤打卡的产品。它的规则是,当员工进入指定区域后,在有效时间内打卡就算成功。由此,

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)用户需要更细致了解考勤详情,他们关注的是具体内容。

这时应该给他们提供一个更广阔的查看历史记录空间,比如有独立的「查看记录」的版块,并提供相关的日期筛选、考勤结果过滤的工具,方便用户多维度查看、对比信息。

优化后
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容