ドワンゴ教育サービス開発者ブログドワンゴ教育サービス開発者ブログ読者になるドワンゴ教育サービス開発者ブログ2021-12-23N予備校のホーム改善の話はじめにN予備校のデザイナーをしている、本下です。8月にPC版、10月にAndroidアプリ版、11月にiOSアプリ版と段階的にリリースされた「ホーム改善」プロジェクトについてご紹介します。このプロジェクトで私は、要件定義段階から参加し、主にデザイナーとして必要に応じて開発メンバーや他部署と連携しながら進めました。プロジェクトの目的さっそくですが、まずこのプロジェクトが発生した経緯や、抱えていた課題とその対応内容をまとめます。機能としては”受講中コース一覧”に留まり、ホーム感が薄いホーム。課題2コース受講や学習に至るまでの遷移が深く複雑で、たくさんのクリックが必要。コース受講後そのまま学習に進めず行き止まってしまう。Android)で微妙に内容や構成に差がある。今回の改善では、大きくメインとして上記の3点の改善対応をしました。できあがったもの課題1についてホームをホームらしく、VODライクなデザインに刷新。既存のホームはおよその機能そのままにマイコースというメニューに置き換えました。マイコースでは2カラム構成のレイアウトを採用し画面遷移を減らしています。課題2についてコース受講までの導線を簡略化&遷移削減。これまでユーザーは「コースを追加する」といういわゆる”モード”に入り、画面を潜りながら受講に至ってました。今回のアップデートではそういった”モード”に入ることなく、新ホームから直感的に興味のあるコースに至ると、そのままコース受講することができるようになりました。そのまま学習に進むこともできます。→引き続き、学習する場合は「ホーム」に戻り、該当のコースを選択し学習に進む必要がある。→引き続き、学習する場合はそのまま学習に進むことが可能。課題3について今回のアップデート対応箇所を重点的に、デバイス間の差異を減らすよう努めました。学習しやすさ(学習の再開の容易さ)カスタマイズが可能なコンポーネントでの作成(拡張しやすさ)コースやチャプター等学習のレコメンド機能(他コースへ誘導)デザイン視点で...サムネイルを大きく使用し、VODライクなカードUIでキャッチーに。既存コンポーネントをなるべく継続利用し、工数過多にならないよう。(あくまでもアップデートであって、リニューアルではない)現行デザインに大きく手を加えることになるなかで、極力既存ユーザーの使い勝手を損なわないよう注意などが、課題と合わせて意識したこととして挙げられるかと思います。新たな試み今回のプロジェクトは、N予備校サービス始まって以来の大型アップデートとなりました。これまでは小さなアップデートが多く、各アップデート対応時にユーザーへの連絡や告知がなされることがほとんどありませんでした。ユーザーがいきなりアップデートを目にし、戸惑うことがないようにする配慮として、新しい試みとしてユーザー告知を提案しました。運営陣が双方向にコミュニケーションをとれる機能があるので、このフォーラムや公式Twitter等を使って、アップデート内容の告知を前もって投稿するというものです。これには、運営とユーザーの距離を縮め、ユーザーのコメントが拾いやすくなるのでは?という思いもあり、今後もアップデート時には継続して行なっていきたいと考えています。反省、そして振り返って思うこと今回のアップデートをリリースして、振り返って思うことがいくつかあります。UXの向上」「他コースへの誘導」など、目的として掲げていたことがユーザーに届いているコメントがある中で、やはり「変わりすぎ」「使いづらい」など、ネガティブコメントが存在したのも現実です。N予備校始まって以来の大型プロジェクトだったとはいえ、「変わること」や「変わったこと」をユーザーにうまく伝えられていなかったのも一つの要因かなと実感しています。今回のプロジェクトでは、大きく機能は削らずによりホームらしいホームが追加されたけれども、これまでと同様の使い方をしようとすればだいたいのことはできるようになっています。あたりまえではありますが、変わる時は出来る限りうまくその内容を伝えてユーザーとプロダクトとのファーストコンタクトでのギャップをいかに小さくするというかことが大事で、ユーザーが受ける印象もだいぶ違うと感じました。いえ、ネガティブコメントも含めユーザーの声には目を逸らさず引き続き注意ながら対応していけたらと思います。2プロジェクト体制について業務において、成果物はもちろん大切ですがそれらを制作する上での”環境の整備”や”下準備”がいかに大切なことかを再認識しました。当プロジェクトの話とは外れてしまいますが、同時進行でN予備校マニュアルなるものをデザイナーチームで作成しました。これは、既存メンバーの認識合わせ&これから参画する新メンバーの理解の促進を効率よく行うこと等を目的としています。メンバーの目線を揃えることは、すごく大変ですが、すごく大切なことです。3個人的に...やはり案件に携わる大前提の心得として、理解しやすく属人化しない地盤を固めるような制作データ作りが必要だと感じました。デザイナーはデザインに時間をかけたい。デザインがしたいからこそ、没頭できるよりよい環境を作るためにデザイン以外の下準備や各種作業の効率化が必要で、それらの構築にも十分に気を配ることが大切だと思います。おわりに以上がN予備校の「ホーム改善」プロジェクトのご紹介となります。現在も大小たくさんの改善にメンバー一丸となって日々取り組んでいます。UXの向上を目指します。読者になる関連記事2022-05-16エンジニアが企画開発をやってみたこんにちは。(3)引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。