before:单页面内视觉重点过多,内容缺乏主次之分
After:收拢重色使用,轻量化页面视觉,突出重点内容
面对智谱新产品快速迭代、多场景并行上线、体验问题逐步显现的现状
目前 Coding Plan 套餐管理页存在的问题
before:单页面内视觉重点过多,内容缺乏主次之分
After:收拢重色使用,轻量化页面视觉,突出重点内容
before:套餐管理卡片配色厚重陈旧,数据条颜色不一致
After:轻量化配色管理卡片,降低视觉厚重感,统一数据条配色
before:同类内容且操作低频,直接铺开占据空间,影响功能扩展
After:归类内容,整合收拢在下拉浮层内
before:IP 白名单属于不重要且低频操作,独立占据页面右上位置
After:将 IP 白名单与超额按量付费归类放置,方便操作,充分利用页面空间
before:申请列表以弹窗形式出现,阻断用户操作,且弹窗空间有限,信息内容展示不全
After:优化后以 Tab 形式展现,操作便捷,同时可完整展现全部内容
before:列表缺少筛选、排序能力,整体操作效率低,管理成本高
After:增加筛选、排序能力,提高管理便捷度和效率
before:设置 IP 白名单仅有删除操作,暂停 IP 必须通过删除完成,体验不便
After:增加状态,提供暂停 IP 使用;提供名称字段,方便 IP 归类管理
before:添加成员与邀请成员功能相邻且文案混乱,容易让用户产生误解
After:文案收拢入口统一为添加成员,调整为单个添加与链接邀请,表意与实际功能一致