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
810
「気軽に、楽しく、続けられる」 学習体験のデザイン 〜 『スタディサプリENGLISH』 の挑戦〜
2022/12/09 Spectrum Tokyo Design Fest 2022での、石黒の登壇資料になります
Recruit
PRO
December 09, 2022
Tweet
Share
More Decks by Recruit
See All by Recruit
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
170
dbtとBigQuery MLで実現する リクルートの営業支援基盤のモデル開発と保守運用
recruitengineers
PRO
3
170
『ホットペッパービューティー』のiOSアプリをUIKitからSwiftUIへ段階的に移行するためにやったこと
recruitengineers
PRO
4
1.6k
経営の意思決定を加速する 「事業KPIダッシュボード」構築の全貌
recruitengineers
PRO
4
280
Browser
recruitengineers
PRO
12
3.7k
JavaScript 研修
recruitengineers
PRO
8
2k
TypeScript入門
recruitengineers
PRO
37
14k
モダンフロントエンド 開発研修
recruitengineers
PRO
13
7.8k
Webアクセシビリティ入門
recruitengineers
PRO
4
2.1k
Other Decks in Technology
See All in Technology
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
170
Amazon Athena で JSON・Parquet・Iceberg のデータを検索し、性能を比較してみた
shigeruoda
1
260
Amazon Q Developer CLIをClaude Codeから使うためのベストプラクティスを考えてみた
dar_kuma_san
0
220
AI時代の発信活動 ~技術者として認知してもらうための発信法~ / 20251028 Masaki Okuda
shift_evolve
PRO
1
130
20251024_TROCCO/COMETAアップデート紹介といくつかデモもやります!_#p_UG 東京:データ活用が進む組織の作り方
soysoysoyb
0
140
ソースを読む時の思考プロセスの例-MkDocs
sat
PRO
1
340
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
piyonakajima
0
160
[Journal club] Thinking in Space: How Multimodal Large Language Models See, Remember, and Recall Spaces
keio_smilab
PRO
0
100
新米エンジニアをTech Leadに任命する ー 成長を支える挑戦的な人と組織のマネジメント
naopr
1
300
Open Table Format (OTF) が必要になった背景とその機能 (2025.10.28)
simosako
3
540
初海外がre:Inventだった人間の感じたこと
tommy0124
1
120
AWSが好きすぎて、41歳でエンジニアになり、AAIを経由してAWSパートナー企業に入った話
yama3133
2
210
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.9k
Docker and Python
trallard
46
3.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Agile that works and the tools we love
rasmusluckow
331
21k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
GitHub's CSS Performance
jonrohan
1032
470k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
630
For a Future-Friendly Web
brad_frost
180
10k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
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. ご清聴ありがとうございました 👋