Config 2024: Taking flight: lessons learned on adopting Figma at United

Figma

26 Jun 202418:46

Summary

TLDRユナイテッド航空のDerrick Wilkinsonとone NorthのJessica D Youngが、ArionデザインシステムをFigmaに移行する過程を語る。彼らは、大規模な組織での移行に共通する疑問に答え、実際のオフィス移転の比喩を使って移行の複雑さを説明し、成功のために重要なステップを紹介する。

Takeaways

🌟 アメリカ航空は、従業員のユーザーエクスペリエンスチームを通じて、航空運用をサポートする製品を設計しています。
🔧 one Northはフルサービスのデジタル代理店であり、Figmaのシグネチャサービスパートナーでもあります。
📦 Figmaへの移行に関する共通の質問には、移行に要する時間、デザイナーのトレーニング方法、開発者の参加時期、移行の最適な時期、レガシーツールのフェーズアウト方法、および内部コミュニケーションのベストプラクティスが含まれます。
🏢 移行を物理的なオフィスの引っ越しに例えると、デジタル資産だけでなく、関連する多くの側面を考慮する必要があることがわかります。
📈 one Northは、クライアントのオフィス移行に伴うスタッフの不安を軽減するウェブサイトの設計・構築を手がけ、新しいオフィスの魅力的な特徴を伝えました。
🤔 従業員は、新しいオフィスの特徴より、新しい日常のルーティンについて心配しており、小さな詳細が彼らを魅了しました。
🛫 アメリカ航空は、顧客体験を向上させるための従業員体験に投資しており、2つのデザインシステムを運用しています。
📈 アメリカ航空は急速な成長を遂げており、Figmaへの移行は、デザインチームの拡大を支持する戦略的な移行でした。
🛠️ Figmaへの移行は、16ヶ月にわたって行われ、Orionデザインシステムの次のメジャーリリースとブランドリフレッシュを含みました。
🎨 Figmaライブラリの事前投資は、チームのスケールアップと高品質なデザイン作業の継続的提供を可能にしました。
📝 移行の成功は、戦略的かつ意図的なコミュニケーション計画、内部の活性化、トレーニング、プロセス更新に依存しています。
🌐 Figmaへの移行は技術的、運用的、そして人間の取り組みであり、ビジネスの大きな目標に結びつける必要があります。

Q & A

Derrick Wilkinsonはどのような役割を持っていますか？
-Derrick WilkinsonはUnited Airlinesの従業員ユーザー体験チームをリードしており、航空会社の運用をサポートする製品を設計しています。
Jessica D Youngはどのような立場から話していますか？
-Jessica D Youngはone Northのデザインの管理ディレクターであり、フルサービスデジタルエージェンシーで働いており、Figmaのシグネチャサービスパートナーです。
one Northはどのような組織ですか？
-one Northはフルサービスデジタルエージェンシーであり、Figmaのシグネチャサービスパートナーとして認められています。
Figmaへの移行に伴い、一般的な質問は何ですか？
-Figmaへの移行に伴い、一般的な質問としては移行にかかる時間、デザイナーのトレーニング方法、開発者の参加時期、移行の最適な時期、レガシーツールの終了方法、内部コミュニケーションのベストプラクティスなどがあります。
Figmaへの移行をどのように比喩していますか？
-Figmaへの移行を物理的なオフィスの引っ越しに比喩しており、デスクやキーボード、モニター、ペン、鉛筆などの荷物の整理だけでなく、新しいオフィスでのランチ場所やトイレの場所など、関連する多くの要素を考慮する必要があると説明しています。
one Northはどのようなプロジェクトを手がけましたか？
-one Northはクライアントがオフィスを移すことに伴い、従業員の不安を解消するためにウェブサイトの設計と構築を手がけました。そのウェブサイトは新しいオフィスの魅力的な新機能を伝えるために作成されました。
United Airlinesのデザインシステムは何ですか？
-United Airlinesは消費者向け製品にはAtmos、内部向け製品にはOrionという2つのデザインシステムを持っています。
United AirlinesはなぜFigmaへの移行を決定しましたか？
-United Airlinesは急速な成長と技術への投資により、従業員数を増やし、Figmaへの移行はデザイン、プロトタイピング、UI仕様のための3つのツールから1つに統合することでスケールアップを図る戦略的な決定でした。
Figmaへの移行の期間はどのくらいですか？
-Figmaへの移行は全体的に16ヶ月かかりましたが、Orionライブラリの構築に4ヶ月、プロジェクト移行とRebrandの完了に10ヶ月程度かかりました。
Figmaへの移行の成功のために重要な要素は何ですか？
-Figmaへの移行の成功のために重要な要素は、事前にOrionライブラリをFigmaで構築し、プロジェクト移行を開始する前に一貫性を保つこと、また内部でのコミュニケーションやトレーニング、プロセスの更新に時間を割くことです。
Figmaへの移行の際のレッスンは何か？
-Figmaへの移行の際のレッスンとしては、移行に資源を割り当て、外部の助言を活用し、詳細なFigma移行計画を立てること、レガシーツールの終了計画を立てること、Figma内でのコンポーネントの再構築、早期に開始すること、そしてコミュニケーションを早期に行い、定期的に行うことです。

Outlines

00:00

😀 チームによるFigma移行の紹介

DerrickとJessicaが、彼らのチームがArionデザインシステムをFigmaに移行するプロセスについて話す。彼らは、大企業がこのような移行を始める際によく聞かれる質問を紹介し、実際のオフィス移行を例に、移行の複雑さを説明する。また、One Northがクライアントのオフィス移行を支援した経験から学んだことを共有し、従業員が新しいオフィスに慣れるために懸念していることを理解することが重要であると強調している。

05:01

🛫 United AirlinesのデザインシステムとFigmaへの移行

Derrickは、United Airlinesの従業員エクスペリエンスチームがFigmaへの移行をどのように戦略的に進め、スケールアップし、デザインシステムの更新とブランドリフレッシュを同時に行ったかについて説明する。彼らは、新しいデザインシステムライブラリの作成を優先し、その後にプロジェクト移行を開始し、RebrandとRyan 2.0のリリースを完了した。また、Figmaでのプロジェクト数を47個に増やし、デザインの質を維持し、チームのスケールアップを実現した。

10:03

📈 Figma移行の戦略と成功事例

Jessicaは、Figmaへの移行が技術的、運用的、そして人間の取り組みであることを強調し、成功のための3つの次元を紹介する。Derrickのチームは、大きな組織であるUnited Airlinesの成長ニーズに対応するためにFigmaへの移行を決断し、その成功は顧客体験の向上につながった。また、彼らは、Figma移行の際の主要なマイルストーン、戦略的決定、およびプロジェクトのスケールについて話す。

15:05

📚 Figma移行の教訓と最終的なアドバイス

Jessicaは、Figma移行の過程で学んだ教訓と最終的なアドバイスを共有する。彼らは、移行に専任のリソースを割り当て、外部の支援を活用し、詳細な移行計画を策定することを推奨する。また、レガシーツールのフェーズアウト計画、Figma内のコンポーネントの再構築、早期のコミュニケーション、そして今すぐ始めるべきであることを強調している。最後に、彼らは、Figma移行が技術的な移行であるだけでなく、人々の日常生活に密接に関連する取り組みであることを再確認し、チームの協力と取り組みに感謝の意を表している。

Mindmap

Keywords

💡Figma

Figmaは、デザインとプロトタイピングのためのオンラインツールです。ビデオでは、Figmaを使用してデザインシステムを移行するプロセスが説明されています。Figmaは、デザインチームが共同作業を行い、効率的にプロジェクトを進めるために重要な役割を果たしています。例えば、United AirlinesはFigmaを使い、デザインシステム「Orion」を更新し、内部向けおよび消費者向けの製品のデザインを統一化しています。

💡デザインシステム

デザインシステムは、一貫性を保ちながらデザインをスケーリングするための一連のガイドライン、コンポーネント、パターンです。ビデオでは、United Airlinesのデザインシステム「Atmos」と「Orion」が言及され、これらのシステムがどのようにFigmaに移行され、内部および消費者向けの製品のデザインをサポートするのかが説明されています。

💡移行

移行とは、あるシステムやプロセスから別のものへデータを移動することを指します。ビデオでは、United AirlinesがSketchからFigmaへの移行を行っているプロセスが紹介されています。この移行は、デザインチームのスケールアップや効率化を目的としており、重要なビジネス目標に結びつけられています。

💡ユーザーエクスペリエンス

ユーザーエクスペリエンスとは、製品やサービスを利用する際のユーザーの感情的な反応や印象を指します。ビデオでは、United Airlinesが顧客体験を向上させるためにデザインシステムを更新し、Figmaへの移行を行っていることが強調されています。また、従業員のユーザーエクスペリエンスも顧客体験につながることを示しています。

💡内部コミュニケーション

内部コミュニケーションは、組織内での情報を共有することです。ビデオでは、Figmaへの移行プロセスにおいて、内部コミュニケーションが重要視されています。DerrickとJessicaは、移行の進捗や変更点を従業員に伝えるためのコミュニケーション戦略を提案しています。例えば、ランチアンドラーニングやデモを通じて情報を共有することが挙げられます。

💡従業員

従業員は、組織の労働者であり、ビジネスの成功に寄与します。ビデオでは、United Airlinesの従業員が新しいデザインシステムやFigmaへの移行にどのように関与し、その影響を受けるかが説明されています。特に、従業員のユーザーエクスペリエンスが顧客体験にどのように影響を与えるかが強調されています。

💡スケールアップ

スケールアップとは、ビジネスや組織の規模を拡大することを指します。ビデオでは、United Airlinesが200機の新しい航空機を導入し、従業員数を3万人以上増やすという「United Next」という成長計画を持ち、そのためにデザインチームをスケールアップする必要があると説明されています。Figmaへの移行は、そのスケールアップを支援する戦略の1つです。

💡リブランド

リブランドとは、ブランドのイメージやアイデンティティを刷新することを指します。ビデオでは、United AirlinesがFigmaを使用してデザインシステムを更新し、リブランドを実施していることが紹介されています。リブランドは、顧客のブランド認知を刷新し、新しい市場での競争力を高めるために行われます。

💡プロジェクトワーク

プロジェクトワークは、特定の目標を達成するために組織された一連の活動です。ビデオでは、United AirlinesのデザインチームがFigmaを使用して新しいプロジェクトを開始し、既存のプロジェクトを移行するプロセスが説明されています。プロジェクトワークは、デザインシステムの統一化や効率化を目的としています。

💡従業員の関与

従業員の関与は、従業員が組織の変更や改善に積極的に参加することを指します。ビデオでは、United Airlinesが従業員の意見や懸念を理解し、Figmaへの移行プロセスに従業員を関与させる方法が提案されています。例えば、従業員が新しいオフィスの構造やコーヒーショップの場所について懸念を示した例が挙げられます。

Highlights

Derrick Wilkinson 介绍了他在美联航领导的员工体验团队，该团队设计支持航空公司运营的产品。

Jessica D Young 作为 One North 的管理总监，讨论了他们作为 Figma 认证签名服务合作伙伴的全服务数字代理角色。

讨论了在迁移到 Figma 过程中常见的问题，如迁移时间、设计师培训、开发者参与时机等。

提出了将迁移过程比作物理搬迁的隐喻，强调了考虑所有相关细节的重要性。

分享了 One North 帮助客户设计网站以缓解员工对搬迁的担忧的案例。

通过研究揭示了员工真正关心的问题，例如新大楼是否会倒塌，以及星巴克的位置。

强调了在迁移过程中考虑技术和操作之外的人文因素的重要性。

Derek 描述了美联航对提供良好客户体验的承诺，以及员工在其中的作用。

介绍了美联航的两个设计系统：Atmos 和 Arion，分别用于面向消费者和内部产品。

美联航的移动应用程序因其卓越的用户体验而获奖，并且团队不断为其添加新功能。

美联航的员工增长和对技术的投入推动了团队的增长，目前有超过 70 名设计师在 Figma 上工作。

美联航的增长计划 United Next 包括新增 200 架飞机和超过 30,000 名员工。

Derek 讨论了美联航迁移到 Figma 的战略决策，以及如何通过迁移来支持未来的增长。

分享了美联航在迁移过程中的关键里程碑，包括构建 Orion 图书馆和完成品牌刷新。

强调了在 Figma 中构建设计系统库的投资对于团队扩展和持续交付高质量设计工作的重要性。

Jessica 分享了 LinkedIn 上关于美联航客户体验的帖子，证明了设计团队的努力对客户体验的积极影响。

总结了迁移到 Figma 的关键教训和建议，包括投入资源、制定详细计划、重建组件、沟通和立即开始。

强调了迁移到 Figma 不仅仅是技术操作问题，还涉及到人文因素，需要全面考虑。

以 One North 和美联航团队的合作为例，展示了如何通过创建设计系统的身份和周边商品来激发内部兴奋和热情。

最后，感谢参与迁移过程的所有团队成员，并鼓励大家立即开始迁移，不要等待完美时机。