灵活高效又美丽,谈谈我们的产品体验升级思路

嘉为蓝鲸 IT 服务管理中心 V3.0,基于 ITIL 实践,提供事件管理、问题管理、变更管理、请求管理能力,并通过与 ITOM 的集成融合,大幅提升管理效率与用户体验,实现 IT 服务管理体系的升级。
自 22 年 11 月升级发布以来,产品体验广受客户好评,本次我们将以其中值班管理功能模块为例,与大家详述产品的体验升级思路。
01 升级背景
提升效率:给用户提供简洁可视化的值班视图,使之更方便快捷的对值班人员进行统一管理并及时处理排班;
优化体验:产品功能迭代迅速,视觉、交互、体验等多方面需紧跟产品迭达。
所以嘉为蓝鲸从体验的角度出发,针对值班管理进行整体改版优化,优化了产品的视觉与交互体验,从而为用户带来全新的产品体验感受。
02 升级思路
1、深挖问题,合理使用工具-用户体验地图
用户体验地图是产品优化的重要工具,可以帮助参与者切换成用户视角、小白模式去看产品体验问题,梳理记录用户在产品当中的体验路径,去观察用户在整个操作路径中如何满足自己的目标,以及在完成目标的同时受到了哪些阻力。通过用户数据及使用过种中的情绪,从中发现用户痛点与洞察设计机会点。

2、抓住设计机会点
通过用户体验地图及用户反馈,提炼了如下多个设计优化方向与细节。

3、明确设计目标
根据以上问题分析与归纳,这次升级改版主要目标如下:

4、设计策略
灵活排版,合理规划人员分配
多种方式进行值班新增,覆盖多种用户场景

重要信息外漏,人员分配一目了然
优化信息展示,将重要信息前置,节省用户操作,让管理员第一时间获取到人员信息和排班情况。

信息重组,提高日历视图有效信息传递

气泡式展示详细信息,不打断用户操作体验
合理划分日历展示维度,增加日历视图可视化
统一视图展示内容,以三种时间维度聚焦不同时段值班人员信息。

统一日历展示维度,视图信息一致性

区分值班状态,方便实时关注值班动态
高效录入,提升用户管理效率
缩短用户操作路径,提升用户工作效率
人员补签功能操作优化,提升管理员操作效率。

升级前

升级后
建立操作反馈,提升用户对产品的掌控感
强化流程操作反馈,确保流程完整闭环:对影响极大的流程与操作,设置随时提示用户谨慎处理,并在恰当的时候给予用户充足的反馈,避免流程缺失造成用户的损失。

视觉升级,让用户沉浸“美”的享受
优化值班日历,让信息操作更高效

可视化值班日历,通过颜色来区分不同时段的值班人员是否可以调替班
优化值班模式卡片,强化信息分层

使用色块+值班模式首字母的可视化视觉表现,强化信息层级

设置颜色规则(共六色),让页面信息更丰富 设置颜色规则(共六色),让页面信息更丰富

补全交互样式,确保落地效果
优化值班人员分配表单项,减少视觉干扰
优化班次与轮次的信息层级,增加展开收起功能,当班次多时,收起轮次信息,提升信息阅读效率,减少重复信息展示,视觉降噪。

表格视觉降噪,建立可复用组件

统一按钮操作位置,认知减负
根据古登堡图原则,主操作通常使用主题色填克,位于项部筛选区的最左侧,其次是次要功能,超过三个次要能需进行聚合,搜索和辅助功能放在位于顶部筛选区的最右侧。根据古登堡图的对角线视线流,即落在页面的第一视觉着落点,最易被发现。

03 升级总结
以上是嘉为蓝鲸 IT 服务管理中心 V3.0-值班管理的一阶段成果,产品的视觉、交互体验有质的飞跃。
而这仅仅是一个开始,后续我们将会不断完善产品中的不足,为用户营造更好的产品使用体验。清晰的视觉效果及较为友好的交互体验也将助力产品在未来发展道路上更上一层楼。
如果您想体验嘉为蓝鲸 IT 服务管理中心,欢迎联系我们。

评论