Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
「気軽に、楽しく、続けられる」 学習体験のデザイン 〜 『スタディサプリENGLISH』 の挑戦〜
Search
Recruit
PRO
December 09, 2022
Technology
0
790
「気軽に、楽しく、続けられる」 学習体験のデザイン 〜 『スタディサプリENGLISH』 の挑戦〜
2022/12/09 Spectrum Tokyo Design Fest 2022での、石黒の登壇資料になります
Recruit
PRO
December 09, 2022
Tweet
Share
More Decks by Recruit
See All by Recruit
Javaで作る RAGを活用した Q&Aアプリケーション
recruitengineers
PRO
1
150
問題解決に役立つ数理工学
recruitengineers
PRO
13
2.8k
Curiosity & Persistence
recruitengineers
PRO
2
200
結果的にこうなった。から見える メカニズムのようなもの。
recruitengineers
PRO
1
420
成長実感と伸び悩みからふりかえる キャリアグラフ
recruitengineers
PRO
1
200
リクルートの オンプレ環境の未来を語る
recruitengineers
PRO
3
370
LLMのプロダクト装着と独自モデル開発
recruitengineers
PRO
1
380
新規検索基盤でマッチング精度向上に挑む! ~『ホットペッパーグルメ』の開発事例 ビジネス編
recruitengineers
PRO
3
210
新規検索基盤でマッチング精度向上に挑む! ~『ホットペッパーグルメ』の開発事例 技術編
recruitengineers
PRO
2
270
Other Decks in Technology
See All in Technology
ABEMAの本番環境負荷試験への挑戦
mk2taiga
3
130
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
400
AWS認定を取る中で感じたこと
siromi
1
190
VS CodeとGitHub Copilotで爆速開発!アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
yamachu
2
160
いつの間にか入れ替わってる!?新しいAWS Security Hubとは?
cmusudakeisuke
0
140
対話型音声AIアプリケーションの信頼性向上の取り組み
ivry_presentationmaterials
1
280
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
160
Lakebaseを使ったAIエージェントを実装してみる
kameitomohiro
0
140
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
460
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
290
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
460
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
8k
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Producing Creativity
orderedlist
PRO
346
40k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
970
YesSQL, Process and Tooling at Scale
rocio
173
14k
Designing Experiences People Love
moore
142
24k
Building Applications with DynamoDB
mza
95
6.5k
Typedesign – Prime Four
hannesfritz
42
2.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Code Reviewing Like a Champion
maltzj
524
40k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
How STYLIGHT went responsive
nonsquared
100
5.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Transcript
© Recruit Co., Ltd. プロダクトデザイン室 デザインマネジメントU マネージャー 石黒 勇気 2022.12.09
Spectrum Tokyo Design Fest 〜 『スタディサプリENGLISH』 の挑戦〜 「気軽に、楽しく、続けられる」 学習体験のデザイン
© Recruit Co., Ltd. 2 石黒 勇気 @kurommy まなびデザインマネジメント デザインマネージャー
略歴 ・2014 – 2018 株式会社リクルートマーケティングパートナーズ入社 ・2018 - 2021 Quipper, Ltd. 出向 ・2021.10 – 株式会社リクルート 最近は#子育て #家探しに夢中です👩💻 たまにデザインFM @tamadesignfm IT企業のUI/UXデザイナー @HirotoArakawaと @kurommyの2人が たまーにデザインの話をするPodcastです。 最近話題になったニュースや、役に立つ小ネタなどを話しています。 主にデザイナーの方向けの内容となっています。 (現 株式会社リクルート)
© Recruit Co., Ltd.
© Recruit Co., Ltd. 👆 今回はこっちの話です!
© Recruit Co., Ltd.
© Recruit Co., Ltd. 📣 『スタディサプリENGLISH』とは プロダクトについて 子供から大人まで 英語学習の機会を提供。 TOEIC・ビジネス英語・日常英会話などカスタマー向け
から、法人導入や学校などの管理システムまで、様々 なプロダクトを提供しています。
© Recruit Co., Ltd. 7 英語学習で広がる未来を、 すべての人へ。 一人ひとりに合わせて、 気軽に、楽しく、続けられる、 最適な英語学習体験を。
ビジョン ミッション 📣 『スタディサプリENGLISH』とは https://brand.studysapuri.jp/method/english/
© Recruit Co., Ltd. 👩💻 プロダクト TOEIC® L&R TEST 対策コース
プロダクトについて 1回3分からのマイクロラーニングで効率的に英単語、 英文法、Part別対策などが可能!
© Recruit Co., Ltd. 👩💻 プロダクト TOEIC® L&R TEST 対策コース
プロダクトについて 1回3分からのマイクロラーニングで効率的に英単語、 英文法、Part別対策などが可能!
© Recruit Co., Ltd. デザインの多様性・可能性 今回のテーマ
© Recruit Co., Ltd. 💙 今回のテーマ アダプティブ講座 AIでスコアアップを効率化する 2022年6月リリース🎉
© Recruit Co., Ltd. 💙 アダプティブ講座とは ユーザーの実⼒ もっとも効果的な コンテンツ 能力推定
問題提案 AIによる「能力推定」と「問題提案」による学習効率の改善 能力に応じて苦手克服のコンテンツも提供 🫶 ✨ ✨
© Recruit Co., Ltd. Partを選択して 学習開始 学習データから 出題する問題選定 問題をN問解く 学習結果を
分析 実力を診断 💙 アダプティブ講座とは
© Recruit Co., Ltd. 🎉 💙 アダプティブ講座とは
© Recruit Co., Ltd. デザインの多様性・可能性 今回のテーマ
© Recruit Co., Ltd. デザインの多様性・可能性 今回のテーマ 学びのデザイン を「アダプティブ講座」の実例通してご紹介できればと思います ↓
© Recruit Co., Ltd. 1. デザインプロセス Design Process
© Recruit Co., Ltd. 🫶 デザインプロセス ・ユーザーの解像度を上げる ・コンセプトを定める デザインプロセス
© Recruit Co., Ltd. 🫶 デザインプロセス 600点以上の中上級者ユーザーの割合が低い 課題
© Recruit Co., Ltd. 600点以上の中上級者ユーザーの割合が低い どんなユーザー? なぜ低い? 課題 🫶 デザインプロセス
© Recruit Co., Ltd. 事業課題 ※ デプスインタビュー ※ マクロミル調査 600点以上の中上級者ユーザーの割合が低い
どんなユーザー? なぜ低い? 🫶 デザインプロセス
© Recruit Co., Ltd. 今回の600点以上のメインターゲットは… インサイト ・基礎力は一定ある ・何に注力して学習するかわからない ・今の学習で成果が出るか不安な気持ちがある ・既存ユーザーの中で効率が低い
→ 演習問題を中心へ → 自分に必要な学習をしたい → 必要のない学習時間が多く時間がかかってしまう 🫶 デザインプロセス
© Recruit Co., Ltd. 学習に使える可処分時間は限られている 課題 🫶 デザインプロセス
© Recruit Co., Ltd. 学習時間をかけることで「最高の学習効果」がでる TOEIC学習サービス 忙しい社会人が隙間時間を活用して、 「最短のパス」で成果が出せるように進化させたい ↓ 提供価値
🫶 デザインプロセス
© Recruit Co., Ltd. AIで効率化 = 個別最適化学習は、ストイックな体験になりがち 学力向上に必要な負荷がある問題を解き続けるため白地が少ないため 課題 🫶
デザインプロセス
© Recruit Co., Ltd. 続かなければ、意味がない 🫶 デザインプロセス
© Recruit Co., Ltd. 27 英語学習で広がる未来を、 すべての人へ。 一人ひとりに合わせて、 気軽に、楽しく、続けられる、 最適な英語学習体験を。
ビジョン ミッション 🫶 デザインプロセス
© Recruit Co., Ltd. 手軽で、楽しく、続けられ 最短パスで成果が出る デザインコンセプト 🫶 デザインプロセス
© Recruit Co., Ltd. 2. “気軽に、楽しく、続けられる”をデザインする Design keywords
© Recruit Co., Ltd. 1. 期待に応える 2. 適切なハードル 3. 刺激
気軽に、楽しく、続けられる 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 3. 刺激 2. 適切なハードル 1. 期待に応える
N回目 1回目 2回目 3回目 0回目 2. 適切なハードル 2. 適切なハードル 2. 適切なハードル 3. 刺激 気軽に、楽しく、続けられる 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 3. 刺激 2. 適切なハードル 1. 期待に応える
N回目 1回目 2回目 3回目 0回目 2. 適切なハードル 2. 適切なハードル 2. 適切なハードル 3. 刺激 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント 👆 気軽に、楽しく、続けられる
© Recruit Co., Ltd. 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 問題を選んでくれる? なんか凄そう 新しい!ワクワク 実力を測ってくれる? 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 問題を選んでくれる? なんか凄そう 新しい!ワクワク 実力を測ってくれる? 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
期待(仮説)が生まれている
© Recruit Co., Ltd. Plan :「••するのかな?」と期待する ↓ Do :確かめるために、やってみる(初回体験) ↓
Check :「••という期待通りだ!」 ↓ Action :「次はどうなるんだろう!」 ユーザーも無意識にPDCAを回している 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. PDCAが回る好循環へ AIで効率化された 講座楽しみ! Check 自分のために 問題を選んでくれてる!
問題とくぞー! Plan AIで問題を最適化して くるのかな? Check 解答を分析してくれて る! Plan 今解いた結果をAIが 分析してるのかな? Check Aランクって 判定された! Plan 実力がどう出るか楽し み! 😄 😁 😆 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 期待とギャップが生まれると離脱リスクへ… AIで効率化された 講座楽しみ! Check いつもと変わらなそう 何が違うのかな
問題とくぞー! Plan AIで問題を最適化して くるのかな? Check AIって分析か わからないな.. Plan 今解いた結果をAIが 分析してるのかな? Check 結局何がAIで効率化 だったんだろう… Plan 実力がどう出るか楽し み! 🤨 🧐 😡 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. Plan :「••するのかな?」と期待する ↓ Do :確かめるために、やってみる(初回体験) ↓
Check :「••という期待通りだ!」 ↓ Action :「次はどうなるんだろう!」 特に初回体験では、期待に応えることが重要 何を期待してくれるのか。 期待以上あれば、最高、だけど期待通りで十分。 期待している以外の動作の場合、落胆する 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 3. 刺激 2. 適切なハードル 1. 期待に応える
N回目 1回目 2回目 3回目 0回目 2. 適切なハードル 2. 適切なハードル 2. 適切なハードル 3. 刺激 👆 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント 気軽に、楽しく、続けられる
© Recruit Co., Ltd. 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント νϟϯϐΦϯͷ ϫλϧ͕ ͠ΐ͏ͿΛ ͔͚͖ͯͨ͠ʂ
© Recruit Co., Ltd. 難易度 :問題が難しすぎないか、簡単すぎないか 時 間 :1回の問題量が取り組みやすいか 目
標 :目指すゴールがあるか 学習体験におけるハードル 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 出題する問題 簡単すぎる問題 難しすぎる問題 全体の問題数 難易度 ハードル
🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. ユーザーの実力に合わせて出題問題量をデザイン 低スコア 高スコア 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 問題1 1回の学習 問題2 ・・・ 問題20 問題21
問題22 ・・・ 問題40 1回の学習 止める 時間 のハードル 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 1回の問題量が多いと、学習時間が伸び負荷が高い 問題1 1回の学習 問題2 ・・・ 問題20
問題21 問題22 ・・・ 問題40 1回の学習 止める 😫 😫 20問 = 25分 20問 = 25分 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 1回あたりの学習時間を10分以下になるようにデザイン 問題1 1回の学習 問題2 ・・・ 問題20
問題21 問題22 ・・・ 問題28 1回の学習 8問 = 10分 短すぎると適切にレベルを判断できないため、判断できるギリギリの問題量 20問 = 25分 😂 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 目標 のハードル 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント ঢ͓֨ΊͰͱ͏ 4ʴ
4ʴ σϚΤϙΠϯτϦηοτ͞Ε·͢ 8*/ 8*/ -04& 8*/
© Recruit Co., Ltd. ユーザーの短・中・長期目標を設計 ランクを 1つ上げたい Aランクを 目指したい 全Partで
Aランクを TOEIC 800点 短期 中期 長期 TOEICスコアを提示するには技術的に難易度が高いため、ランク表現でファジーにし目標設計 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 日々のランクに変化を持たせるために細かく刻む 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 難易度 :出題する問題難易度を調整 時 間 :1回の問題量が取り組みやすく調整 目
標 :短中長期のゴール設計をする 学習体験におけるハードル 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 3. 刺激 2. 適切なハードル 1. 期待を裏切らない
N回目 1回目 2回目 3回目 0回目 2. 適切なハードル 2. 適切なハードル 2. 適切なハードル 3. 刺激 👆 気軽に、楽しく、続けられる 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント εϥΠϜ͕ ͋ΒΘΕͨʂ
© Recruit Co., Ltd. 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント ϝλϧεϥΠϜ͕ ͋ΒΘΕͨʂ
© Recruit Co., Ltd. 使い続けるとモチベーションが落ちるタイミングがくる 間違えが続く ランクが上がらない 😫 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. モチベーションが落ちる原因を、刺激(解決)する 間違えが続く ランクが上がらない 苦手を特定 克服する講義を提案 😭
🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 苦手発見! 苦手な問題形式が 出現 克服する トレーニング 講義動画
演習問題 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. モチベーションが低下する原因に対して 刺激(解決)することで、継続を促進させる 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 3. 刺激 2. 適切なハードル 1. 期待に応える
N回目 1回目 2回目 3回目 0回目 2. 適切なハードル 2. 適切なハードル 2. 適切なハードル 3. 刺激 気軽に、楽しく、続けられる 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 3. 刺激 2. 適切なハードル 1. 期待に応える
N回目 1回目 2回目 3回目 0回目 2. 適切なハードル 2. 適切なハードル 2. 適切なハードル 3. 刺激 遊び心 ✌ 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント 気軽に、楽しく、続けられる
© Recruit Co., Ltd. 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. “気軽に、楽しく”を最大限発揮するための 意味のある遊び心 💘 🫶 “気軽に、楽しく、続けられる”を創る3つのポイント
© Recruit Co., Ltd. 3. まとめ Design is …
© Recruit Co., Ltd. ・想定通りの体験になっているか ・不具合などないか ・想定通りの体験になっているか ・継続率/学習時間への影響は ・改善点などないか α版テスト
社内のおさわり会 β版テスト 一部ユーザーへ解放 🎉 本リリース 💙 まとめ リリースまでの検証ステップ
© Recruit Co., Ltd. とはいえ、実態はもっと泥臭い🧟 当初WF リリース時UI 💙 まとめ
© Recruit Co., Ltd. コンセプトを実現するために、シンプルな体験へ昇華すること 描いて 作って 壊して ユーザーの解像度 コンセプト
💙 まとめ 当初WF リリース時UI
© Recruit Co., Ltd. ユーザーとコンセプトを定め シンプルな体験を描き 期待に応える・適切なハードル・刺激 + 遊び心 をデザインする
💙 まとめ 気軽に、楽しく、続けられる 💘 学びのデザイン デザインの多様性・可能性 今回のテーマ
© Recruit Co., Ltd. 💙 まとめ 世の中の知見を どう解釈するか ・・・
© Recruit Co., Ltd. Less is more Function シンプルか 機能的か
💙 まとめ
© Recruit Co., Ltd. Less is more Function シンプルか 機能的で楽しいか
💙 まとめ 💘
© Recruit Co., Ltd.
© Recruit Co., Ltd. 4. 最後に Appendix
© Recruit Co., Ltd. 「スタディサプリ ブランドサイト」で検索くださいませ もっと詳しく知りたい方は、スタディサプリのブランドサイトへ
© Recruit Co., Ltd. リクルートでは、プロダクトデザインする仲間を絶賛募集中です! プロダクトマネージャー デザインディレクター クライアントサクセス
© Recruit Co., Ltd. リクルート プロダクトデザイン室の 事例やナレッジを発信してます 🎄今月はnoteでアドベントカレンダーやってます🎄 「プロダクトデザイン室」で検索くださいませ
© Recruit Co., Ltd. ご清聴ありがとうございました 👋