当前金山项目管理功能迭代迅速,基础功能仍在完善。在短时间内优先满足基础功能可使用的前提下,其滞留的视觉、交互、体验等多方面的问题,会造成用户使用体验下降。
●视觉层
▲ 金山项目管理v1.0
根据页面所示,我们总结了以下几点来概括之前视觉呈现的不足
◑设计目标 / 确定目标
从而设计目标最终达到:视觉触达、体验升维;
▲ 根据问题的解决方法,从而得到设计目标
◑设计策略 / 问题攻克
●视觉触达
金山项目管理承载着大量的产品信息,信息展示密度较大。通过明确视觉层级、视觉符号一致性等来帮助用户认知减负。
01 认知减负:构建清晰的内容视觉层级
在1.0版本中存在视觉混乱、视觉层级不清晰等情况,用户在理解层面上存在一定的负担;其中列表视图是用户使用场景最多的一个场景视图。
于是,我们根据问题做了一系列的优化:
▲ 针对标签栏进行优化调整
▲ 针对常用基础控件「标签」进行优化调整
在我们的产品矩阵中,还有其它项目形成了我们的业务体系,所以利用本次视觉升级,由金山项目管理牵引建立统一的视觉体验。
在后续其它项目的研发中使用统一设计规范及视觉表达更能帮助设计师提升效率和用户认知减负,并降低研发实现成本。
▲ 不同产品的表格视图
03 视觉降噪:优化信息展示助力视觉降噪
在1.0版本中,看板视图的视觉表达并不是很清晰,内容过多,整体视觉信息层级较弱,容易带给用户杂乱的视觉体验。
在2.0改版中我们将字段进行了优先级分类,字段名称和内容则按照上下结构的方式进行展示,从一定程度上为用户做了视觉排序。
●体验升维
在1.0版本中,列表视图单元格编辑或功能入口等都存在会困扰用户的问题,我们在2.0中有效的解决了这些影响较大的问题。
所以我们在2.0升级中将成员入口提取出来,和项目的任务搜索功能放置一处,并取消了项目本身多余的Tab入口展示。
▲ 升级前:点击一次后触发对应操作
▲ 升级后:点击一次后触发锁定,点击两次后触发对应操作
任务详情页是聚焦展示某一个任务的相关内容信息。在详情页的升级中,我们将字段进行了分类处理,将信息进行模块化展示,不仅可以快速帮助用户获取信息,也可以为后续的功能展示做配置化处理;
在字段内容的展示上,我们也做了结构展示优化。
◑总结 / 全盘回顾
●建立规范——降本提效
●数据优化——资源复用
●解决问题——体验升级
清晰的视觉效果及较为友好的交互体验也助力产品在未来的发展道路上更上一层楼。
以上则是我们做的一些阶段性成果,而这仅仅是一个开始,后续我们也将会不断完善产品中的不足,为用户营造更好的产品使用体验。