「AI 麦可」设计复盘
2023年11月27日
复盘目录
背景
目标
设计过程
体验跟踪
1 背景
AI当前如火如荼，正以惊人的速度改变着我们的生活和工作方式。我们产品设计团队也在探索如何借助AI的能力，提供高效、实用、符合外贸场景的解决方案，提升用户全链路的场景体验。
在过去一年，我们推出了「AI麦可」，一款面向供应商用户的智能化工具，旨在帮助用户提高日常办公效率并拓展生意机会。从用户需求出发，我们经历了两次大的升级迭代，8月份，麦可3.0正式上线，在这个版本中，麦可具备自动化、批量化处理任务的能力，从“工具”向供应商的“数字员工”方向发展。
敏捷开发的幕后，有一群有趣的设计师们在幕后贡献新时代AI产品的设计方案。
2 目标
我们围绕在核心功能下为提供智能化工具，帮助供应商降本增效的用户目标，结合当时市场上，AI应用的普及率较低，大部分用户未接触过AI应用、存在一定学习和操作成本的实际情况，推导得到我们的设计目标：提供易懂、易操作的用户界面，并尽量减少对现有业务和页面流程的影响。
3 设计过程
AI麦可的产品可以分成两个分支：麦可平台 + Visual Office “插件”。前者是一个相对独立的AI应用工具平台，平台内仪表盘（首页）、操作台、工具箱、运行日志等构成一个完整的信息系统；后者依托现有业务操作体系，辅助用户完成日常操作。两者之间数据完全互通，只是应用场景有别。
3.1 Visual Office “插件”
我们希望 AI 麦可能在平台供应商的日常工作中，可以陪伴用户发挥作用。考虑到供应商日常使用电脑端浏览器登录平台系统，在界面框架的设计时，我们对比了在浏览器界面中使用分屏式、浮层式和多窗口UI框架，结合业务背景最终选用浮层式。
这种浮层式设计的考量，有以下几个优势：
做为全新的业务，希望以较低的成本进行尝试。浮层能最大程度地减少对原有页面的改动，兼容VO中的绝大部分页面。
在功能引导上，浮层能够在适当的时候进行主动引导。
浮层的形态可以根据用户设备、状态、内容进行变化，拓展性更佳。
用户登录供应商VO后，可以在自己需要的时候点击界面上 AI麦可 “浮点” 来唤起AI麦可；用户聚焦在VO本身的操作上时， AI麦可 “浮点” 会自动收起。
结合麦可的拟人化形象，通过气泡引导用户使用对应功能。设计师们在麦可IP形象的基础上，给AI麦可附加上一些拟人化的设计，让人工智能这样的概念，以更可爱的方式传递给供应商。
为了积极地向用户推介AI，我们通过浮层面板的设计，直观地把功能推介给用户。在可使用麦可功能的页面中，通过菜单形式将功能进行聚合展示和调用，依据用户当前处在的业务场景进行精准推荐。保证用户在需要AI的时候，看得到，用得上。
在设计的过程中，我们也考虑过和市面上其他的AI的设计形式一样，用对话式的交互方式设计AI工具；根据平台供应商的实际工作场景，我们认为在应对多种类型的内容操作，效率为王。表单能够一次平铺更多个信息，减少步骤和功能引导。通过减少操作步骤，设计简洁的按钮操作，让不熟悉“AI”的用户也可以快速上手，无需再去熟悉对话式交互。
对于B端交互设计而言，形式追随效率。
3.2 麦可平台
为了使 AI麦可 可以在不影响主站业务的情况下开发，我们设计了专门的麦可平台，开辟 mai 的新域名。平台拥有相对完整的信息结构，承载了AI麦可的数字人功能，并集中统计、管理帐户的AI使用历史。用户可以在不登录供应商VO的情况下，单独使用麦可平台上的AI工具和操作指令。
相对于依托在VO中的AI工具来说，我们希望平台的设计可以更加体现“数字员工”的设计理念。那么数字员工应该具备怎样的能力？如何找到具体可落地的应用场景？在内部进行了头脑风暴后，我们找到了“自动化”和“批量化”这两个关键词。
3.2.1 仪表盘
我们对平台首页的定义是智能化的“仪表盘”。为了突出了 AI 麦可 的智能化特征，它不仅能够主动“汇报工作”，还提供同行信息和生意指导。从麦可 2.0 版本按功能统计的设计，我们升级到了麦可 3.0 版本按工作类型和场景统计，以提供更加简明的信息。
3.2.2 操作台
基于自动化和批量化关键词，我们提出了“操作台”这一概念，囊括多种数字员工场景。
有两种基本的产品设计方向：第一种是允许用户自定义工作流程，这也是大多数自动化类效率软件（例如Power Automate）的处理方式，让用户根据个人工作习惯自由组合 AI 功能，形成独特的工作流。另一种方式是我们预先定义各种工作场景，供应商只需选择所需场景，即可一键实现自动化运行。
最终，在易用性的考量下，我们选择了后者。通过预先设定好的工作流程，尽可能不让用户过多思考，交给程序去判断。
目前在操作台，支持一键自动化运行的场景有“AI发品”、“询盘跟进”、“AI接待”等。开启后，AI麦可 会自动完成任务，甚至是批量的任务也不在话下。这样的设计，正好发挥了软件的优势——执行简单重复的批量任务；借助AI，甚至可以针对买家的特性，自动生成相匹配的咨询回复等。
3.2.3「One Button」
通过 AI 驱动的一键自动化逻辑，我们实现了交互上的"One Button"设计形态。用户无需像传统的自动化效率软件那样反复调整参数或设置判断语句。只需通过一个按钮，配置1-2个简单偏好，就可以在界面上等待AI运行的结果。
4 体验跟踪
AI 产品的用户体验跟进也是一件颇有挑战的事情，作为一种全新类型的软件产品， 观察用户的实际使用体验很必要。我们的用户体验跟进包括内部体验观察、线上用户反馈和天使客户调研。
我们调动了产品设计中心内部全员参与内部体验走查，获得158条优化建议；调动设计师们参与走查，获得62条优化建议。有超过50%的建议被采纳，并在后续版本中优化上线。
天使客户调研的体验活动是另一个重点，体验活动为期4周。在开发出的二十余个AI工具中，按 AI 应用场景分类，每周引导参与的天使客户集中体验并通过问卷、社群反馈。产品设计团队会对遇到的紧急问题及时跟进。
活动对所有 AI 工具进行了功能满意度打分，并且排查、解答了六十余个客户疑问，为线上体验保驾护航。
用户的细致反馈和天使客户的感谢让我们备感温暖，激励我们不断优化体验，探索新的 AI 产品设计思路，为外贸领域提供更智能的解决方案。
「AI 麦可」设计复盘
2023年11月27日
复盘目录
背景
目标
设计过程
体验跟踪
1 背景
AI当前如火如荼，正以惊人的速度改变着我们的生活和工作方式。我们产品设计团队也在探索如何借助AI的能力，提供高效、实用、符合外贸场景的解决方案，提升用户全链路的场景体验。
在过去一年，我们推出了「AI麦可」，一款面向供应商用户的智能化工具，旨在帮助用户提高日常办公效率并拓展生意机会。从用户需求出发，我们经历了两次大的升级迭代，8月份，麦可3.0正式上线，在这个版本中，麦可具备自动化、批量化处理任务的能力，从“工具”向供应商的“数字员工”方向发展。
敏捷开发的幕后，有一群有趣的设计师们在幕后贡献新时代AI产品的设计方案。
2 目标
我们围绕在核心功能下为提供智能化工具，帮助供应商降本增效的用户目标，结合当时市场上，AI应用的普及率较低，大部分用户未接触过AI应用、存在一定学习和操作成本的实际情况，推导得到我们的设计目标：提供易懂、易操作的用户界面，并尽量减少对现有业务和页面流程的影响。
3 设计过程
AI麦可的产品可以分成两个分支：麦可平台 + Visual Office “插件”。前者是一个相对独立的AI应用工具平台，平台内仪表盘（首页）、操作台、工具箱、运行日志等构成一个完整的信息系统；后者依托现有业务操作体系，辅助用户完成日常操作。两者之间数据完全互通，只是应用场景有别。
3.1 Visual Office “插件”
我们希望 AI 麦可能在平台供应商的日常工作中，可以陪伴用户发挥作用。考虑到供应商日常使用电脑端浏览器登录平台系统，在界面框架的设计时，我们对比了在浏览器界面中使用分屏式、浮层式和多窗口UI框架，结合业务背景最终选用浮层式。
这种浮层式设计的考量，有以下几个优势：
做为全新的业务，希望以较低的成本进行尝试。浮层能最大程度地减少对原有页面的改动，兼容VO中的绝大部分页面。
在功能引导上，浮层能够在适当的时候进行主动引导。
浮层的形态可以根据用户设备、状态、内容进行变化，拓展性更佳。
用户登录供应商VO后，可以在自己需要的时候点击界面上 AI麦可 “浮点” 来唤起AI麦可；用户聚焦在VO本身的操作上时， AI麦可 “浮点” 会自动收起。
结合麦可的拟人化形象，通过气泡引导用户使用对应功能。设计师们在麦可IP形象的基础上，给AI麦可附加上一些拟人化的设计，让人工智能这样的概念，以更可爱的方式传递给供应商。
为了积极地向用户推介AI，我们通过浮层面板的设计，直观地把功能推介给用户。在可使用麦可功能的页面中，通过菜单形式将功能进行聚合展示和调用，依据用户当前处在的业务场景进行精准推荐。保证用户在需要AI的时候，看得到，用得上。
在设计的过程中，我们也考虑过和市面上其他的AI的设计形式一样，用对话式的交互方式设计AI工具；根据平台供应商的实际工作场景，我们认为在应对多种类型的内容操作，效率为王。表单能够一次平铺更多个信息，减少步骤和功能引导。通过减少操作步骤，设计简洁的按钮操作，让不熟悉“AI”的用户也可以快速上手，无需再去熟悉对话式交互。
对于B端交互设计而言，形式追随效率。
3.2 麦可平台
为了使 AI麦可 可以在不影响主站业务的情况下开发，我们设计了专门的麦可平台，开辟 mai 的新域名。平台拥有相对完整的信息结构，承载了AI麦可的数字人功能，并集中统计、管理帐户的AI使用历史。用户可以在不登录供应商VO的情况下，单独使用麦可平台上的AI工具和操作指令。
相对于依托在VO中的AI工具来说，我们希望平台的设计可以更加体现“数字员工”的设计理念。那么数字员工应该具备怎样的能力？如何找到具体可落地的应用场景？在内部进行了头脑风暴后，我们找到了“自动化”和“批量化”这两个关键词。
3.2.1 仪表盘
我们对平台首页的定义是智能化的“仪表盘”。为了突出了 AI 麦可 的智能化特征，它不仅能够主动“汇报工作”，还提供同行信息和生意指导。从麦可 2.0 版本按功能统计的设计，我们升级到了麦可 3.0 版本按工作类型和场景统计，以提供更加简明的信息。
3.2.2 操作台
基于自动化和批量化关键词，我们提出了“操作台”这一概念，囊括多种数字员工场景。
有两种基本的产品设计方向：第一种是允许用户自定义工作流程，这也是大多数自动化类效率软件（例如Power Automate）的处理方式，让用户根据个人工作习惯自由组合 AI 功能，形成独特的工作流。另一种方式是我们预先定义各种工作场景，供应商只需选择所需场景，即可一键实现自动化运行。
最终，在易用性的考量下，我们选择了后者。通过预先设定好的工作流程，尽可能不让用户过多思考，交给程序去判断。
目前在操作台，支持一键自动化运行的场景有“AI发品”、“询盘跟进”、“AI接待”等。开启后，AI麦可 会自动完成任务，甚至是批量的任务也不在话下。这样的设计，正好发挥了软件的优势——执行简单重复的批量任务；借助AI，甚至可以针对买家的特性，自动生成相匹配的咨询回复等。
3.2.3「One Button」
通过 AI 驱动的一键自动化逻辑，我们实现了交互上的"One Button"设计形态。用户无需像传统的自动化效率软件那样反复调整参数或设置判断语句。只需通过一个按钮，配置1-2个简单偏好，就可以在界面上等待AI运行的结果。
4 体验跟踪
AI 产品的用户体验跟进也是一件颇有挑战的事情，作为一种全新类型的软件产品， 观察用户的实际使用体验很必要。我们的用户体验跟进包括内部体验观察、线上用户反馈和天使客户调研。
我们调动了产品设计中心内部全员参与内部体验走查，获得158条优化建议；调动设计师们参与走查，获得62条优化建议。有超过50%的建议被采纳，并在后续版本中优化上线。
天使客户调研的体验活动是另一个重点，体验活动为期4周。在开发出的二十余个AI工具中，按 AI 应用场景分类，每周引导参与的天使客户集中体验并通过问卷、社群反馈。产品设计团队会对遇到的紧急问题及时跟进。
活动对所有 AI 工具进行了功能满意度打分，并且排查、解答了六十余个客户疑问，为线上体验保驾护航。
用户的细致反馈和天使客户的感谢让我们备感温暖，激励我们不断优化体验，探索新的 AI 产品设计思路，为外贸领域提供更智能的解决方案。
「AI 麦可」设计复盘
2023年11月27日
复盘目录
背景
目标
设计过程
体验跟踪
1 背景
AI当前如火如荼，正以惊人的速度改变着我们的生活和工作方式。我们产品设计团队也在探索如何借助AI的能力，提供高效、实用、符合外贸场景的解决方案，提升用户全链路的场景体验。
在过去一年，我们推出了「AI麦可」，一款面向供应商用户的智能化工具，旨在帮助用户提高日常办公效率并拓展生意机会。从用户需求出发，我们经历了两次大的升级迭代，8月份，麦可3.0正式上线，在这个版本中，麦可具备自动化、批量化处理任务的能力，从“工具”向供应商的“数字员工”方向发展。
敏捷开发的幕后，有一群有趣的设计师们在幕后贡献新时代AI产品的设计方案。
2 目标
我们围绕在核心功能下为提供智能化工具，帮助供应商降本增效的用户目标，结合当时市场上，AI应用的普及率较低，大部分用户未接触过AI应用、存在一定学习和操作成本的实际情况，推导得到我们的设计目标：提供易懂、易操作的用户界面，并尽量减少对现有业务和页面流程的影响。
3 设计过程
AI麦可的产品可以分成两个分支：麦可平台 + Visual Office “插件”。前者是一个相对独立的AI应用工具平台，平台内仪表盘（首页）、操作台、工具箱、运行日志等构成一个完整的信息系统；后者依托现有业务操作体系，辅助用户完成日常操作。两者之间数据完全互通，只是应用场景有别。
3.1 Visual Office “插件”
我们希望 AI 麦可能在平台供应商的日常工作中，可以陪伴用户发挥作用。考虑到供应商日常使用电脑端浏览器登录平台系统，在界面框架的设计时，我们对比了在浏览器界面中使用分屏式、浮层式和多窗口UI框架，结合业务背景最终选用浮层式。
这种浮层式设计的考量，有以下几个优势：
做为全新的业务，希望以较低的成本进行尝试。浮层能最大程度地减少对原有页面的改动，兼容VO中的绝大部分页面。
在功能引导上，浮层能够在适当的时候进行主动引导。
浮层的形态可以根据用户设备、状态、内容进行变化，拓展性更佳。
用户登录供应商VO后，可以在自己需要的时候点击界面上 AI麦可 “浮点” 来唤起AI麦可；用户聚焦在VO本身的操作上时， AI麦可 “浮点” 会自动收起。
结合麦可的拟人化形象，通过气泡引导用户使用对应功能。设计师们在麦可IP形象的基础上，给AI麦可附加上一些拟人化的设计，让人工智能这样的概念，以更可爱的方式传递给供应商。
为了积极地向用户推介AI，我们通过浮层面板的设计，直观地把功能推介给用户。在可使用麦可功能的页面中，通过菜单形式将功能进行聚合展示和调用，依据用户当前处在的业务场景进行精准推荐。保证用户在需要AI的时候，看得到，用得上。
在设计的过程中，我们也考虑过和市面上其他的AI的设计形式一样，用对话式的交互方式设计AI工具；根据平台供应商的实际工作场景，我们认为在应对多种类型的内容操作，效率为王。表单能够一次平铺更多个信息，减少步骤和功能引导。通过减少操作步骤，设计简洁的按钮操作，让不熟悉“AI”的用户也可以快速上手，无需再去熟悉对话式交互。
对于B端交互设计而言，形式追随效率。
3.2 麦可平台
为了使 AI麦可 可以在不影响主站业务的情况下开发，我们设计了专门的麦可平台，开辟 mai 的新域名。平台拥有相对完整的信息结构，承载了AI麦可的数字人功能，并集中统计、管理帐户的AI使用历史。用户可以在不登录供应商VO的情况下，单独使用麦可平台上的AI工具和操作指令。
相对于依托在VO中的AI工具来说，我们希望平台的设计可以更加体现“数字员工”的设计理念。那么数字员工应该具备怎样的能力？如何找到具体可落地的应用场景？在内部进行了头脑风暴后，我们找到了“自动化”和“批量化”这两个关键词。
3.2.1 仪表盘
我们对平台首页的定义是智能化的“仪表盘”。为了突出了 AI 麦可 的智能化特征，它不仅能够主动“汇报工作”，还提供同行信息和生意指导。从麦可 2.0 版本按功能统计的设计，我们升级到了麦可 3.0 版本按工作类型和场景统计，以提供更加简明的信息。
3.2.2 操作台
基于自动化和批量化关键词，我们提出了“操作台”这一概念，囊括多种数字员工场景。
有两种基本的产品设计方向：第一种是允许用户自定义工作流程，这也是大多数自动化类效率软件（例如Power Automate）的处理方式，让用户根据个人工作习惯自由组合 AI 功能，形成独特的工作流。另一种方式是我们预先定义各种工作场景，供应商只需选择所需场景，即可一键实现自动化运行。
最终，在易用性的考量下，我们选择了后者。通过预先设定好的工作流程，尽可能不让用户过多思考，交给程序去判断。
目前在操作台，支持一键自动化运行的场景有“AI发品”、“询盘跟进”、“AI接待”等。开启后，AI麦可 会自动完成任务，甚至是批量的任务也不在话下。这样的设计，正好发挥了软件的优势——执行简单重复的批量任务；借助AI，甚至可以针对买家的特性，自动生成相匹配的咨询回复等。
3.2.3「One Button」
通过 AI 驱动的一键自动化逻辑，我们实现了交互上的"One Button"设计形态。用户无需像传统的自动化效率软件那样反复调整参数或设置判断语句。只需通过一个按钮，配置1-2个简单偏好，就可以在界面上等待AI运行的结果。
4 体验跟踪
AI 产品的用户体验跟进也是一件颇有挑战的事情，作为一种全新类型的软件产品， 观察用户的实际使用体验很必要。我们的用户体验跟进包括内部体验观察、线上用户反馈和天使客户调研。
我们调动了产品设计中心内部全员参与内部体验走查，获得158条优化建议；调动设计师们参与走查，获得62条优化建议。有超过50%的建议被采纳，并在后续版本中优化上线。
天使客户调研的体验活动是另一个重点，体验活动为期4周。在开发出的二十余个AI工具中，按 AI 应用场景分类，每周引导参与的天使客户集中体验并通过问卷、社群反馈。产品设计团队会对遇到的紧急问题及时跟进。
活动对所有 AI 工具进行了功能满意度打分，并且排查、解答了六十余个客户疑问，为线上体验保驾护航。
用户的细致反馈和天使客户的感谢让我们备感温暖，激励我们不断优化体验，探索新的 AI 产品设计思路，为外贸领域提供更智能的解决方案。
©️ 2023 LI DONG LIN
©️ 2023 LI DONG LIN
©️ 2023 LI DONG LIN