2022

Role

用户体验设计实习生

Services

用户访谈

用户体验设计

用户界面设计

原型设计

Collaborators

Yingying Sun

Jaeyon Lee

微软 Web PubSub 登录页

Azure Web PubSub 项目标志着推进实时消息服务的关键倡议,旨在改变数据在网络和移动平台上的共享方式。作为该领域的领先实体,Azure Web PubSub 专注于通过突出其复杂的技术特点来提升其数字存在,特别是那些面向元宇宙的特点。

这一努力涉及对登陆页面的全面改造,以强调最新的增强功能和特性。重新设计优先考虑用户体验,结合响应式设计元素,突显了 Azure Web PubSub 的尖端技术。

作为设计师,我的责任是开发和执行一个不仅在美学上吸引人,而且在功能上也极其有效的设计。我确保登陆页面有效地传达了服务的价值和能力,简化用户对如何满足其需求的理解。

我们面临的问题

当前的登陆页面未能突出最新更新

当前的着陆页面未能突出显示 Azure Web PubSub 的最新技术能力更新及其旨在支持元宇宙的新功能。

最近登录页面用户流量明显减少

最近,着陆页的用户流量明显减少,转换率未能达到我们的预期。我们需要实施策略来提高客户转换率。

团队中的成员对AR/VR设计并不熟悉

为了演示最新的产品功能,我必须在有限的时间内从零开始学习Unity和AR/VR开发。

结果

增加用户流量6-7%

"自网站重新启动以来,着陆页的访客人数每月增加了6-7%。团队热切期待吸引更多潜在用户使用Web PubSub的服务。"

从零到一构建元宇宙演示

我在三个月内学习了Unity设计和开发,并从零开始构建了我们的第一个元宇宙演示。

用户访谈

“主要通过内部推荐,少量通过客户自我提名。”

—— FastTrack Team, EU

“FastTrack希望能够在客户之前了解Azure服务。如果文档能够帮助他们快速建立一个心理模型,并提供快速实践经验的方法,那将是非常好的。”

—— FastTrack Team, EU

“在技术的世界里,工程师们不想与销售人员交谈……我们不是在购买洗发水或肥皂来看看哪个更便宜。我们想了解技术应该如何为我们工作,以及如何使用它。”

—— Action Technology Group, UK

设计挑战

  1. 我们如何与内部咨询小组保持更新
  1. 我们是如何劝说我们的潜在工程客户信任我们的产品的
  1. 我们如何为我们的消费者提供即时支持?

桌面研究

在确定设计方向后,我开始进行竞争品牌分析。这涉及到仔细研究几家提供类似实时消息服务的服务提供商,特别是 ably 和 PubNub。我的分析侧重于识别它们网站上展示的功能,观察设计和布局,以了解它们如何满足用户的需求和疑问。此外,我还对 Azure Web PubSub 网站的功能进行了分类。这让我能够以清晰明了的方式直接比较 Azure Web PubSub 的优势和劣势。

设计方案

设计方案

通过分析客户反馈和用户研究,我们清楚地了解到我们的主要用户由两个独立的类别组成:管理者,他们负责购买选择,以及工程师,他们负责相关的实施。因此,解决方案专注于解决紧迫的问题:'Web PubSub是什么,它的应用是什么?' 和 '第一步是什么?' 我的目标是显著提高服务登陆页面的可导航性。

  1. 重新设计登录页面
  2. 虚拟空间演示网站
  3. 产品文档
  4. GitHub页面

经过全面分析和讨论,我们已识别出四个关键用户接触点,供进行桌面研究的经理和软件工程师使用:Azure Web PubSub 服务登录页面、Web PubSub 演示站点、产品文档以及 GitHub 页面。我们的目标是确保用户能够快速找到两个关键问题的答案,尽可能少的时间,无论他们通过哪个接触点接触我们的服务。

设计特色

设计特色

对于工程师

新的信息架构提供了一键访问开发资源的功能

“快速入门”和“资源与支持”可以帮助用户快速找到入门信息和调试信息。

对于工程师和经理

迅速掌握产品的功能

通过结合互动组件,例如突出展示 Web PubSub 关键特性的列表,管理者和软件工程师可以迅速理解产品的功能。对于每个列出的特性,都提供了详细文档的链接,方便轻松获取深入信息。

针对工程师和经理

快速构建思维导图

提供了一个流程图来说明在各种系统中部署 Web PubSub 的过程。这个视觉辅助工具使软件工程师能够快速高效地评估该功能是否可以集成到他们现有的系统中。

外卖

在这个项目中,我的关键收获来自三个方面:

1. 熟悉 Microsoft Azure 和 Fluent Design 指南。我正在使用设计指南中的组件来创建 UI 设计。

2. 学习与产品经理和软件工程师合作至关重要,以产生有效的成果。在这个过程中,设计师的责任不仅仅是创造良好的设计;它还包括制定解决方案,以满足每个利益相关者的需求,从而促成各方之间的共识。

3. 理解技术公司内部的工作流程以及产品迭代的生命周期。这包括学习如何将设计过程与产品的商业目标和开发周期对齐,确保设计决策有效地支持战略目标和运营效率。

1. 熟悉 Microsoft Azure 和 Fluent Design 指南。我正在使用设计指南中的组件来创建 UI 设计。

2. 学习与产品经理和软件工程师合作至关重要,以产生有效的成果。在这个过程中,设计师的责任不仅仅是创造良好的设计;它还包括制定解决方案,以满足每个利益相关者的需求,从而促成各方之间的共识。

3. 理解技术公司内部的工作流程以及产品迭代的生命周期。这包括学习如何将设计过程与产品的商业目标和开发周期对齐,确保设计决策有效地支持战略目标和运营效率。

1. 熟悉 Microsoft Azure 和 Fluent Design 指南。我正在使用设计指南中的组件来创建 UI 设计。

2. 学习与产品经理和软件工程师合作至关重要,以产生有效的成果。在这个过程中,设计师的责任不仅仅是创造良好的设计;它还包括制定解决方案,以满足每个利益相关者的需求,从而促成各方之间的共识。

3. 理解技术公司内部的工作流程以及产品迭代的生命周期。这包括学习如何将设计过程与产品的商业目标和开发周期对齐,确保设计决策有效地支持战略目标和运营效率。

More Projects