02 / 设计系统 / SaaS 平台

Design System for SAAS Platform

这个项目主要记录了我作为该产品线唯一设计师,如何面对一条规模较大的 SaaS 产品线进行设计规划、问题分析和持续优化。设计工作并不局限于单个页面,而是从基础设施(Infra)到用户界面的完整使用流程展开。

设计系统组件总览,展示控件、状态和反馈模式

项目背景

项目初期,我梳理了覆盖 Infra 全流程的产品结构,并对不同环节进行数据分析。同时,我持续收集用户在实际使用过程中的反馈,并借助 AI 对用户问题进行整理、分类和统计,找出用户最集中咨询、使用频率最高的问题。 随后,我将这些问题重新标注到完整的用户使用流程中,从而定位产品中体验较薄弱的环节,并根据问题的影响范围和优先级,将其纳入后续的产品优化计划。通过这种方式,设计工作从单点页面优化延伸到了基于用户问题和数据的持续产品改进。

设计系统日期与时间控件示例
设计系统表单输入和选择控件示例
设计系统表单校验、错误和提交状态示例
设计系统数据表格、状态和分页示例
设计系统颜色 Token 和无障碍对比度示例