搜狗自研的一站式协作平台,保障搜狗员工高效工作的办公软件。
角色:交互/UI
前言
环境监测
小P会在「个人中心」扫码绑定员工工位,员工查看工区环境监测时会自动定位到附近位置的环境监测点,来查看所在位置的环境监测质量。
问题
📌 页面应该展示的主要内容是什么?
📌 icon固定的颜色会不会带来认知偏差?
📌 搜狗同学怎么去判断甲醛/PM2.5的数值是达标的?
梳理信息层级
要分析信息的优先级,用户的核心行为,并通过位置、大小、距离、内容形式、表现方法来建立信息层级。
1. 定位
我们在设计环境监测页面时,确定环境监测的目标用户是在搜狗工区办公的员工,页面内容定位是展示工区环境质量数据,方便员工查看所在工位附近的工作环境质量。
信息优先级
我们在设计环境监测页面时,确定环境监测的目标用户是在搜狗工区办公的员工,页面内容定位是展示工区环境质量数据,方便员工查看所在工位附近的工作环境质量。
方法-视觉
视觉表现手法主要有以下几种方式,实际设计中为了让效果拉开主次,可能会同时使用多种方法以达到更好的效果。
分析现状
- 位置:二级信息放在最上,三级信息其次,一级信息放置最后;阅读逻辑混乱\
- 大小:二级信息视觉所占比大约为10%,三级信息所占比大约为69%,一级信息所占比大约为27%;视觉效果不匹配信息层级
解决问题
重新梳理排列信息层级,加大一级信息视觉所占比,提高二级信息阅读逻辑层级,三级信息其次。
符合用户认知
用户使用产品时,不需要了解复杂机制工作原理的所有细节,我们应该创造出一种快捷的认知方式来解释复杂的机制。
实现模型&心理模型
颜色的认知-信号灯
用户使用产品时,不需要了解复杂机制工作原理的所有细节,我们应该创造出一种快捷的认知方式来解释复杂的机制。
颜色的认知-环境质量系数
分析问题
📌 ICON的固有色会让新员工/不经常使用环境监测的员工认为甲醛/PM2.5超标;颜色使用带来认知偏差
📌 如果使用官方的环境指数颜色标识,认识成本提高;不符合用户的心理模型。
解决问题
颜色使用符合用户认知,并减少用户的认知难度,所以我们设定在办公环境中只有:舒适的办公环境和不舒适的办公环境。
目标为导向
目标不等于任务或者活动。目标是对最终情况的预期,而任务和活动只是达成目标的中间步骤。
用户行为
我们发现,员工经常在「圈子」发表一张环境监测的页面截图,配文“室内32度了,太热了,能不能调下空调啊”之类的文案并@行政。用户已经感知到热或者冷,还是会打开环境监测,确实一下室内温度是否真的异常。
行为模型
BJ fogg(福格)行为模型,表明一个行为得以发生,行为者首先需要有进行此行为的动机和操作此行为的能力。接着,如果他们有充足的动机和能力来施行既定行为,他们就会在被诱导/触发时进行。
用户目标
🤞查看、截屏、发圈是用户的行为,是达到目的的中间步骤,如果此时把流程就结束了,这个功能就没有任何意义可言,员工一系列的行为是为了解决自己感到热/冷的现状,让自己办公环境更舒适。
🤞设计师要考路如何减少员工达到目标的中间步骤,缩短行为路径。
解决办法
界面展示
考虑到员工加班时多在晚8点以后,根据时间点来显示夜间模式。