标签功能在运维产品中的体验优化
By 郭炜 cocoguo
这个项目是为了提升用户使用标签功能的可用性和易用性，减少操作步骤，并优化标签的创建和资源绑定过程，提高使用效率。
目前整个流程中的最大问题是创建标签及资源绑定的过程繁琐冗长，不直观。
我的工作职责
1
作为用户体验设计师，在运维项目团队工作，为运维系统后台的产品提出设计方案，负责其中自动作业、安全策略管理、 日志管理及 Agent管理、证书管理等模块的设计工作。
在该项目中我的主要工作有 ：项目前期的用户调研、竞品分析及产品规划，梳理设计需求。出具用户旅程图和原型图。与产品及开发跨团队沟通，基于华为云设计规范设计高保真原型。在项目上线前根据内部评测得到的反馈结果，后续对产品进行改进和迭代。
——-
项目问题解析
1
首先介绍一下，什么是标签？
1
标签（Tag）是云资源管理工具，用户可以从不同维度对具有相同特征的云资源进行分类、搜索和聚合，从而可以更轻松的管理云上资源。
标签是由标签键和标签值两个部分组成，用户可以为云资源创建和绑定标签。一个标签键可以对应多个标签值，一对标签键和标签值可绑定多个云资源。
1
当前流程中存在五个主要的问题。
1
X 问题1：用户创建标签流程复杂。
键/值对分别创建。并且一次只能创建一个标签，无法批量创建。创建界面展示不直观，用户创建流程不顺畅。
1
1
1
X 问题2：创建好标签后无法直接绑定资源。
创建好的标签无法直接绑定资源，必须跳转到资源管理页面进行绑定，整个流程页面跳转过多。
1
X 问题3：标签页面展示按键分，不直观。
标签页面按照键分tab展示，用户无法直观感知所有标签的状态。
1
X 问题4：资源页面绑定标签流程不直观，不符合用户心智模型。
资源页面绑定标签过程不清晰、绑定弹窗展示字段冗余且不利于用户查找。
1
项目中遇到的困难
1
在进行完竞品分析及用户调研后，我出具了整体的分析报告。除了上文指明的问题以外，项目还存在更高层次的可用性问题，比如还有若干重要场景（预置模板能力、全局搜索能力及标签合规的审查、规范及纠正功能）的缺失，但是由于时间关系，我们决定将项目分为两个阶段，首先解决界面上的问题，将目前的功能做到易用，后期联合相关团队继续迭代。
1
现阶段的的解决方案
1
✓ 解决方案1：简化用户新建标签流程，一个按钮、一个弹窗轻松搞定。
同一个弹窗里可以同时创建标签键和值，简单易懂。
1
✓ 解决方案2：简化用户绑定资源流程，同一个按钮、同一个弹窗轻松搞定。
创建完标签即时绑定资源，流程简化，无需跳转页面。
1
✓ 解决方案3：标签列表平铺，一目了然。
标签列表按键/值对平铺，并去掉部分非必要列的数据，简化列表内容。
1
✓ 解决方案4：资源页面绑定标签流程简化，易于理解。
将列表内增加标签项，用户可以清晰地看到每个资源所绑定的标签状况。也可以轻松地对标签进行增删修改。弹窗内的编辑样式与创建标签统一，用户使用便捷。
1
1
成效
1
在改版后经过了几次小范围的用户测评，改进后的版本：
✓ 增加了用户使用标签功能的频率及效率。
✓ 增加了用户的总体满意度。用户感觉创建标签更方便。
✓ 增加了用户对标签用途的理解。
1
使用工具
1
我在项目中使用不同的工具进行设计和管理需求进度。
主要使用的设计工具是慕客，它是一个实时协作工具，让我能够快速分享工作进度和项目资源给开发团队，使团队保持任务的步调一致，添加评论，切图标注，用它来制作原型（高保真/低保真）非常方便。
其他使用的项目工具：PS，AI，Xmind以及逃不开的PowerPoint😊。
1
我在项目中的心得体会
1
多沟通，多沟通，多沟通！重要的事情说三遍😊
和工程师、产品经理一同参与到项目中，不同的角色可以带来更多新的视角。每个人都有宝贵的知识可以提供。
我作为一个设计师，在参与项目的时候，往往会将大部分精力都放在界面设计上，但是开发工程师们一般会考虑到更多的功能实现问题，与他们沟通更有利于加深对产品的理解。
