もくマッチ!

もくマッチ!は、学生同士がオンラインで自主的に勉強会を行うためのマッチングサービス。
●自宅での独学はやる気が出ない、習慣が続かない…
●新しいことをやってみたいけれど、何から始めたらいいかわからない…
●他大学の学生と交流してみたいけど、機会がない…
など、学習や作業について悩みをもつ学生同士が集まり、お互いが情報交換をしながら学習を促進するサービスの提案。

作品の情報

●個人制作〈VIVIVIT展展示作品〉

●カテゴリ:UI・UXデザイン/映像デザイン

●制作期間:サービスデザイン…1ヶ月 / 映像デザイン…2週間

成果物

コンセプトムービー

Adobe XD プロトタイプ

もくもく会進行画面ムービー

制作フロー

調査プロセス

課題の抽出

今回の制作では、自分が最も切実に抱えている課題の解決UX、ということをテーマにした。
そのため、図のような課題マップを用い、自身の好きな事柄や体験、生活に基づく課題の抽出を経て、

●ひとりだとなかなか集中できない
●やりたいことに関する情報収集の難しさ

という「独学」に関する課題にフォーカスをすることとした。

ニーズ調査

抽出した課題からさらに一般的な課題に落とし込むため、宮城大学の大学生(26名)を対象に「独学」に関するアンケート調査および聞き込み調査を行なった。以下のような結果となった。


自宅でひとりの作業にやる気が続かないと感じる

本業以外の時間で計画を立てたり習慣化をするのが難しいと感じる

ひとりではわからないことやつまづくことがあって困難だと感じる

考察

多くの学生が独学でも「何かを習得したい」と感じている一方で、様々な要因でそれが困難であると感じている現状がわかった。ヒアリングを通して、「方法やツールなど適切な情報を仕入れられない」ことのほか、「同じ目標をもつ仲間がほしい」「ブレインストーミングの機会がほしい」「FBの場を探したい」など、目的を共有するコミュニティを求める声が多数聞こえてきた。 気軽にコミュニティを探し、FBを送り合いながら作業のできるサービスのニーズがあると考えた。

課題の整理

独学はひとりでは続かない/習慣が続かない

○○を学びたいけど何をしたらいいのかわからない

通う大学のコミュニティといまいちやりたいことが違う…

制作プロセス

画面遷移図作成

●もくもく会のマッチング機能(検索、トークルーム、通知、マイページ設定など)

●もくもく会の進行画面(ビデオチャット上の会を進行するためのファシリテーション、ユーザー間のインタラクションの機能)

上記の2項目に分け、ユーザーの課題解決のために必要な用件と画面項目を洗い出し、遷移図の作成を行った。

ペーパープロトタイピング

遷移図で洗い出した要件をもとに、マッチングアプリのUIを参考にペーパープロトタイプ を作成。初期ユーザーがわざわざ登録をしてサービスを使いたくなるにはどうしたらよいか、初対面となるユーザー間でマッチングを成立するうえでどのような懸念点が考えられるかなど、全体的なUXの検討。

XDプロトタイピング

メンバーの固定化や、LINEなどクローズなコミュニケーションツールに移動することによる、サービスからの離脱を考慮し、「もくマッチ!」内で多様なメンバーと交流し、モチベートする」ことにバリューを置く方法を考えた。


また、不適切な行動として、
🚨会の趣旨とは異なる発言をする
🚨公序良俗に反する発言をする
🚨不必要に大きな声で話す
🚨会において全く発言をしない、他のユーザを無視する
などの、ユーザーの不適切な行動に対して、
●本人確認が済んでいるユーザのみ参加申請ができる
●通報機能で運営に通報ができる
●もくもく会で他のユーザに、優良メンバーとしてのフィードバックが得られたユーザのみ、次の会に参加できる
などの手法を考え、要件に組み込んだ。


・ロゴ、コピーを作成


・登録画面での進捗がわかるステップを追加


・検索画面にて、ルームにタグを追加


・プロフィールページUIを大幅に変更

・テキストパーツと操作用パーツでカラーを分け、操作可能パーツにのみキーカラーを配色するよう変更

・登録画面のほかにアカウント保有者用にログイン画面を追加

・進捗ナビゲーションのステップバーの調整

・本人確認書類のアップロード画面のアイコン変更

ユーザーストーリー

作品展示

VIVIVIT展

2019年7月27日・28日
VIVIVIT展にて、サービスプロトタイプの展示を行った。

Other works

UI制作

MotivAgent

スマホ上の架空キャラクターに見守られ作業することで、モチベーションを高めるインタラクションアプリ。
UI制作

Daily cocoda!

【Daily Cocoda!】Cocoda!のサービスを用いた、UIデザインのアウトプット。
UI制作

管理画面リデザイン

ECサイトの管理画面における、受注数や入金数を確認する「現在の受注状況」の表示欄UIをリデザイン。
UI制作

BizLetter

学生へのPR動画と指名制のメッセージカードでスカウトメッセージを送ることのできるWEBサービスの提案。
メニュー