云效是公司一站式的软件研发管理效能平台，整合Iwork、Ione、Ici、Icode等多个系统，旨在提高用户在工作中研发、运维、项目管理的工作效率，与软件交付质量与速度，降低企业研发成本。Q3参与了一期项目管理的体验设计改版，上线后活跃用户数提升了61%，满意度得到了提升。现在就项目参与的过程进行总结与分享。 

01

__________

痛点问题

• 产品方向多，需求多

一体化平台所覆盖的产品非常多，包含项目协同、代码提交、制品发布，持续集成、持续部署等一系列场景，每个阶段都有不同的产品负责功能迭代，如何平衡需求与体验的时间，是关键问题。 

   

• 产品功能多，体验较差

一个界面上挤满了各种“特需”功能，设计师需要说服产品进行角色化、自定义化的设置，是改善产品体验的必要方法。

• 无统一UI及交互规范

企业内部产品，长期无设计师参与，无论从视觉层面、交互规则甚至是代码框架都不尽相同，组件化、模块化势在必行。

02

__________

各自击破

• 规范先行

UI组件和交互统一升级，提升视觉和交互使用体验，保证无设计师情况下的迭代稳步实施。确定设计理念：一致性与简约性。

规范文档

一致性：保证每个产品线布局、文本、交互产品上的统一，降低用户的学习成本，提高工作效率。

视觉方面：采用了简洁、清晰、易于识别的组件元素，整体设计品质有了一定提升，在帮助等场景上，融入插画系统的设计元素进行情感化设计。

框架列表界面

这样在需求层面，有了组件与模块的规范，部分需求可以没有设计师参与的小步快跑，稳步上线。重要的精力放在体验优化方面，这样不但可以尽可能的减少对团队的消耗与对用户的打扰，还可以在关键功能上做到耳目一新，体验提升。 

• 体验设计思考

在此我们确定了一期的主要优化方向：全局框架、工作台以及项目协同列表。

从混乱到有序：梳理产品内容结构，确定布局框架结构。

信息架构是整个产品设计的核心和关键，把复杂、混乱的原始需求转化为清晰的、结构化的、面向用户视角的信息架构，是产品和体验设计师的核心工作，也是产品成功的基石。

首先，定义了信息架构的三个层级：

1）丰富产品应用化，变为扩展能力，无缝集成第三方平台。

每个产品都可以看作由一个个功能模块组成，但不同用户所需要的功能模块是不同的，用户需求差异大，所以将产品功能模块化，将产品拆分成一个个独立的小应用，由用户自由选择自己所需要的功能模块。

云效应用方案

2）项目协同工作台设计:用户视角的转换

改版前产品的功能完全站在系统的角度进行分类，每个模块都想“上位”，没有站在用户的视角，呈现信息架构过于功能化，复杂，而忽略作为用户、使用者的业务角度。

优先设计工作台上线。

当业务复杂、角色多、对工作台的需求差异大，不同功能对不同角色的价值差异会很大，将功能模块化，让用户自己定义工作台所显示的功能，满足不同职业用户的需求。

云效工作台

云效工作台包含了个人项目、个人事项及 DevOps 等相关待办工作事项，关联了分支和流水线数据。 不同角色，不同的部门，以协作的方式，多样化的数据展示和工具整合，展现个人维度的工作任务，跨部门的合作数据。

3）列表页信息收纳术 

“智慧”表头设置

表格列表看起来简单，但要做到用户满意，不能只是简单的罗列信息。表头设置，即表格列的设置，用户可以根据自己的喜好设置表格显示的列，以及对列进行排序。根据7 ±2的原则，表头项默认最多设置9个选项，超出收起，后期还会对各角色进行调研，提供默认模版，尽可能提供与自身角色最相关的列项。

 

  自定义选项

“智慧”视图-筛选器

当系统数据量很大、搜索项很多时，我们需要对大多数字字段进行搜索，但不可能把所有字段都作为筛选项放在搜索栏中，这样不仅会占据太多位置，也会影响可读性和页面美观。

另外，不同用户对搜索字段的需求、使用频次也是不一样的，这里选择了筛选项自定义功能，让用户根据自己的使用习惯，选择筛选条件及排序。

可视化列表项

 由于有了自定义表头的设置，表格项不会显得过于拥挤，对重要列项进行可视化设计，便可以进一步提升体验，更易关注重要信息。

可视化列表项

03

__________

未来展望

数字化的本质是：“去芜存菁”，数字化中台能够看到业务存在的不同场景和不同顽疾，用流程和数字化化解顽疾，为业务方带来更合理，更高效，更公平的全新体验。后续设计师还会在有更多场景模块上逐步优化体验，例如便捷移动办公、可视化报表度量体验等，敬请期待。

🙋 一起聊设计 🙋‍♂️

高质量，学知识的设计行业群

设计行业一手资料

设计大厂最直接内推

定期大咖直播

0门槛扫码进群！

期待与更多优秀设计师一起成长🤩

🎬

Our Daily Life

精彩设计展览

—

我们视频号开通啦

会定期分享设计师们的优秀视频

👇欢迎关注👇

本文来自微信公众号“58UXD”（ID：i58UXD）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。