2か月の期限内に、健康管理システム向けのシンプルで使いやすいEラーニング機能を設計しました。
初期段階で複数のデザイン案を作成し、PMや開発者と初回リリースに必要な機能を整理することで、期限内の完成につなげました。
必要な要素と機能を優先し、2か月で設計と実装を完了。アップセルによるARRの2%増加に貢献しました。
クラウド型健康管理システムmedimentは、人事担当者が従業員の健康データを管理・分析し、健康を支援できるサービスです。
人事担当者は従業員への健康教育を望んでいますが、教材作成に充てる時間が不足しており、当時のmedimentには健康教育の機能がありませんでした。
人事担当者が複雑な作業を増やさずに健康教育を提供し、健康上の問題を抱える従業員を減らすことを目指しました。
新しいEラーニング機能のデザインを2か月以内に完成させ、開発へ引き渡す必要がありました。早い段階で複数の案を作成し、プロジェクトオーナーと初回リリースの優先機能を決めました。
mediment上でEラーニングを提供し、人事担当者が手間をかけず従業員へ健康教育を届けられるようにしました。健康への理解を促し、健康上の課題の軽減を支援する機能です。
デザイナー同士で相談し、デザイン思考に基づくプロセスで進めました。
学習を進めやすくするUX/UIの特徴を把握するため、3つの学習プラットフォームを調査しました。
| サービス | 機能 | 強み | 弱み |
|---|---|---|---|
| Udemy | 世界中の講師による幅広い講座を提供します。 | 学習者を支援する機能が豊富です。 | 多くの講座に練習問題がなく、機能の多さから学習に集中しづらい場合があります。 |
| Coursera | 大学や企業と連携した質の高い講座を提供し、修了証や資格を取得できます。 | 進捗を追いやすく、練習問題で学習内容を定着させられます。 | 一部の画面遷移や挙動に使いづらさがあります。 |
| Schoo | ITとビジネスを中心に、ライブ授業を提供する日本のオンライン学習サービス。 | シンプルで使いやすいUI。企業が複数の教材を組み合わせ、従業員向けのコースを作れます。 | 進捗管理や練習問題などの機能がなく、全体として機能が少なめです。 |
人事担当者と従業員がEラーニングをどのように利用するか、ユーザーストーリーに整理しました。
従業員がEラーニングコースを修了できるようにする。
人事担当者が作成したEラーニングコースを修了する。
アイデアをもとに、初回リリースの開発時間とユーザー満足度のバランスを考えた詳細設計を行いました。動画のチャプター表示を省き、動画と説明だけのシンプルな画面にしました。
動画のチャプター表示を省き、動画と説明だけのシンプルな画面にしました。
ワイヤーフレームをもとに高精度のデザインを作成しました。エンジニアと実装上の条件を相談し、実際の使いやすさを確保するために調整しました。
教材、受講者、期間を入力してコースを作成できます。作成済みコースの編集や削除も可能です。
受講者の進捗とテスト結果を確認できます。画面から受講案内を一括送信することもできます。
コースを「受講予定」と「修了・期限切れ」に分類しました。修了済みや期限切れのコースも教材を開いて復習できます。
人事担当者が設定した教材を閲覧し、健康に関する知識を学べます。
テストを受け、結果と解説を確認できます。
Eラーニング教材を作成するリッチテキストエディターのスタイルガイドを整備し、コンテンツの一貫性を確保しました。
Illustratorを使い、人事担当者がコースで使う3本の教育動画をデザインしました。社内の看護師と台本を作成し、社外のモーションデザイナーと音楽・アニメーションを制作しました。掲載したイラストと動画は、担当した制作物の一部です。
教材動画を見る ↗
実装後、社内デザイナーとユーザビリティテストを実施しました。重大な操作上の問題はありませんでしたが、一部の文言が分かりづらかったため、エンジニアと改善しました。
リリース後、以下の改善要望が寄せられ、今後の設計対象としました。
