UX リソース
このページでは、UX 部門が使用するツール、ワークフロー、プレイブック、リソースに素早くアクセスできます。役立つものが不足していると思ったら、MR を送ってください。
クイックリンク
ワークフローとオペレーション
- プロダクトデザイナーのワークフロー - 日々のデザインプロセスとコラボレーション
- プロダクトデザインオペレーション - Issue 管理、ラベリング、スケジューリング
- UX リサーチャーのワークフロー
- テクニカルライティングのワークフロー
- UX オペレーション - 人員計画、調達、ラベル、カレンダー
デザインシステム
- Pajamas Design System - GitLab のプロダクトデザインシステム
- Figma 上の Pajamas UI Kit
- GitLab Design プロジェクト - ワークフローとプロセスのドキュメント
- SVG リポジトリ - GitLab の SVG アセット
リサーチ・分析ツール
Dovetail
リサーチの知見を管理・分析するためのリサーチリポジトリ。必要に応じてアクセスをリクエストしてください。
Gong
セールスの会話を録音し、分析を提供する会話インテリジェンスツール。関心のあるトピックについて通話を検索したり、話すべき顧客を特定したりできます。“Collaborator” ロールのアクセスをリクエストしてください。
Highspot
セールスイネーブルメントや競合リサーチを含む Go-to-market 情報。SSO 経由で利用できます。必要に応じてアクセスをリクエストしてください。詳細については Highspot ハンドブックページを参照してください。
UX Research Library
UX Research Library には、GitLab の UX リサーチャーが実施したすべてのリサーチが含まれています。AI チャットを通じてインサイトを見つけたい場合は、左ナビの Research Agent を確認してください。(GitLab FTE 内部リンク)
Jobs to Be Done (JTBD)
私たちは、顧客が成し遂げようとしているジョブの観点からプロダクトとソリューションを捉えるために JTBD フレームワークを使用します。JTBD は、スコープの決定、方向性の検証、UX スコアカードによる既存エクスペリエンスの評価、ジャーニーマッピングなど、デザインプロセス全体を通じて使用されます。
コラボレーションと共有
Upstream Forum
Upstream Forum は、UX チームメンバーが自分の作業を共有し、議論するための定例ミーティングです。
Upstream Studios カレンダー
Upstream Studios の Google カレンダー は、Upstream Studios チームのミーティングとイベントの SSOT です。
ツール
Figma
私たちはデザインとプロトタイピングに Figma を使用します。Pajamas UI kit には、GitLab のデザインシステムである Pajamas のデザインアセット、コンポーネント、スタイルが含まれています。さらに、デザイナーがデザインファイルを GitLab の Issue に直接アップロードできる Figma プラグインも利用できます。すべてのプロダクトデザイナーはオンボーディング中に Figma へのアクセスを受け取るはずです。必要なアクセスがない場合は、マネージャーに連絡してください。プロダクトデザイナーではないが閲覧アクセス(コメントを残す機能を含む)が欲しい場合は、無料の Figma アカウントを作成し、ステージグループのデザイナーに該当ファイルへのリンクを依頼してください。
Figma の管理者とそのロールのスコープは以下のように定義されています。
| 管理者 | スコープ |
|---|---|
| @tauriedavis | テックスタックオーナー、ユーザー管理(プロビジョニング/デプロビジョニング)、請求 |
| @vkarnes | テックスタックオーナーのバックアップ |
| @jeldergl | ユーザー管理(プロビジョニング/デプロビジョニング)、デザインオペレーション |
| @danmh | デザインオペレーション |
Figjam
私たちは、デザインフィードバックの収集、ワークフローのマッピング、ブレインストーミング、アフィニティマッピング、その他ビジュアルでホワイトボードのようなワークスペースが必要なあらゆる場面で Figjam を使用します。
UX 部門の全員とすべてのプロダクトマネージャーは、新しい Figjam ボードを作成できる Figma アカウントを取得できます。Figma アカウントを持たないチームメンバーからフィードバックを得るために Figjam ボードを共有したい場合は、共有ダイアログから匿名リンクを送信できます。
AI ツール
いつ AI を使うか、ベストプラクティス、避けるべきこと、AI をヘルパーとして使いながらユーザーを中心に保つ方法について学ぶには、AI の使用を参照してください。
Dovetail
私たちは、リサーチの知見を管理・分析するために Dovetail を使用します。アクセスが必要な場合は、アクセスリクエストを送ってください。
Gong
セールス向けの会話を録音し、それらの会話に関する分析とインサイトを提供する会話インテリジェンスツール。UX チームメンバーが話すべき顧客を特定したり、関心のあるトピックについて通話を検索したりするのに役立ちます。リクエストに応じて UX チームメンバーが利用できます。使用したい場合はアクセスリクエストを作成してください。“Collaborator” ロールをリクエストできます。
Highspot
セールスイネーブルメントや競合リサーチを含む Go-to-market に関する情報を含みます。Highspot は SSO 経由でアクセスでき、リクエストに応じて利用できます。使用したい場合はアクセスリクエストを作成してください。詳細については Highspot ハンドブックページを参照してください。
チュートリアル
- プロダクトデザイナー向けの技術チュートリアル - ベストプラクティスの動画プレイリスト
- コード変更を行うためのステップバイステップガイド
YouTube チャンネル
- UX Team
- UX Scorecards
- Upstream Forum
- GitLab Design Talks - Iteration
- GitLab Design Talks - Collaboration
- GitLab Design Talks - Design Leadership & Career Development
ユーザーペルソナ
ユーザーペルソナは、実際に GitLab を使う人々を表します。UX チームとマーケティングチームは、ユーザーエクスペリエンスとデザインに関する意思決定に役立てるためにペルソナを使用します。
プレイブックとガイド
- ダークモードロールアウトプレイブック - ダークモードを実装するための期待値、ワークフロー、ガイダンス
- デザイン判断のためのデータ - デザインの意思決定を裏付けるデータを見つけるためのツール
- ユーザーエクスペリエンスチームのための実験 - 実験を計画、デザイン、評価する方法
GitLab チームから
チームメンバーは、私たちの専門技術を前進させるための業界向けリソースを作成してきました。
- Building Design Systems: Unify User Experiences through a Shared Design Language - Taurie Davis、Sarrah Vesselov 著
- Hemingway - Michael Le による Figma プラグイン
- GitLab-ipsum - Patrick Deuley、Jeremy Elder 作
デザイン判断のためのデータ
Claude プロトタイプを GitLab Pages に公開する
コード変更を行うためのステップバイステップガイド
ユーザーエクスペリエンスチームのための実験
c955a93f)