广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

淘宝AI官网换掉老土的科技蓝后,高级多了

发布日期:2025-06-28 11:19:03 浏览次数: 813 来源:体验进阶
推荐语
淘宝AI官网全新升级,用直观交互和动效设计让商家轻松驾驭AI能力,降本增效更简单。

核心内容:
1. 官网首页重构:通过清晰框架和动态交互直观展示AI能力
2. AI作图工具升级:优化操作路径和电商场景模板提升使用效率
3. 设计策略解析:从商家行为特征出发打造自然友好的智能工具体验
小优 网站建设顾问
专业来源于二十年的积累,用心让我们做到更好!



引言

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


官网首页设计

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

▲ 旧版官网问题分析


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


▲ 官网前后对比


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


▲ 生意管家不同AI能力


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


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


▲ 图像生成动效


▲ 图像编辑动效


▲ 分人群测图动效


▲ 视频生成动效


▲ 文案生成动效


▲ 分人群测图动效


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



AI作图工具升级

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


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




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




#01
操作路径清晰

1. 快速感知工具能力:让商家知道这个功能是做什么的


商家进入AI作图工具页面时,最关心的是哪个工具能实现自己的需求


旧版中,商家需逐个点击才能看到右侧预览图和长篇介绍,如果想比较多个工具就要来回切换;因此我们希望通过更直观的设计,在进入工具时就清楚展示每个工具能做什么,帮助商家快速判断和上手。


▲ AI作图工具进入态前后对比


2. 重置布局动线 强化可预期模版:让商家知道能做成什么效果,从哪里开始

商家进入配置面板后会注意到生成图像存在次数限制和可能的付费,因此效果和操作体验直接影响使用意愿。针对旧版模版空间少、操作不够流畅、内容不够贴合电商场景的问题,我们对页面结构做了优化:

  • 模版作为独立步骤强化呈现,并加入电商场景示例和数据参考,提升判断效率;
  • 操作流程调整为线性路径,更易上手;
  • 生成结果独立展示,突出重点,优化体验。


▲  智能穿衣功能配置链路


#02
节点衔接连贯

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


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


▲  二次编辑链路


#03
交互自然友好

除了流程上的闭环,我们在交互细节上也更贴近AI时代“自然友好”的使用方式。


▲  自然流畅的动效反馈


▲  支持多模态输入进行二次生成


▲  智能识别推荐品类 效果可预期


▲  清晰的生成过程说明 直白易理解的指令



#04
视觉工整简约

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




#05
框架体验一致

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


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




结语

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

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

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询