引言

生意管家是淘宝官方商家AI工具，集成了多种AI技术，旨在帮助商家降本提效，尤其在素材生成、数据分析和营销领域。然而，当前的工具对淘宝天猫商家来说，存在较高的使用门槛和理解成本。我们需要通过自然友好的交互将复杂的技术转译为易于理解和操作的功能，使商家能够轻松驾驭AI。此次我们围绕官网首页和AI作图工具重点展开。

官网首页设计

作为商家接触平台的第一道窗口，旧版官网使用传统的功能模块堆叠，商家难理解具体AI的功能怎么用以及效果如何，同时视觉语言缺乏科技感和智能感，商家难以从视觉和交互中感受到这是一个智能驱动的工具平台。

▲ 旧版官网问题分析

我们希望通过清晰的能力框架和直观的交互体验让商家看得懂AI，愿意用AI：

▲ 官网前后对比

1. 重构页面框架，拓展内容承载空间：更清晰地传达平台有什么能力

▲ 生意管家不同AI能力

2. 自然且有意义的交互反馈：让商家对AI效果有直观的感知

新版首页不再依赖口号和术语呈现能力，而是通过微动效与鼠标交互反馈，将AI能力以可视、可感的方式“演出来”，引导商家在浏览中主动理解我们的AI能力和效果，我们根据不同ai能力设计了符合其特性的动效，让AI能力表达更直观：

▲ 图像生成动效

▲ 图像编辑动效

▲ 分人群测图动效

▲ 视频生成动效

▲ 文案生成动效

▲ 分人群测图动效

以下视频来源于

淘宝设计

▲ 生意管家官网首页完整演示

AI作图工具升级

除官网首页优化外，我们也对平台内的AI作图工具进行了升级。AI作图工具帮助商家借助AI技术高效生成商品素材，从而实现降本增效。

旧版AI作图工具采用表单式结构，商家需在左侧逐项配置参数，右侧实时预览生成效果。然而，在对商家的行为特征、使用习惯及操作路径进行深入分析后，我们发现旧版工具存在上手门槛高、操作流程繁琐、二次编辑成本较高等实际问题。

基于以上内容，我们通过操作路径清晰、链路完整流畅、交互友好自然、视觉工整简约这四个策略对作图工具链路进行整体改版，满足商家“简单上手、专业高效”的使用诉求，同时深度贴合电商场景，让商家真正用起来。

02

节点衔接连贯

为了降低商家二次编辑的成本，我们将深度调整和基础编辑能力统一整合到结果页中，使“生成-调整-发布”作图链路闭环。

操作上，我们统一了图片的编辑交互，鼠标悬停即可看到统一的编辑入口，帮助商家建立“所有生成结果均可编辑”的认知。同时，将常用调整操作前置，让商家在生成后能快速进入调整。

▲ 二次编辑链路

04

视觉工整简约

以内容功能为核心，样式为辅助，去除多余的装饰，简单工整。

#05

框架体验一致

我们将相同的设计思路应用到其他工具上，尽管各工具侧重点不同，但做法一致：先让商家感知AI可以做到什么效果，然后用交互的引导和信息的主次告诉商家每一步该做什么。

▲ AI作图工具所有功能预览

结语

技术日新月异，设计始终如一

随着ChatGPT-4和Lovart等产品的出现，我们可以明显感受到AI时代产品迭代的速度之快。技术的不断发展相信未来也会有更契合商家需求的AI工具形态。但无论技术形态如何演变，我们始终秉持同一个目标：我们不是要做一个炫酷的AI工具，而是用设计的方式把复杂的智能技术，转译为商家能够理解、上手并真正用得好的工具。