低忠実度スケッチ
3つのビッグアイデアと3つのデザインゴールをもとに、
以下の3つのタスクをカバーする低忠実度プロトタイプを作成しました:
1. 興味のあるサークルを見つけてフォローする。
2. 近くで開催されているアクティビティの情報を見つける。
3. 自分の情熱を含むプロフィールを編集する。
リーン評価
初期段階のユーザビリティの問題を特定するため、6名の代表的なユーザーを対象にリーン評価を実施しました。手法には5秒テスト・シンクアラウドテスト・テスト後の半構造化インタビューが含まれました。以下は主な発見の一部です:
1. 情報アーキテクチャの再構築
*改善前
サークルはもともとホームタブでしたが、サークル検索は頻度の低いタスクでした。最も一般的なタスクは、1)参加登録した今後の活動の確認、2)フォロー中のサークルの活動の確認であると考えられます。しかし、これらはそれぞれプロフィールタブとアクティビティタブで見つけにくい状態でした。
*改善後
ユーザビリティを向上させるために情報アーキテクチャを再構築しました。2つの主要タスクはアクセスしやすいようにホームページに直接移動されました。残りの機能は新しいサークルの機会を発見するための探索タブにまとめられました。
2. パーソナルプロフィールページの再設計
*改善前
テスト中に予期せぬ洞察が生まれました。レイアウトがマッチングアプリに似ているため、参加者が不快感を覚えたという報告がありました。公式の大学プラットフォームに複数の個人写真が表示されることが、恥ずかしさと不快感を引き起こしていました。この場合、マッチングアプリのインターフェースへの親しみが意図しないネガティブな影響をユーザー体験にもたらしていました。
*改善後
プロンプトのカスタマイズ性は維持しつつ、写真を1枚のみ表示するようにデザインを調整しました。最終的なインターフェースはLinkedInからインスピレーションを得て、よりオフィシャルでフォーマルな美観を取り入れました。プラットフォームの信頼性と目的意識を高めるために、学部や学年などの専門的な情報も追加されました。
中忠実度ストーリーボード
評価の結果をもとに、中忠実度プロトタイプを開発しました。初期コンポーネントライブラリを構築し、ビジュアルスタイルの一貫性を確保するためにすべての画面を改善しました。以下に示すように、ユーザーフローを効果的に提示するためのストーリーボードを作成しました。
ユーザビリティテスト
中忠実度プロトタイプを用いて、6名の代表的なユーザーを対象に第2回ユーザビリティテストを実施しました。以下は主な発見です:
1. アクティビティタブの詳細情報
*改善前
参加者はnearby探索機能を気に入りました。しかし、検索位置マーカーが分かりにくく、マップにより多くの情報を求めていました。また、ほとんどの参加者は下部メニューを上にスワイプできることに気づきませんでした。
*改善後
検索マーカーを削除し、より分かりやすい整理のためにアクティビティにカテゴリーマーカーを追加しました。さらに、ナビゲーションを改善するために下部メニューにハンドルを組み込みました。
2. よりユーザーフレンドリーな案内
*改善前
参加者は空のホーム画面に戸惑い、何をすればよいか分かりませんでした。
*改善後
ユーザーをサークルやアクティビティの発見のために探索タブへ誘導するコールトゥアクションを追加しました。さらに、新規ユーザー向けにより包括的なオンボーディングプロセスを導入し、自分の興味に合ったサークルを初期選択できるよう案内します。
スタイルガイド
Flockはトロント大学専用に設計されたアプリです。一体感を示すために、スタイルガイドはUofTのブランドガイドラインに厳密に従って開発されました。
1. タイプフェイス
Trade GothicのレギュラーとボールドスタイルをFlockで使用しました。本文の最小フォントサイズは9.25ポイント以上です。
2. カラー
プライマリーカラーはUofTのシグネチャーブルーです。多様性とUofTキャンパスの豊かな生活を表現するために、ガイドラインから3つのセカンダリーカラーを選びました。背景とテキストカラーとして3つのニュートラルカラーを使用しました。
3. ロゴ
FlockのロゴはDefy Gravityのワードマークとそのキャレット記号からインスピレーションを得ています。上向きの勢いとどんな課題も乗り越えるという価値を継承するために、異なる色の3つのキャレット記号をFlockのロゴに使用しました。3つのカラフルなキャレット記号は、多様なグループやコミュニティとともに前進する上向きの勢いを表しています。