![見出し画像](https://assets.st-note.com/production/uploads/images/93164428/rectangle_large_type_2_e0d4c6547769b145b9c0c484fcb1c3b9.png?width=1200)
教材一覧リニューアルに見るmikanのデザイン仕事
はじめに
こんにちは、株式会社mikanでデザイナーをしているayatakiです🍊
mikan Advent Calendar 2022 12日目の記事を担当します。
昨日は分析担当兼PMのitoryoさんによる「データ分析担当として入社して半年が経ったので振り返り」でした。分析をなるべく仕組み化できるようにドキュメント化や中間テーブルの作成など効率化のためのhowを模索してくれていたので、気になる方は見てみてください!
12日目のこの記事では、先に2022年のmikanの全体感をお話ししつつ、具体的な施策を例にデザイナーがどんなことをしているかを具体的にお話します🙋♀️
現在mikanではデザイナーを積極採用中なので、少しでも興味を持ってもらうきっかけになれたらと思います!
では行ってみましょう💨
mikanで今年やったこと
2人目のデザイナーとして入社してから1年ちょっと経ちました(2021年10月末に入社)。時間が過ぎるのは本当にあっという間ですよね…!
2022年は会社が総力を上げて「”英単語”アプリから”英語”アプリへ」をスローガンに掲げて動いてきた年でした。
そのためこれまで“英単語”に特化したプロダクト設計になっていた部分を、土台から立て直す施策がたくさん走りました🏃♂️
2022のmikanPJ🍊(特に大きかった施策を抜粋)
- 教材一覧のリニューアル(iOS)
- 問題演習教材の追加(iOS/Android)
- 問題演習のアクティブユーザーを増やす改善(iOS)
- 新課金プラン「PRO PLUS」の導入(iOS/Android)
- 例文学習機能、オーディオプレイヤー、電子書籍などの新機能追加(iOS/Android)
こうして書き出してみるとビッグプロジェクトのオンパレードでしたね。笑
デザインチームは今年私を含め社員2名、業務委託1名の3名体制で取り組んできていたので、分担しつつ乗り切りました!
私は主に「教材一覧のリニューアル」「問題演習のアクティブユーザーを増やす改善」「新課金プラン”PRO PLUS”の導入」を担当していました。どれも大型プロジェクトで1記事に収まらなそうなので、今回は「教材一覧リニューアル」について書きたいと思います。
ミニマム対応から一大PJに変容を遂げた「教材一覧リニューアル」
2022年の1~3月に、教材一覧のリニューアルに奔走しました。
ちょうど今頃の時期に仕込んでましたね、懐かしい…!
このPJでは、PMと並走する形で戦略定義から関わり、リードデザインまで広く担当しました。
初めて任せてもらった大型施策だったので、ayatakiとしても思い出深いPJです。
実は施策当初の施策目的は、問題演習が1冊以上増えた時にどこに置くかを検討するだけのものでした。
そのため、ミニマム案としては問題演習枠だけ用意する簡易対応の予定でしたが、「問題演習枠を置くだけで、果たして数多の教材が並ぶ中で見つけてもらえるのか?」という疑問がありました。
英単語アプリとしてスタートした「mikan」。これから英語アプリに進化していきたいとはいえ、当然取り扱い教材も9割強が単語帳で、ユーザーの期待値も単語学習以外に向いていないと思った方が自然でした。
![](https://assets.st-note.com/img/1670840328367-6VIJ6ARUcI.png?width=1200)
問題演習をやりたいユーザーは「リスニング・リーディングの強化」あるいは「そのジャンルの実践対策」を望んでいるはずです。
しかし、現時点だと全てのユーザーにほぼ共通の画面で表示していたので、単語学習しかはなから考えていないユーザーにとっては、問題演習の訴求そのものがノイズになる可能性もありました。
そこで一度「問題演習を追加する」という最低要件を取り払って、今後を想定した理想的な棚を考えてみることにしました。
Whyの見直し
まずやったことは、ユーザーケースごとの課題の整理。
▼ざっくり分類はこんな感じ
ユーザーはやりたい教材が決まっている
ユーザーはやりたいカテゴリが決まっている
自分で判断できる
自分で判断できない
ユーザーは何を勉強するべきかわからない
![](https://assets.st-note.com/img/1670840978556-p0NibI4Ao2.png?width=1200)
このケースの中だと、特に1と2-1が、教材一覧において課題が大きく、効果もありそうでした。
彼らのissueは一言で言うと
“学習したい教材にたどり着くまでのコストが大きい”
ということ。
📌 やりたい教材・カテゴリが決まっているユーザーの教材一覧TOPイシュー
- コンテンツが多い
- 物理的に距離が遠い
- 教材一覧で判断しきれない
コンテンツが多い
それまでのmikanの教材一覧は全ての教材を教材一覧に並べていたので、大体ユーザーの目には100冊近くのものが並ぶ状態になっていました。
物理的に距離が遠い
全てのユーザーに等しく同じ本棚を表示
カテゴリ別のBookリストはA-Z順
だったので、ユーザーは上から探していく以外に教材にたどり着く手立てがありませんでした。これはかなりのストレスになりそうです。
教材一覧では判断しきれない
本棚にはカテゴリ名のラベルと教材画像が掲載されているのみのシンプルなものだったので、何に役立つかなどまでは想像できないものもありました。
いずれも教材の種類が少なかったうちは致命的なissueにはなってこなかったものでしたが、全体的な教材数も種類も1年以内にどんどん追加されていくことが想定されていたのでこの前提はすでに破綻していました。
と言うわけで、だいぶやる意義が強くなってきたので、スコープは広がってしまいますが理想ベースで教材リニューアルを実施する方向で提案を詰めて行きました。
結果、理想ベースでの教材リニューアルを再計画し、改めてキックオフすることに💪🎉
この時にも思ったのですが、Why driven(何のためにやるのか)で組織全体として臨機応変に舵を切ることができるのがmikanの素敵なカルチャーだなと思います。
💡 補足
mikanには4つのバリューがあります。
1. “Why” driven
常に最上段の目的から逆算して行動しよう。
なぜなら、すべてのコトには目的があり、目的こそが唯一絶対の指針であるから。
2. With User
合理と情理の同時追求で提供価値を最大化させよう。
なぜなら、価値を受け取るのは、感情を持つ生身の人間なのだから。
3. Get it Done
責任感を強く持ち、あらゆる手段で徹底的にやりきろう。
なぜなら、一つ一つをやりきることによってのみ、理想の未来を手繰り寄せられるから。
4. Care for Team
愛を持って仲間と向き合い、深い関係を築こう。
なぜなら、深い関係で結ばれたチームでこそ個々人は輝き、チームでしか出せない成果につながるから。
—
”Why Driven”であることは、mikanにとってとても重要なスタンスなのです!
何をやったか
さて、少し脱線しましたが、ここからは「実際に何をやったのか?」について書いていきたいと思います。
📌issue1:コンテンツが多い
💡解決案
そのユーザーにとって必要な情報にフィルタリングして閲覧性を上げる
👇具体的なHOW
教材一覧を目的&レベルに合わせてパーソナライズ
📌issue2:物理的に距離が遠い
💡解決案
1. ユーザーにとって魅力的な確率の高い情報を早く出す
2. ユーザーが能動的にコンテンツを見つけられる入口を設置する
👇具体的なHOW
1. 新・おすすめロジックの追加 / 新着教材棚の追加
2. 検索機能の追加 / カテゴリリストの追加
📌issue:教材一覧で判断しきれない
💡解決案
利用目的やシーンを合わせて表示する
👇具体的なHOW
教材一覧のタイトルにサブタイトルを追加
教材一覧のレイアウト変更だけでなく、レコメンドロジックや検索機能の追加もあったので、最終的にはかなりリッチな改善になりました。
開発メンバーとこまめにslackやgatherでコミュニケーションをとりつつ、段階的に検証なども進めながらリリースまで詰めていきました。感謝…!
そうして出来上がったデザインがコチラ👇
![](https://assets.st-note.com/img/1670844872038-UU7NzFeBEF.png?width=1200)
![](https://assets.st-note.com/img/1670844875811-W4PaCZUHzP.png?width=1200)
![](https://assets.st-note.com/img/1670844880884-Grv3ttFm3c.png?width=1200)
🎥 DEMO
![](https://assets.st-note.com/production/uploads/images/93166708/picture_pc_5ed38fbe1cdcb615c6215cf61b7ee318.gif)
具体的な機能要件については長くなりそうなので割愛しますが、上記の機能変更によって以下を実現させることができました。
教材一覧のコンテンツは2スクロール程度で全体俯瞰できるように
スクロールしなくても人気の教材や新着教材がすぐに目に入るように
カテゴリリストや検索窓からユーザーがダイレクトに教材を探せるように
何より教材一覧に表示される項目が減った分、問題演習の紹介もしやすくなりました。ハッピー🎉
そして教材一覧リニューアル後、全部で220冊の教材が追加されています!(去年の倍になっている!!)
リニューアル後の教材一覧にもまだまだ課題があり、今後もユーザーインタビューで得られた声や数値変動を見つつ、チューニングを進めていく必要はあります。
もし読んでいただいている方の中にmikanユーザーの方がいらっしゃいましたら、ぜひインタビューさせてください!w
まとめ
ここまで読んでいただいてありがとうございました!
教材一覧リニューアルは1年前の記憶を掘り起こしながら書き上げましたが、改めて振り返るのも大事ですね。
mikanはデザイナーの可動域が比較的広い方だと思いますが、私自身は「サービスの提供価値自体をデザインしていきたい」と意気込んで入社したので、その機会をたくさんもらえたことでの気づきも多く、学びの1年でした😌
mikanの雰囲気や、デザイナーの業務イメージが少しでも伝わっていれば幸いです🍊
そして冒頭でもお伝えしましたが、現在mikanではデザイナーを積極採用中です!
「なぜやるのか」をとことん考えて、共創しながらデザインしたい方にぴったりの環境です。
もし、今回の記事を読んで少しでもmikanに興味を持ってくださった方はぜひ気軽にお声がけくださいください🙌
それでは、mikan Advent Calendar 2022 を引き続きお楽しみください。
この記事が気に入ったらサポートをしてみませんか?