SAAS公司的品牌及产品体验

在Alla Kholmatova撰写的《Design System》一书中，作者对设计体系是这样定义的：“设计体系”是指服务于数字化产品设计的一系列具有内在关联性的、组织有序的设计模式与实践方法。“模式”指代任何可复用的界面组成要素，包括按钮、文本框、图标、配色、字体，以及可复用的功能流程与交互行为等等；

“实践”则是关于如何在设计团队当中创建、提炼、使用和共享这些模式。在我们进入项目前，数云内部的设计师和开发人员已经将物料进行了统一的归类和整理，并且建立了设计体系的网站，但是在推行之后，仍然发现了很多问题，这样做在大部分日常业务中没有问题，但是一旦碰到业务特殊场景，或者某些创新功能需求时，设计师就会陷入“我们设计体系没有这个案例”的惯性思维中去，容易造成页面千篇一律没有亮点。

在进行利益相关者访谈后，我们明确了此次项目的目标：1.降低沟通成本，提高团队工作效率，这意味着新的设计体系要，能适应团队自然工作流程，明确合作的职责与分工。2.希望客户使用产品的体验提升，我们需要建立统一的设计语言，保持产品一致性。针对产品的体验提升：我们在对各类用户角色（CRM专员、产品和研发、方案和交付等）进行访谈和任务测试后，我们收集了300+用户痛点和需求点，并给出适合的产品解决方案，主要设计目标是解决KYLIN的三个核心痛点问题，提升用户体验：

01 体验一致性欠缺，用户难以建立统一心智；

02 用户视角单一，协同流程有断点；端和端之间的互通性弱

03 交互方式不符合使用习惯，文字过于专业化或描述不清。

针对以上痛点，设计策略拆分为对应的三个层级：

01 操作层-保证产品体验的易用性；

02 效率层-保证产品体验的一致性

03 价值层-完善多角色视角的场景化诉求，提升多角色协同的工作效率

KYLIN Design的设计语言中“开放”作为很重要的一个关键词，设计应当能适应无可穷尽的业务场景和使用形态，应当鼓励用户和实施团队的创造性，灵活性和适应性，以此应当满足实施和个性化需要。为此，我们需要帮助业务作出更多的亮点和创新，提升业务竞争力，还需要去优化原有的设计系统，使其更加适配业务属性。

我们对现有的产品的配置端、运营端进行了100+页面走查，抽离出关键角色的需求特征；以复用率抽离出5种典型场景：概览类、列表类、详情类、卡片类、表单类、异常类。我们的目标是通过模版，可以覆盖到更多的业务，将传统的“列表-详情”层层下探的页面，，优化成几种可视化场景，将底层的业务逻辑、链路架构或者工作流进行可视化拓补展示。

01.优化导航架构，提升空间灵活应用  对于导航的优化，首先要确保用户在进行浏览和查看信息时是顺畅、无中断感的；在此基础上无论是在页面间跳转还是页面内的定位，考虑到产品信息结构以及对于屏幕的空间利用，我们主要针对三个方面进行了优化：首先，将原先的侧边导航隐藏，同时引入智能的返回导航，目的是在保证流程正常运转的前提下，最大程度地提升横向阅读空间；第二，我们采用以胖菜单的形式展开汉堡菜单，目的是在一级菜单下同时展示所有的子菜单，提升用户的查找效率；同时，考虑到不同业务场景和用户需求，也支持用户通过「磁吸工具」随时触发侧边菜单，切换成传统的侧边导航形式，以便用户随时对菜单进行参考。

02.灵活的场景化应用  相较于直接平铺展示全部的筛选项，我们基于开放和价值创造的设计原则，为用户提供了自定义的空间：例如：用户可以按照他们自己的业务需求和个人习惯选择展示特定的筛选项内容 避免了筛选区域出现大量无关干扰项的情况 有效提高信息筛选的效率。 

03.角色导向设计  引入不同角色类型和使用场景，实现产品智能化，提升整体操作效率。

04.一致的交互流程，及时的信息反馈 在设计体系中定义了新建的交互模式，对于复杂信息的新建，用户在弹窗内完成基础信息录入，点击「确定」按钮后完成新建。跳转信息录入页面，同时出现新建完成toast提示，确认完成创建。用户可以选择继续信息录入，或点击「关闭」退出编辑。此操作对新建结果没有影响。通过拆解复杂内容的新建，减轻大量信息录入的压迫感，同时提取具有高度复用性的流程，确保用户在遇到同样类型的新建时都有一致的流程，增加用户在使用过程中熟悉感。 

KYLIN Densign System的设计语言衍生出更多高效的合作模式，让更多的角色参与进来。为多角色提供标准话的能力。同步制定了标准化的合作流程让使用者清晰明确的了解流程规范。建立组件中台和设计资源库，保证组件迭代的正常流转与质量审核，发生沟通问题时统一不同方向的接口人来保证问题可以高效解决。

我们希望之后，可以改变数云传统的合作方式，连接更多的使用者，实现更加高效的协同，在我们搭建的初步的设计体系和基础组件的基础上，继续向上向下构建，完善模板/业务组件/配套设计资源。

数云UX升级宣传视频，来自数云官方自媒体