生意管家是淘宝官方商家AI工具，集成了多种AI技术，旨在帮助商家降本提效，尤其在素材生成、数据分析和营销领域。然而，当前的工具对淘宝天猫商家来说，存在较高的使用门槛和理解成本。我们需要通过自然友好的交互将复杂的技术转译为易于理解和操作的功能，使商家能够轻松驾驭AI。此次我们围绕官网首页和AI作图工具重点展开。
▲ 旧版官网问题分析
我们希望通过清晰的能力框架和直观的交互体验让商家看得懂AI，愿意用AI：
▲ 官网前后对比
1. 重构页面框架，拓展内容承载空间：更清晰地传达平台有什么能力
▲ 生意管家不同AI能力
2. 自然且有意义的交互反馈：让商家对AI效果有直观的感知
新版首页不再依赖口号和术语呈现能力，而是通过微动效与鼠标交互反馈，将AI能力以可视、可感的方式“演出来”，引导商家在浏览中主动理解我们的AI能力和效果，我们根据不同ai能力设计了符合其特性的动效，让AI能力表达更直观：
▲ 图像生成动效
▲ 图像编辑动效
▲ 分人群测图动效
▲ 视频生成动效
▲ 文案生成动效
▲ 分人群测图动效
▲ 生意管家官网首页完整演示
除官网首页优化外，我们也对平台内的AI作图工具进行了升级。AI作图工具帮助商家借助AI技术高效生成商品素材，从而实现降本增效。
旧版AI作图工具采用表单式结构，商家需在左侧逐项配置参数，右侧实时预览生成效果。然而，在对商家的行为特征、使用习惯及操作路径进行深入分析后，我们发现旧版工具存在上手门槛高、操作流程繁琐、二次编辑成本较高等实际问题。
基于以上内容，我们通过操作路径清晰、链路完整流畅、交互友好自然、视觉工整简约这四个策略对作图工具链路进行整体改版，满足商家“简单上手、专业高效”的使用诉求，同时深度贴合电商场景，让商家真正用起来。
1. 快速感知工具能力：让商家知道这个功能是做什么的
商家进入AI作图工具页面时，最关心的是哪个工具能实现自己的需求。
旧版中，商家需逐个点击才能看到右侧预览图和长篇介绍，如果想比较多个工具就要来回切换；因此我们希望通过更直观的设计，在进入工具时就清楚展示每个工具能做什么，帮助商家快速判断和上手。
▲ AI作图工具进入态前后对比
模版作为独立步骤强化呈现，并加入电商场景示例和数据参考，提升判断效率；
操作流程调整为线性路径，更易上手；
-
生成结果独立展示，突出重点，优化体验。
▲ 智能穿衣功能配置链路
为了降低商家二次编辑的成本，我们将深度调整和基础编辑能力统一整合到结果页中，使“生成-调整-发布”作图链路闭环。
操作上，我们统一了图片的编辑交互，鼠标悬停即可看到统一的编辑入口，帮助商家建立“所有生成结果均可编辑”的认知。同时，将常用调整操作前置，让商家在生成后能快速进入调整。
▲ 二次编辑链路
除了流程上的闭环，我们在交互细节上也更贴近AI时代“自然友好”的使用方式。
▲ 自然流畅的动效反馈
▲ 支持多模态输入进行二次生成
▲ 智能识别推荐品类 效果可预期
▲ 清晰的生成过程说明 直白易理解的指令
以内容功能为核心，样式为辅助，去除多余的装饰，简单工整。
我们将相同的设计思路应用到其他工具上，尽管各工具侧重点不同，但做法一致：先让商家感知AI可以做到什么效果，然后用交互的引导和信息的主次告诉商家每一步该做什么。
▲ AI作图工具所有功能预览
技术日新月异，设计始终如一
随着ChatGPT-4和Lovart等产品的出现，我们可以明显感受到AI时代产品迭代的速度之快。技术的不断发展相信未来也会有更契合商家需求的AI工具形态。但无论技术形态如何演变，我们始终秉持同一个目标：我们不是要做一个炫酷的AI工具，而是用设计的方式把复杂的智能技术，转译为商家能够理解、上手并真正用得好的工具。
本期作者：商家AI设计 Seven&Sheep
優(yōu)網(wǎng)科技秉承"專(zhuān)業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念，誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶(hù)，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類(lèi)業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門(mén)戶(hù)型、營(yíng)銷(xiāo)商務(wù)型、電子商務(wù)型、信息門(mén)戶(hù)型、微信小程序定制開(kāi)發(fā)、移動(dòng)端應(yīng)用（手機(jī)站、APP開(kāi)發(fā)）、微信定制開(kāi)發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號(hào)：
專(zhuān)屬顧問(wèn)
