Unical
ユニカル
大学生向けカレンダーアプリ
シニアプロジェクト
締めくくりとして、私はアプリのプロトタイプを作成して、学生がより生産的になり、大学生として成功できるようにすることにしました。私のプロジェクト全体を通して、いくつかの障害、課題、およびそれらの課題を克服するために学ばなければならない新しいスキルがありました。素晴らしい経験でした。私の作品を楽しんでいただければ幸いです。ありがとうございました。
プロジェクト説明
このプロジェクトは、スケジュールを作成し、to-do リストを作成し、大学のカレンダー/イベント/アカデミックをアプリにリンクし、カレンダーを他のユーザーと共有します。このアプリは、学生が大学からの期日/発表を追跡し、スケジュールを作成して他の人と共有し、友人との生産性を高め、ノートと To Do リストを作成して大学で成功するのに役立ちます。両方の異なるプラットフォーム上にあるため、大学と私生活を追跡するのに苦労したため、このアプリを作成することにしました。生産性を向上させる完璧なアプリがなかったので、私の親しい友人は皆、1 つに固執するか、まったく使用しないようにしなければなりませんでした。そこでアプリを作成することにしましたが、それは素晴らしい旅でした。私は、ユーザー調査、ペルソナの作成、ユーザビリティ テスト、低忠実度および高忠実度のプロトタイプの作成を担当しました。
問題/目標
問題:一部のユーザーは、使用/習得が難しい、特定のアプリにはない機能、またはすべてのアプリが別のプラットフォームにあるため、カレンダー アプリ/生産性アプリを使用しません。
ゴール:ユーザーが簡単にイベントを作成し、生産性を高めて成功する方法を学ぶことができる、スケジューリング/To Do リストおよびその他の便利な機能用のアプリを設計します。
ユーザー調査
アプリを作成するには、まず、ユーザーが生産性 / カレンダー アプリをどのように使用しているか、およびユーザーが抱えている問題点 (何がユーザーの使用を妨げているか) を知る必要があります。最初のステップは、参加者にインタビューすることでした.
インタビューの詳細
1. 現在または過去に大学に通っている参加者 5 名。
2. 過去に生産性/カレンダー を積極的に使用している、または使用している参加者。
参加者 1
専攻：コンピュータサイエンス（シニア）
参加者 2
専攻：エンジニア（ジュニア）
参加者 3
専攻：翻訳（修士）
参加者 4
専攻：コンピュータサイエンス（シニア）
参加者 5
専攻：正規大学生
3. 期間 : 2-3 週間
4. 方法 : 対面 / 電話
5. 質問例:
-
生産性を高めるために、どのアプリまたは方法を使用していますか?
-
あなたはそれについて何が好き/嫌いですか?
-
過去に使用していたものと、使用しなくなった理由は何ですか?
その他のフォローアップの質問で詳細を確認してください。
面接後……
データを収集し、参加者の視点をより見やすく理解しやすくするために 2 つの機能を作成しました。共感マップと親和性図
共感マップ
共感マップを作成することで、ユーザーの視点を深く掘り下げ、データを分析して洞察を得ることができます。この共感マップは 4 つのセクションに分かれています。考える、感じる、する、言う。
- 考える/ カレンダーやその他の生産性向上アプリについてのユーザーの意見
- Feels / ユーザーがアプリを使って感じること
- Does / ユーザーがアプリで行うこと
- Says / インタビュー中にユーザーが言ったこと
親和図
親和図は、情報を整理し、インタビューの回答から共通のテーマを収集する方法です。このプロジェクトのために、私は回答を集め、参加者が Unical で望んでいた機能のカテゴリを作成しました。これが図です。
インサイト
参加者へのインタビュー、データの収集、参加者への共感に基づいて、回答を収集し、洞察とテーマを見つけました。
インサイト / テーマ
シンプルなデザイン
やることリスト
カレンダー アプリへのアプリ (メール) リンク
色が重要
告知は大事
問題点
イベント追加時のストレス
カラー限定です
アプリはカレンダーにリンクできません
共有アプリの機能なし
カスタマイズ性が低い
ペルソナ
同じようなニーズ、問題、考え方を共有する 5 人の参加者を表すペルソナを作成しました。
着想
収集したすべての情報を使用して、洞察を見つけ、ペルソナを作成し、アイデア段階を開始しました。これは、参加者が抱える問題の解決策を作成し、それをデザインに変換するため、最も困難な課題です。最初から原型を作るのは難しいので、アイデアを出すために、まずは絵コンテ2枚と「クレイジー8」のアイデア出しから始めました。の全体像 絵コンテ（問題点を理解するため）およびクローズアップ絵コンテ(アプリの機能を使用しているユーザーの視点を得る) とクレイジー 8 (アプリの機能の 8 分間で 8 つのアイデアを考え出す)
全体像のストーリーボード
クローズアップ絵コンテ
クレイジー 8
紙のワイヤーフレーム
次のステップは、アプリ自体を設計することです!素晴らしいデザインを実現するために、デザインをスケッチし、複数のアイデアとデザインを考え出しました。その後、シンプルで機能的なデザインのベスト スケッチを選択しました.
合計 8 紙のワイヤーフレーム
上：（左から右へ）
1. ホームページ
2. カレンダーページ
3.コースページ
4.大学イベントページ
下 : (左から右へ)
1. プロフィールページ
2.カレンダーページ（詳細）
3.サイドメニューページ
4.サインアップページ
紙のワイヤーフレームの一例（ホームページ）
デジタル ワイヤーフレーム / 低忠実度
これらの紙のワイヤーフレームに基づいて、デジタル ワイヤーフレームと低忠実度のプロトタイプを作成しました。これらのデザインを作成するために、UI デザイン アプリである Figma を使用しました。
ユーザビリティテストパート1
「使える」ようにするための追加機能やインターフェースを作成した後、以前からの参加者でユーザビリティテストを実施しました。最初のユーザビリティ テストでは、アプリの全体的な機能に焦点を当てました。ハイライトされたフィードバックを収集し、洞察を思いつきました。
1
「学生証にセキュリティはありません。認証なしで ID を持つのは危険です」
2
「サイドメニューにやることリストがあると不便。別ページにした方がいい」
3
「アプリにプログレス バーがあると最高です。つまり、どこにいるかがわかります。」
4
「大学行事をアプリが自動で入力してくれる機能があれば不要」
洞察に基づいて、自分の design に変更を加えました
1
「学生証にセキュリティはありません。認証なしで ID を持つのは危険です」
ユーザーが学生証をクリックすると、学生証にアクセスするために暗証番号が必要になる機能を作成しました
2
「横にTo Doリストがあると不便すぎる。別ページにした方がいい」
3
「アプリにプログレス バーがあると最高です。つまり、どこにいるかがわかります。」
やることリスト用に別のページを作成し、進行状況バーを含めて見やすくしました
4
「大学行事をアプリが自動で入力してくれる機能があれば不要」
大学のウェブサイトへのリンク（ユーザーログインあり）とカレンダーへの自動追加機能を作成しました
高忠実度のプロトタイプ
ユーザビリティテストのパート1を実施した後、より多くの機能を備えたより詳細なプロトタイプを作成して、「本物そっくり」に見えるようにしました.プロトタイプには、色、ボタン、アニメーション、アイコン、画像などが含まれています。機能や色を探求し、新しいスキルを学ぶ絶好の機会でした。
ユーザビリティテストパート2
ユーザビリティ テストのパート 2 では、ビジュアル要素とデザインに重点を置きました。たとえば、アイコン、色、テキスト サイズ、全体の流れなどです。さまざまなアプリを日常的に使用している参加者から実際のフィードバックを得ることができ、これがフィードバックのハイライトだったので、特にビジュアルに関するフィードバックを得ることができて良かったです。
1
「アプリ全体の色がわかりにくい。サインインはカラフルだが、ホームページには色がない」
2
「イラストとかあるといいですね」
3
「プログレスバーはプロフィールページのぎこちないところにあります」
4
「アプリ全体を通して、全体的に特異な色または類似の色を使用するのが良いかもしれません」
テストパート 2 が完了したら、全体的なデザインを改善します
1
「アプリ全体の色がわかりにくい。サインインはカラフルだが、ホームページには色がない」
2
「イラストとかあるといいですね」
ユーザーをアプリに歓迎し、色を似た色に見えるようにするためのイラストを作成しました。
4
「アプリ全体を通して、全体的に特異な色または類似の色を使用するのが良いかもしれません」
全体のデザインをよりシンプルかつ機能的に。アプリ全体で、オーバー フロー、色、視覚要素をより明確で一貫性のあるものにしました。
3
「プログレスバーはプロフィールページのぎこちないところにあります」
プログレスバーをよりシンプルで見やすくしました。すべてのタスクと進捗状況を確認できるチェックリストに接続されています。
最終設計
使いやすさのテスト、フィードバックの取得、再設計、新機能の追加などに基づいて、しばらく時間がかかりましたが、最終的にタスクを完了しました。これが Unical の最終的な設計です。
デモビデオ
ホームページにサインイン
1. サインアップ
2.機関を選択する
3.クラスを選択
4. 色を選択
5. 他のカレンダー アプリを選択する
6. ホーム
アプリを探索する
1. Home
2. チェックリスト
3. カレンダー
4.コース
5.University
6.サイドメニュー
チェックリスト機能
通知・ウィジェット
1. タスク
2. 注意事項
3. まとめ
1.カレンダーを共有する
2. 通知
3. ウィジェット
4. ウィジェット 2
5. メール
6.アンドロイド
イベントの作成
1. Event を追加
2. 色の選択
3. 詳細
4. 保存
プロトタイプをテストしてください！
画像をクリックしてプロトタイプをテストしてください。
#青い四角をクリックして交流しよう！
