デザインプロセス
デザインプロセス
私のデザインプロセスを紹介するケーススタディ
私のデザインプロセスを紹介するケーススタディ
概要
概要
このプロジェクトでは、プラットフォームの進化する方向性により適合するよう、プロフィールセクションを再設計しました。更新後のデザインにより、情報の整理と見つけやすさが向上し、主要な機能や情報へのアクセスがより簡単になりました。本プロジェクトでは、これらの成果をどのように実現したかを示すために、デザインプロセスと実施したステップを紹介します。
このプロジェクトでは、プラットフォームの進化する方向性により適合するよう、プロフィールセクションを再設計しました。更新後のデザインにより、情報の整理と見つけやすさが向上し、主要な機能や情報へのアクセスがより簡単になりました。本プロジェクトでは、これらの成果をどのように実現したかを示すために、デザインプロセスと実施したステップを紹介します。
問題
問題
既存のプロフィールセクションは、プラットフォームの拡張された範囲をもはや反映しておらず、ユーザーが主要な機能や情報を見つけて効果的に利用することが難しくなっていました。
既存のプロフィールセクションは、プラットフォームの拡張された範囲をもはや反映しておらず、ユーザーが主要な機能や情報を見つけて効果的に利用することが難しくなっていました。
目標
目標
プロフィールセクションを再設計し、見つけやすさを高めるとともに、プラットフォームの進化する機能に沿った、整理された使いやすいインターフェースを実現します。
プロフィールセクションを再設計し、見つけやすさを高めるとともに、プラットフォームの進化する機能に沿った、整理された使いやすいインターフェースを実現します。
処理
処理
ベンチマーキング
ベンチマーキング
最初のステップはベンチマーキングで、7つの暗号資産プラットフォームを分析し、それぞれのプロフィールセクションで使用されているカテゴリや構成を調査しました。このステップは、業界標準を理解し、より直感的なユーザー体験を生み出すための機会を特定するうえで非常に重要です。
最初のステップはベンチマーキングで、7つの暗号資産プラットフォームを分析し、それぞれのプロフィールセクションで使用されているカテゴリや構成を調査しました。このステップは、業界標準を理解し、より直感的なユーザー体験を生み出すための機会を特定するうえで非常に重要です。
ユーザーインタビュー
ユーザーインタビュー
次のステップでは、課題点に関するデータを収集するために、カスタマーサービス担当者と実際のユーザーの両方に話を聞きました。
カスタマーサービスへの一連のインタビューでは整理されたフィードバックが得られ、実際のユーザーは率直な問い合わせ内容を共有してくれました。
カスタマーサービスからの洞察はユーザーからの意見と同じくらい価値がありました。というのも、ユーザーは多くの場合、明確な解決策を念頭に置いて問題を提示するわけではないからです。
たとえば、ユーザーは「この設定をカスタマイズできませんでした」と言うかもしれませんが、カスタマーサービスは「そのセクションを見つけられなかったのです」と補足するかもしれません。
次のステップでは、課題点に関するデータを収集するために、カスタマーサービス担当者と実際のユーザーの両方に話を聞きました。
カスタマーサービスへの一連のインタビューでは整理されたフィードバックが得られ、実際のユーザーは率直な問い合わせ内容を共有してくれました。
カスタマーサービスからの洞察はユーザーからの意見と同じくらい価値がありました。というのも、ユーザーは多くの場合、明確な解決策を念頭に置いて問題を提示するわけではないからです。
たとえば、ユーザーは「この設定をカスタマイズできませんでした」と言うかもしれませんが、カスタマーサービスは「そのセクションを見つけられなかったのです」と補足するかもしれません。
ユーザーからの問い合わせ
CXに関する提案
ユーザー行動分析
ユーザー行動分析
サポートチャネルに寄せられたユーザーフィードバックを確認し、プロフィールセクションに関する改善案のリストを作成しました。その後、プロダクト分析ツールであるAmplitudeを使用して、プロフィール内でのユーザー行動を分析しました。重要なパターンや傾向を特定することで、再設計に活かすためのインサイトを収集しました。最後に、ユーザーフィードバックとAmplitudeデータの両方から得られたすべての改善候補を、優先度に基づいて順位付けしました。
サポートチャネルに寄せられたユーザーフィードバックを確認し、プロフィールセクションに関する改善案のリストを作成しました。その後、プロダクト分析ツールであるAmplitudeを使用して、プロフィール内でのユーザー行動を分析しました。重要なパターンや傾向を特定することで、再設計に活かすためのインサイトを収集しました。最後に、ユーザーフィードバックとAmplitudeデータの両方から得られたすべての改善候補を、優先度に基づいて順位付けしました。
ユーザーペルソナ
ユーザーペルソナ
インタビュー、フィードバック、分析から収集したデータに基づいて、新しいユーザーペルソナが作成されました。これらのペルソナは大きく対照的になるよう設計され、非常に異なる3種類のユーザー像を表現することで、リデザインが多様なニーズと行動パターンに対応できるようにしました。
インタビュー、フィードバック、分析から収集したデータに基づいて、新しいユーザーペルソナが作成されました。これらのペルソナは大きく対照的になるよう設計され、非常に異なる3種類のユーザー像を表現することで、リデザインが多様なニーズと行動パターンに対応できるようにしました。
ユーザージャーニー
ユーザージャーニー
プロフィールセクション内でのユーザー体験を評価するために、アカウントの利用限度額の変更といったシンプルなタスクを対象に、ユーザージャーニーを作成しました。プロフィールセクションがユーザーニーズをどのように支えているかを評価するため、各段階でペインポイントとプレジャーポイントを特定しました。さらに、最終的な目標を示す2つ目のジャーニーを作成し、再設計されたプロフィールセクションがタスク完了をどのように促進し、全体的なユーザー体験をどのように向上させるかを明確にしました。
プロフィールセクション内でのユーザー体験を評価するために、アカウントの利用限度額の変更といったシンプルなタスクを対象に、ユーザージャーニーを作成しました。プロフィールセクションがユーザーニーズをどのように支えているかを評価するため、各段階でペインポイントとプレジャーポイントを特定しました。さらに、最終的な目標を示す2つ目のジャーニーを作成し、再設計されたプロフィールセクションがタスク完了をどのように促進し、全体的なユーザー体験をどのように向上させるかを明確にしました。
カードソーティング
カードソーティング
プロフィールセクションをどのように構成することを期待しているかを把握するために、15名の参加者を対象にカードソーティングを実施しました。ベンチマーキング段階で作成したカテゴリを用いて、参加者はさまざまなプロフィール要素を表すカードを、最も理にかなっていると感じるグループに分類しました。用意されたカードだけでは自分の考えを十分に表せない場合、参加者は独自のカードを作成することもできました。
プロフィールセクションをどのように構成することを期待しているかを把握するために、15名の参加者を対象にカードソーティングを実施しました。ベンチマーキング段階で作成したカテゴリを用いて、参加者はさまざまなプロフィール要素を表すカードを、最も理にかなっていると感じるグループに分類しました。用意されたカードだけでは自分の考えを十分に表せない場合、参加者は独自のカードを作成することもできました。
メモ取り
メモ取り
カードソーティングセッションでは、すべての結果をFigmaに記録し、各参加者の分類の判断をコメントやフィードバックとともに視覚的に記録しました。このアプローチにより、参加者の思考プロセスや洞察を捉えることができ、これらを分析してパターンや傾向を特定し、最終的にはプロフィールセクションのより直感的な情報アーキテクチャの構築に役立てます。
カードソーティングセッションでは、すべての結果をFigmaに記録し、各参加者の分類の判断をコメントやフィードバックとともに視覚的に記録しました。このアプローチにより、参加者の思考プロセスや洞察を捉えることができ、これらを分析してパターンや傾向を特定し、最終的にはプロフィールセクションのより直感的な情報アーキテクチャの構築に役立てます。
情報アーキテクチャ
情報アーキテクチャ
各カテゴリがメインカテゴリとして使用された頻度や、特定の項目がそれらに分類された回数は、スプレッドシートに記録されました。最も人気のあるカテゴリと、その中で最も頻繁に分類された項目を特定するとともに、分類行動に見られるパターンも分析しました。これらのデータは、プロフィールセクション向けに、論理的で使いやすい情報アーキテクチャを作成するために活用されました。
各カテゴリがメインカテゴリとして使用された頻度や、特定の項目がそれらに分類された回数は、スプレッドシートに記録されました。最も人気のあるカテゴリと、その中で最も頻繁に分類された項目を特定するとともに、分類行動に見られるパターンも分析しました。これらのデータは、プロフィールセクション向けに、論理的で使いやすい情報アーキテクチャを作成するために活用されました。
ワイヤーフレーム
ワイヤーフレーム
再設計されたプロフィールセクションのレイアウトと構造を検討するために、使いやすさとユーザーフローに重点を置いてワイヤーフレームを作成しました。ステークホルダーからのフィードバックをもとに、より高精度なデザインへ進む前に設計を洗練させました。
再設計されたプロフィールセクションのレイアウトと構造を検討するために、使いやすさとユーザーフローに重点を置いてワイヤーフレームを作成しました。ステークホルダーからのフィードバックをもとに、より高精度なデザインへ進む前に設計を洗練させました。
プロトタイピング
プロトタイピング
再設計されたプロフィールセクションの使いやすさを検証するために、プロトタイプが作成されました。これにより、実際のユーザーによる操作とフィードバックを通じて、最終実装前に設計上の判断を検証できました。
再設計されたプロフィールセクションの使いやすさを検証するために、プロトタイプが作成されました。これにより、実際のユーザーによる操作とフィードバックを通じて、最終実装前に設計上の判断を検証できました。
ユーザビリティテスト
ユーザビリティテスト
再設計されたプロフィールセクションの有効性を評価するため、実際のユーザーを対象にユーザビリティテストを実施しました。テスト中に収集したフィードバックは、課題点の特定とデザイン上の判断の検証に役立ち、最終的なデザインがユーザーのニーズと期待を満たすことを確実にしました。以下は、テスト実施中の写真です。
再設計されたプロフィールセクションの有効性を評価するため、実際のユーザーを対象にユーザビリティテストを実施しました。テスト中に収集したフィードバックは、課題点の特定とデザイン上の判断の検証に役立ち、最終的なデザインがユーザーのニーズと期待を満たすことを確実にしました。以下は、テスト実施中の写真です。
高忠実度スクリーン
高忠実度スクリーン
デザインプロセス全体で得られた知見をもとに、高精度な画面を作成しました。ユーザビリティテストで明らかになった改善点を反映し、ステークホルダーに提示する前にデザインチーム内で画面の検証を行いました。プロフィールセクションは、プラットフォームの進化するスコープにより適合するよう再設計され、構成と発見しやすさが向上しました。更新後のデザインにより、ユーザーは主要な機能や情報により簡単にアクセスできます。調査・ベンチマーキングから、ワイヤーフレーム作成、プロトタイピング、ユーザビリティテストに至るまで、各段階はより直感的で使いやすい体験の提供に注力して進められました。
デザインプロセス全体で得られた知見をもとに、高精度な画面を作成しました。ユーザビリティテストで明らかになった改善点を反映し、ステークホルダーに提示する前にデザインチーム内で画面の検証を行いました。プロフィールセクションは、プラットフォームの進化するスコープにより適合するよう再設計され、構成と発見しやすさが向上しました。更新後のデザインにより、ユーザーは主要な機能や情報により簡単にアクセスできます。調査・ベンチマーキングから、ワイヤーフレーム作成、プロトタイピング、ユーザビリティテストに至るまで、各段階はより直感的で使いやすい体験の提供に注力して進められました。
