低忠実度スケッチ
3つの大きなアイデアと3つのデザイン目標に基づき、以下の3つのタスクをカバーするロー・フィデリティプロトタイプを作成しました:
1. 興味のあるクラブを見つけてフォローする。
2. 近くで開催されているアクティビティの情報を見つける。
3. 自分のプロフィールを編集して、自分の情熱を追加する。
リーン評価
初期段階のユーザビリティの問題を特定するために、6人の代表的なユーザーを対象にリーン評価を実施しました。使用した方法は、5秒テスト、思考を声に出すテスト、およびポストテストの半構造化インタビューです。以下は、主要な発見のいくつかです:
1. 情報アーキテクチャの再構築
*変更前
クラブは元々「ホーム」タブにありましたが、クラブを検索するのは頻繁に行うタスクではありませんでした。最も一般的なタスクは次の通りです:1. 申し込んだイベントを表示すること 2. フォローしているクラブのイベントを表示することしかし、これらはそれぞれ「プロフィール」タブや「アクティビティ」タブで見つけるのが難しかったです。
*変更後
情報アーキテクチャはユーザビリティ向上のために再構築されました。2つの主要なタスクは、より簡単にアクセスできるようホーム画面に移動されました。その他の機能は「Explore(探索)」タブに集約され、新しいクラブの機会を見つけやすくなるよう設計されています。
2. 個人プロフィールページの再設計
*変更前
テスト中に予想外のインサイトが明らかになりました。参加者の多くが、レイアウトがデーティングアプリに似ていることに違和感を覚えたのです。公式な大学プラットフォームに複数の個人写真が表示されることに対し、恥ずかしさや不快感を感じるという声がありました。このケースでは、デーティングアプリのUIに対する“親しみやすさ”が、逆にユーザー体験に悪影響を及ぼす結果となりました。
*変更後
プロンプトのカスタマイズ性は維持しつつ、写真は1枚のみに変更されました。最終的なインターフェースは LinkedIn を参考に、よりフォーマルで公式感のあるデザインに調整されました。また、学部や学年といった追加のプロフィール情報も盛り込み、プラットフォーム全体の信頼性と目的意識を高める工夫がなされています。
中忠実度ストーリーボード
評価結果に基づき、中忠実度プロトタイプが作成されました。初期のコンポーネントライブラリを整備し、すべての画面において視覚スタイルの一貫性が保たれるようにデザインを精緻化しました。また、ユーザーフローを効果的に伝えるためのストーリーボードも作成されました。以下にその概要を示します。
ユーザビリティテスト
中忠実度プロトタイプを用いて、6名の代表ユーザーによる第2回ユーザビリティテストを実施しました。以下は主な発見点です:
1. アクティビティタブの情報をより詳細に
*変更前
参加者は「近くのイベントを探す」機能を好んでいましたが、検索マーカーの意味が分かりづらく、地図上の情報が不十分だと感じていました。また、多くの参加者は下部メニューがスワイプ可能であることに気づきませんでした。
*変更後
検索マーカーを削除し、代わりにカテゴリ別のマーカーを表示することで、アクティビティの分類を分かりやすくしました。さらに、下部メニューにはスワイプ用のハンドルを追加し、ナビゲーションの改善を図りました。
2. ユーザーにとってより親切な案内
*変更前
参加者は、最初に表示されるホーム画面が空であることに戸惑い、「何をすればいいのか分からない」と感じていました。
*変更後
そのため、ユーザーがクラブやアクティビティを見つけやすくするために、「Explore」タブへの行動喚起(Call to Action)を追加しました。さらに、新規ユーザーに向けて、興味に基づいて最初のクラブを選べるようにする、より丁寧なオンボーディングプロセスを導入する予定です。
スタイルガイド
Flockは、特にトロント大学(UofT)向けにデザインされたアプリです。統一感を表現するために、UofTのブランドガイドラインに厳密に従ってスタイルガイドを作成しました。
1. 書体
Flockでは、Trade Gothicのレギュラーとボールドスタイルを使用しています。印刷物の本文の最小フォントサイズは9.25ポイント以上です
2. カラー
メインカラーはUofTのシグネチャーブルーです。UofTキャンパスの多様性とカラフルな生活を表現するために、ガイドラインから3つのセカンダリーカラーを選びました。また、Flockの背景色とテキストカラーには3つのニュートラルカラーを使用しています。
3. ロゴ
Flockのロゴは、Defy Gravityのワークマークとそのキャレット記号にインスパイアを受けています。上昇する力と挑戦を超えていく価値を引き継ぐために、3つの異なる色のキャレット記号がFlockのロゴに使用されています。この3つのカラフルなキャレット記号は、共に前進するための上昇する勢いを表現し、多様なグループやコミュニティを象徴しています。