产品体验

Product Experience

面对智谱新产品快速迭代、多场景并行上线、体验问题逐步显现的现状

如何补齐产品体验短板,建立可持续的设计价值

让产品从可用走向好用

目前 Coding Plan 套餐管理页存在的问题

  1. 01界面内容冗余,不统一,增加用户理解成本
  2. 02功能分散,操作便利性差
  3. 03基础能力缺失,用户使用管理效率低
  4. 04文案表意错误,误导用户理解

界面内容冗余,不统一,增加用户理解成本

before:单页面内视觉重点过多,内容缺乏主次之分

After:收拢重色使用,轻量化页面视觉,突出重点内容

Coding Plan 套餐页改版前后视觉层级对比

before:套餐管理卡片配色厚重陈旧,数据条颜色不一致

After:轻量化配色管理卡片,降低视觉厚重感,统一数据条配色

Coding Plan 套餐卡片配色改版前后对比

before:同类内容且操作低频,直接铺开占据空间,影响功能扩展

After:归类内容,整合收拢在下拉浮层内

Coding Plan 低频内容收拢改版前后对比

功能分散 操作便利性差

before:IP 白名单属于不重要且低频操作,独立占据页面右上位置

After:将 IP 白名单与超额按量付费归类放置,方便操作,充分利用页面空间

Coding Plan IP 白名单入口改版前后对比

before:申请列表以弹窗形式出现,阻断用户操作,且弹窗空间有限,信息内容展示不全

After:优化后以 Tab 形式展现,操作便捷,同时可完整展现全部内容

Coding Plan 申请列表改版前后对比

功能缺失,文案表意错误

before:列表缺少筛选、排序能力,整体操作效率低,管理成本高

After:增加筛选、排序能力,提高管理便捷度和效率

Coding Plan 列表筛选排序能力改版前后对比

before:设置 IP 白名单仅有删除操作,暂停 IP 必须通过删除完成,体验不便

After:增加状态,提供暂停 IP 使用;提供名称字段,方便 IP 归类管理

Coding Plan IP 状态管理改版前后对比

before:添加成员与邀请成员功能相邻且文案混乱,容易让用户产生误解

After:文案收拢入口统一为添加成员,调整为单个添加与链接邀请,表意与实际功能一致

Coding Plan 成员邀请文案改版前后对比