Storj卫星UI中对象锁功能的优化实践

背景介绍

在分布式存储系统Storj的卫星管理界面中，对象锁(Object Lock)是一项重要的数据保护功能。它允许用户为存储桶(Bucket)设置数据保留策略，防止对象在特定时间段内被意外删除或修改。然而，现有UI设计在对象锁功能的可视化展示和操作流程上存在一些可用性问题。

现有问题分析

当前版本存在两个主要问题：

1. 可视化区分不足：用户无法直观区分已启用对象锁的版本化存储桶和未启用锁的版本化存储桶。要确认这一信息，必须打开隐藏在子菜单中的"存储桶详情"对话框。

2. 默认模式选择不明确：在启用对象锁时，界面没有清晰表明"无默认模式"是一个有效选项。这可能导致用户误以为必须选择默认锁定模式(治理或合规)。

优化方案详解

1. 存储桶列表增强

在存储桶表格中新增"锁状态"列，通过直观的图标展示每个存储桶的对象锁状态。当鼠标悬停在锁图标上时，会显示工具提示，详细说明默认锁定模式(如"治理模式/1年保留期"或"无默认模式")。

2. 上下文菜单优化

在存储桶的上下文子菜单中，根据对象锁状态动态显示不同选项：

• 对于未启用锁的存储桶，显示"启用锁"
• 对于已启用锁的存储桶，显示"锁设置"

这种动态标签使功能状态一目了然，减少了用户的认知负担。

3. 锁设置对话框改进

在锁设置对话框中新增明确的状态提示："此存储桶的对象锁已启用/禁用"。同时，在设置界面和存储桶创建流程中，增加了"无默认模式"选项，并将其设计为芯片式(Chip)控件。

4. 交互流程优化

为确保用户明确选择，要求必须在三个选项中选择其一：

• 无默认模式
• 治理模式
• 合规模式

在新建存储桶流程中，默认选中"无默认模式"选项，既保持了灵活性，又避免了强制用户做出不必要选择。

技术实现要点

这种优化涉及前端组件的多个层面：

1. 表格列扩展：需要在存储桶列表组件中添加新的状态列
2. 动态菜单：根据存储桶元数据动态生成上下文菜单项
3. 对话框重构：增强锁设置对话框的信息展示和交互逻辑
4. 表单验证：确保在提交前必须选择一种锁定模式选项

用户体验提升

这些改进显著提升了几个关键用户体验指标：

• 可发现性：通过表格列和动态菜单，对象锁状态变得一目了然
• 操作明确性：消除了关于默认模式选择的歧义
• 操作效率：减少了确认锁状态所需的操作步骤
• 决策支持：通过工具提示提供上下文信息，帮助用户理解当前配置

总结

通过对Storj卫星UI中对象锁功能的这一系列优化，不仅解决了现有的可用性问题，还提升了整体用户体验。这种改进展示了如何通过细致的UI设计解决技术功能的可发现性和操作明确性问题，是技术产品用户体验优化的典型案例。