AI开发平台—工作台设计分析

B端工作台设计总结

业务：AI开发平台，从模型开发的起始阶段到最终部署应用的整个过程中，为AI算法工程师和数据科学家提供全方位的支持和优化，包括数据模型管理、开发推理服务管理、算力资源和计费等功能。通过整合多个关键环节，使得AI项目的开发、训练、优化和部署变得更加高效和便捷。

旧版的AI开发平台没有工作台，首页是项目列表，页面陈旧，作为产品门面视觉效果差，用户体验差，因此借产品改版的机会，提出增加角色工作台设计（将工作台作为首页，项目页面优化不在本次分析）。

工作台的必要性：作为产品“门面”，提升视觉效果和产品质感；

工作台的重要性：符合AI开发全流程业务，定制设计，AI开发工程师常用高频功能，提高使用效率；信息聚合，提高信息获取效率；

设计目标：视觉优化，提升产品质感；提高操作效率，实时查看平台信息数据，降低用户使用门槛。

虽然工作台只有一个页面，但需要深入了解整个平台的业务和功能，通过用户研究和业务分析，定制合理的功能模块。

经过用户研究和业务分析，用户最常用的功能是项目，项目是开启一个AI开发的入口，因此日常使用频率高达80%，其次是推理服务，推理服务是开发完成的AI应用，用户需要经常发布推理服务验证AI应用的效果；因此将二者作为工作台页面的主要内容区域

整合平台数据，加入数据看板，重要信息一目了然；消息通知模块，重要消息不错过

基于以上分析初步确定工作台的基础功能：我的项目、推理服务、快捷入口、消息通知、数据统计

以上设计围绕业务制定了功能模块，极大提高了操作效率和信息获取效率，但因为该产品有一定专业门槛，新手用户仍不能快速了解产品的主要操作流程，对新手用户不是很友好。

进一步挖掘更多设计机会点，优化设计

为降低用户门槛，考虑设计帮助体系。调研常用的帮助体系的类型（主动式帮助、被动式帮助、自动式帮助）引用链接：个人学习笔记，使用功能聚合、独占式引导、帮助文档、文字提示作为平台的帮助体系，在首页加入功能聚合，其余帮助形式在其他模块展开。

考虑到屏效问题，将功能聚合模块和快捷入口结合，用户在了解使用流程的同时，可以点击每一步快速开始

数据统计需要了解平台的主要信息进行分类，了解用户主要关注的数据。

根据梳理，将数据统计拆分成账户信息、算力资源利用率、数据排行。

账户信息包含该用户的资金概况，

算力资源使用率可以帮助用户合理制定订购决策，充分利用资源避免资金浪费。

数据排行帮助用户了解帮助用户了解资源使用情况和服务运行情况，以便优化决策。

基于以上分析，将优化后的功能模块按照操作频率和重要性排序，左右布局，按照视觉动线，重要性从左上到右下依次降低。左侧快捷入口优先，其次是项目和推理服务，数据排行次之；右侧从上到下分别为个人账户、资源利用率、消息通知。

页面风格：z轴扩展，拉开背景和内容层次，模块化布局，卡片设计

卡片设计：统一倒角=4，避免大圆角不符合科技产品的特质

色彩：定义主色调和辅助色，字体梯度色值

自动布局：1440和1920之间设置2个断点，左侧和右侧分别缩放。

提取关键信息，增加信息对比

关键信息前置，增加项目下训练和推理的数量，以及各自的运行状态，无需点击详情即可了解该类信息；

启动开发环境按钮前置，用户可以快速启动环境，提高开发效率

不常用操作隐藏，编辑、删除功能不常用，使用时可点击展开操作。

和项目卡片风格保持一致，提取关键信息，服务链接使用超链接色，点击直达，同时提供复制按钮，可以复制后粘贴在任意浏览器打开，为用户提供灵活的操作方式。

计费服务表示正在运行计费的服务，可以提醒用户后台正在计费的服务，防止资金后台流失。

资源使用率包含5类，使用不同颜色区分资源利用率的高低，提高信息获取效率。

PS：站酷的排版是我见过最难用的，这点内容弄了半天排版还有问题，附语雀链接：https://www.yuque.com/g/u28153308/td6v99/mnieyaxezge5lxe9/collaborator/join?token=U4lrL3GNX9WFLzV1&source=doc_collaborator# 《AI开发平台—工作台设计分析》