Upgrade to Pro — share decks privately, control downloads, hide ads and more …

「気軽に、楽しく、続けられる」 学習体験のデザイン 〜 『スタディサプリENGLISH』 の挑戦〜

Recruit
PRO
December 09, 2022

「気軽に、楽しく、続けられる」 学習体験のデザイン 〜 『スタディサプリENGLISH』 の挑戦〜

2022/12/09 Spectrum Tokyo Design Fest 2022での、石黒の登壇資料になります

Recruit
PRO

December 09, 2022
Tweet

More Decks by Recruit

Other Decks in Technology

Transcript

  1. © Recruit Co., Ltd.
    プロダクトデザイン室
    デザインマネジメントU マネージャー
    石黒 勇気
    2022.12.09 Spectrum Tokyo Design Fest
    〜 『スタディサプリENGLISH』 の挑戦〜
    「気軽に、楽しく、続けられる」
    学習体験のデザイン

    View Slide

  2. © Recruit Co., Ltd.
    2
    石黒 勇気 @kurommy
    まなびデザインマネジメント デザインマネージャー
    略歴
    ・2014 – 2018 株式会社リクルートマーケティングパートナーズ入社
    ・2018 - 2021 Quipper, Ltd. 出向
    ・2021.10 – 株式会社リクルート
    最近は#子育て #家探しに夢中です👩💻
    たまにデザインFM @tamadesignfm
    IT企業のUI/UXデザイナー @HirotoArakawaと @kurommyの2人が
    たまーにデザインの話をするPodcastです。
    最近話題になったニュースや、役に立つ小ネタなどを話しています。
    主にデザイナーの方向けの内容となっています。
    (現 株式会社リクルート)

    View Slide

  3. © Recruit Co., Ltd.

    View Slide

  4. © Recruit Co., Ltd.
    👆
    今回はこっちの話です!

    View Slide

  5. © Recruit Co., Ltd.

    View Slide

  6. © Recruit Co., Ltd.
    📣 『スタディサプリENGLISH』とは
    プロダクトについて
    子供から大人まで
    英語学習の機会を提供。
    TOEIC・ビジネス英語・日常英会話などカスタマー向け
    から、法人導入や学校などの管理システムまで、様々
    なプロダクトを提供しています。

    View Slide

  7. © Recruit Co., Ltd.
    7
    英語学習で広がる未来を、
    すべての人へ。
    一人ひとりに合わせて、
    気軽に、楽しく、続けられる、
    最適な英語学習体験を。
    ビジョン
    ミッション
    📣 『スタディサプリENGLISH』とは
    https://brand.studysapuri.jp/method/english/

    View Slide

  8. © Recruit Co., Ltd.
    👩💻 プロダクト
    TOEIC® L&R TEST
    対策コース
    プロダクトについて
    1回3分からのマイクロラーニングで効率的に英単語、
    英文法、Part別対策などが可能!

    View Slide

  9. © Recruit Co., Ltd.
    👩💻 プロダクト
    TOEIC® L&R TEST
    対策コース
    プロダクトについて
    1回3分からのマイクロラーニングで効率的に英単語、
    英文法、Part別対策などが可能!

    View Slide

  10. © Recruit Co., Ltd.
    デザインの多様性・可能性
    今回のテーマ

    View Slide

  11. © Recruit Co., Ltd.
    💙 今回のテーマ
    アダプティブ講座
    AIでスコアアップを効率化する
    2022年6月リリース🎉

    View Slide

  12. © Recruit Co., Ltd.
    💙 アダプティブ講座とは
    ユーザーの実⼒
    もっとも効果的な
    コンテンツ
    能力推定 問題提案
    AIによる「能力推定」と「問題提案」による学習効率の改善
    能力に応じて苦手克服のコンテンツも提供
    🫶


    View Slide

  13. © Recruit Co., Ltd.
    Partを選択して
    学習開始
    学習データから
    出題する問題選定
    問題をN問解く
    学習結果を
    分析
    実力を診断
    💙 アダプティブ講座とは

    View Slide

  14. © Recruit Co., Ltd.
    🎉
    💙 アダプティブ講座とは

    View Slide

  15. © Recruit Co., Ltd.
    デザインの多様性・可能性
    今回のテーマ

    View Slide

  16. © Recruit Co., Ltd.
    デザインの多様性・可能性
    今回のテーマ
    学びのデザイン
    を「アダプティブ講座」の実例通してご紹介できればと思います

    View Slide

  17. © Recruit Co., Ltd.
    1. デザインプロセス
    Design Process

    View Slide

  18. © Recruit Co., Ltd.
    🫶 デザインプロセス
    ・ユーザーの解像度を上げる
    ・コンセプトを定める
    デザインプロセス

    View Slide

  19. © Recruit Co., Ltd.
    🫶 デザインプロセス
    600点以上の中上級者ユーザーの割合が低い
    課題

    View Slide

  20. © Recruit Co., Ltd.
    600点以上の中上級者ユーザーの割合が低い
    どんなユーザー? なぜ低い?
    課題
    🫶 デザインプロセス

    View Slide

  21. © Recruit Co., Ltd.
    事業課題
    ※ デプスインタビュー ※ マクロミル調査
    600点以上の中上級者ユーザーの割合が低い
    どんなユーザー? なぜ低い?
    🫶 デザインプロセス

    View Slide

  22. © Recruit Co., Ltd.
    今回の600点以上のメインターゲットは…
    インサイト
    ・基礎力は一定ある
    ・何に注力して学習するかわからない
    ・今の学習で成果が出るか不安な気持ちがある
    ・既存ユーザーの中で効率が低い
    → 演習問題を中心へ
    → 自分に必要な学習をしたい
    → 必要のない学習時間が多く時間がかかってしまう
    🫶 デザインプロセス

    View Slide

  23. © Recruit Co., Ltd.
    学習に使える可処分時間は限られている
    課題
    🫶 デザインプロセス

    View Slide

  24. © Recruit Co., Ltd.
    学習時間をかけることで「最高の学習効果」がでる
    TOEIC学習サービス
    忙しい社会人が隙間時間を活用して、
    「最短のパス」で成果が出せるように進化させたい

    提供価値
    🫶 デザインプロセス

    View Slide

  25. © Recruit Co., Ltd.
    AIで効率化 = 個別最適化学習は、ストイックな体験になりがち
    学力向上に必要な負荷がある問題を解き続けるため白地が少ないため
    課題
    🫶 デザインプロセス

    View Slide

  26. © Recruit Co., Ltd.
    続かなければ、意味がない
    🫶 デザインプロセス

    View Slide

  27. © Recruit Co., Ltd.
    27
    英語学習で広がる未来を、
    すべての人へ。
    一人ひとりに合わせて、
    気軽に、楽しく、続けられる、
    最適な英語学習体験を。
    ビジョン
    ミッション
    🫶 デザインプロセス

    View Slide

  28. © Recruit Co., Ltd.
    手軽で、楽しく、続けられ
    最短パスで成果が出る
    デザインコンセプト
    🫶 デザインプロセス

    View Slide

  29. © Recruit Co., Ltd.
    2. “気軽に、楽しく、続けられる”をデザインする
    Design keywords

    View Slide

  30. © Recruit Co., Ltd.
    1. 期待に応える
    2. 適切なハードル
    3. 刺激
    気軽に、楽しく、続けられる
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  31. © Recruit Co., Ltd.
    3. 刺激
    2. 適切なハードル
    1. 期待に応える
    N回目
    1回目 2回目 3回目
    0回目
    2. 適切なハードル 2. 適切なハードル 2. 適切なハードル
    3. 刺激
    気軽に、楽しく、続けられる
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  32. © Recruit Co., Ltd.
    3. 刺激
    2. 適切なハードル
    1. 期待に応える
    N回目
    1回目 2回目 3回目
    0回目
    2. 適切なハードル 2. 適切なハードル 2. 適切なハードル
    3. 刺激
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
    👆
    気軽に、楽しく、続けられる

    View Slide

  33. © Recruit Co., Ltd.
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  34. © Recruit Co., Ltd.
    問題を選んでくれる?
    なんか凄そう
    新しい!ワクワク
    実力を測ってくれる?
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  35. © Recruit Co., Ltd.
    問題を選んでくれる? なんか凄そう
    新しい!ワクワク
    実力を測ってくれる?
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
    期待(仮説)が生まれている

    View Slide

  36. © Recruit Co., Ltd.
    Plan :「●●するのかな?」と期待する

    Do :確かめるために、やってみる(初回体験)

    Check :「●●という期待通りだ!」

    Action :「次はどうなるんだろう!」
    ユーザーも無意識にPDCAを回している
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  37. © Recruit Co., Ltd.
    PDCAが回る好循環へ
    AIで効率化された
    講座楽しみ!
    Check
    自分のために
    問題を選んでくれてる!
    問題とくぞー!
    Plan
    AIで問題を最適化して
    くるのかな?
    Check
    解答を分析してくれて
    る!
    Plan
    今解いた結果をAIが
    分析してるのかな?
    Check
    Aランクって
    判定された!
    Plan
    実力がどう出るか楽し
    み!
    😄 😁 😆
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  38. © Recruit Co., Ltd.
    期待とギャップが生まれると離脱リスクへ…
    AIで効率化された
    講座楽しみ!
    Check
    いつもと変わらなそう
    何が違うのかな
    問題とくぞー!
    Plan
    AIで問題を最適化して
    くるのかな?
    Check
    AIって分析か
    わからないな..
    Plan
    今解いた結果をAIが
    分析してるのかな?
    Check
    結局何がAIで効率化
    だったんだろう…
    Plan
    実力がどう出るか楽し
    み!
    🤨 🧐 😡
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  39. © Recruit Co., Ltd.
    Plan :「●●するのかな?」と期待する

    Do :確かめるために、やってみる(初回体験)

    Check :「●●という期待通りだ!」

    Action :「次はどうなるんだろう!」
    特に初回体験では、期待に応えることが重要
    何を期待してくれるのか。
    期待以上あれば、最高、だけど期待通りで十分。
    期待している以外の動作の場合、落胆する
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  40. © Recruit Co., Ltd.
    3. 刺激
    2. 適切なハードル
    1. 期待に応える
    N回目
    1回目 2回目 3回目
    0回目
    2. 適切なハードル 2. 適切なハードル 2. 適切なハードル
    3. 刺激
    👆
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
    気軽に、楽しく、続けられる

    View Slide

  41. © Recruit Co., Ltd.
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
    νϟϯϐΦϯͷ ϫλϧ͕
    ͠ΐ͏ͿΛ ͔͚͖ͯͨ͠ʂ

    View Slide

  42. © Recruit Co., Ltd.
    難易度 :問題が難しすぎないか、簡単すぎないか
    時 間 :1回の問題量が取り組みやすいか
    目 標 :目指すゴールがあるか
    学習体験におけるハードル
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  43. © Recruit Co., Ltd.
    出題する問題
    簡単すぎる問題 難しすぎる問題
    全体の問題数
    難易度 ハードル
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  44. © Recruit Co., Ltd.
    ユーザーの実力に合わせて出題問題量をデザイン
    低スコア
    高スコア
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  45. © Recruit Co., Ltd.
    問題1
    1回の学習
    問題2 ・・・ 問題20 問題21 問題22 ・・・ 問題40
    1回の学習
    止める
    時間 のハードル
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  46. © Recruit Co., Ltd.
    1回の問題量が多いと、学習時間が伸び負荷が高い
    問題1
    1回の学習
    問題2 ・・・ 問題20 問題21 問題22 ・・・ 問題40
    1回の学習
    止める
    😫 😫
    20問 = 25分 20問 = 25分
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  47. © Recruit Co., Ltd.
    1回あたりの学習時間を10分以下になるようにデザイン
    問題1
    1回の学習
    問題2 ・・・ 問題20 問題21 問題22 ・・・ 問題28
    1回の学習
    8問 = 10分
    短すぎると適切にレベルを判断できないため、判断できるギリギリの問題量
    20問 = 25分
    😂
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  48. © Recruit Co., Ltd.
    目標 のハードル
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
    ঢ͓֨ΊͰͱ͏
    4ʴ ὎


    ΢σϚΤϙΠϯτ͸Ϧηοτ͞Ε·͢
    8*/
    8*/
    -04&
    8*/


    View Slide

  49. © Recruit Co., Ltd.
    ユーザーの短・中・長期目標を設計
    ランクを
    1つ上げたい
    Aランクを
    目指したい
    全Partで
    Aランクを
    TOEIC 800点
    短期 中期 長期
    TOEICスコアを提示するには技術的に難易度が高いため、ランク表現でファジーにし目標設計
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  50. © Recruit Co., Ltd.
    日々のランクに変化を持たせるために細かく刻む
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  51. © Recruit Co., Ltd.
    難易度 :出題する問題難易度を調整
    時 間 :1回の問題量が取り組みやすく調整
    目 標 :短中長期のゴール設計をする
    学習体験におけるハードル
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  52. © Recruit Co., Ltd.
    3. 刺激
    2. 適切なハードル
    1. 期待を裏切らない
    N回目
    1回目 2回目 3回目
    0回目
    2. 適切なハードル 2. 適切なハードル 2. 適切なハードル
    3. 刺激
    👆
    気軽に、楽しく、続けられる
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  53. © Recruit Co., Ltd.
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
    εϥΠϜ͕ ͋ΒΘΕͨʂ

    View Slide

  54. © Recruit Co., Ltd.
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
    ϝλϧεϥΠϜ͕ ͋ΒΘΕͨʂ

    View Slide

  55. © Recruit Co., Ltd.
    使い続けるとモチベーションが落ちるタイミングがくる
    間違えが続く ランクが上がらない
    😫
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  56. © Recruit Co., Ltd.
    モチベーションが落ちる原因を、刺激(解決)する
    間違えが続く ランクが上がらない
    苦手を特定 克服する講義を提案
    😭
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  57. © Recruit Co., Ltd.
    苦手発見!
    苦手な問題形式が
    出現
    克服する
    トレーニング
    講義動画 演習問題
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  58. © Recruit Co., Ltd.
    モチベーションが低下する原因に対して
    刺激(解決)することで、継続を促進させる
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  59. © Recruit Co., Ltd.
    3. 刺激
    2. 適切なハードル
    1. 期待に応える
    N回目
    1回目 2回目 3回目
    0回目
    2. 適切なハードル 2. 適切なハードル 2. 適切なハードル
    3. 刺激
    気軽に、楽しく、続けられる
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  60. © Recruit Co., Ltd.
    3. 刺激
    2. 適切なハードル
    1. 期待に応える
    N回目
    1回目 2回目 3回目
    0回目
    2. 適切なハードル 2. 適切なハードル 2. 適切なハードル
    3. 刺激
    遊び心

    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
    気軽に、楽しく、続けられる

    View Slide

  61. © Recruit Co., Ltd.
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  62. © Recruit Co., Ltd.
    “気軽に、楽しく”を最大限発揮するための
    意味のある遊び心 💘
    🫶 “気軽に、楽しく、続けられる”を創る3つのポイント

    View Slide

  63. © Recruit Co., Ltd.
    3. まとめ
    Design is …

    View Slide

  64. © Recruit Co., Ltd.
    ・想定通りの体験になっているか
    ・不具合などないか
    ・想定通りの体験になっているか
    ・継続率/学習時間への影響は
    ・改善点などないか
    α版テスト
    社内のおさわり会
    β版テスト
    一部ユーザーへ解放
    🎉
    本リリース
    💙 まとめ
    リリースまでの検証ステップ

    View Slide

  65. © Recruit Co., Ltd.
    とはいえ、実態はもっと泥臭い🧟
    当初WF リリース時UI
    💙 まとめ

    View Slide

  66. © Recruit Co., Ltd.
    コンセプトを実現するために、シンプルな体験へ昇華すること
    描いて
    作って
    壊して
    ユーザーの解像度
    コンセプト
    💙 まとめ
    当初WF リリース時UI

    View Slide

  67. © Recruit Co., Ltd.
    ユーザーとコンセプトを定め
    シンプルな体験を描き
    期待に応える・適切なハードル・刺激 + 遊び心
    をデザインする
    💙 まとめ
    気軽に、楽しく、続けられる
    💘
    学びのデザイン
    デザインの多様性・可能性
    今回のテーマ

    View Slide

  68. © Recruit Co., Ltd.
    💙 まとめ
    世の中の知見を
    どう解釈するか ・・・

    View Slide

  69. © Recruit Co., Ltd.
    Less is more
    Function
    シンプルか
    機能的か
    💙 まとめ

    View Slide

  70. © Recruit Co., Ltd.
    Less is more
    Function
    シンプルか
    機能的で楽しいか
    💙 まとめ
    💘

    View Slide

  71. © Recruit Co., Ltd.

    View Slide

  72. © Recruit Co., Ltd.
    4. 最後に
    Appendix

    View Slide

  73. © Recruit Co., Ltd.
    「スタディサプリ ブランドサイト」で検索くださいませ
    もっと詳しく知りたい方は、スタディサプリのブランドサイトへ

    View Slide

  74. © Recruit Co., Ltd.
    リクルートでは、プロダクトデザインする仲間を絶賛募集中です!
    プロダクトマネージャー デザインディレクター クライアントサクセス

    View Slide

  75. © Recruit Co., Ltd.
    リクルート プロダクトデザイン室の
    事例やナレッジを発信してます
    🎄今月はnoteでアドベントカレンダーやってます🎄
    「プロダクトデザイン室」で検索くださいませ

    View Slide

  76. © Recruit Co., Ltd.
    ご清聴ありがとうございました
    👋

    View Slide