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
紙の学習体験をなめらかに改善する - abceedの機能開発の歴史
Search
kakakazuma
June 28, 2022
0
570
紙の学習体験をなめらかに改善する - abceedの機能開発の歴史
kakakazuma
June 28, 2022
Tweet
Share
More Decks by kakakazuma
See All by kakakazuma
「自社開発組織」の強み弱み - 会社紹介資料
kakakazuma
0
420
abceedの機能開発の歴史とエンジニア組織の変遷
kakakazuma
0
600
影分身はじめました -1人から始める組織化への道-
kakakazuma
0
2.3k
スタートアップで開発速度を上げるためにやった事
kakakazuma
1
2.3k
Featured
See All Featured
Designing for Performance
lara
605
68k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Done Done
chrislema
182
16k
RailsConf 2023
tenderlove
29
1k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Documentation Writing (for coders)
carmenintech
69
4.6k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
What's in a price? How to price your products and services
michaelherold
244
12k
Raft: Consensus for Rubyists
vanstee
137
6.8k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Transcript
© 2022 Globee Inc. All rights reserved. 株式会社Globee 紙の学習体験をなめらかに改 善する
- abceedの機能開発の 歴史 上赤 一馬
© 2022 Globee Inc. All rights reserved. 自己紹介 上赤 一馬
(かみあか かずま) 2017/8~ 株式会社Globee CTO (2015/4からパートタイム)
© 2022 Globee Inc. All rights reserved. 作っているもの
© 2022 Globee Inc. All rights reserved. abceedとは クイズ、シャドーイング、スラッシュリーディングなど 約20種類の豊富なアプリ学習に対応
© 2022 Globee Inc. All rights reserved. ユーザー数推移 累計ユーザー数 220万人突破
© 2022 Globee Inc. All rights reserved. 今日話すこと なめらかな改善とは何か?
© 2022 Globee Inc. All rights reserved. なめらかな改善 なめらかな改善 →既存の仕組みに慣れている人でも受け入れやすいよう
な改善 紙→デジタルに学習体験を移行していきたいので、下記が重要 ・紙の本に慣れている学習者でも学習しやすい学習体験 ・紙の本の著者の方/出版社が納得できるコンテンツ移植 ・紙の本での指導に慣れている先生でも使いやすい管理画面体験
© 2022 Globee Inc. All rights reserved. マークシート機能 ・デザイン自体は紙のマークシートとほぼ同じに(=なめらかさ) ・マークシートのボタンタッチ領域を広くして体験を良くする
・問題ごとの消費時間を計測(紙のマークシートではできない) ・?というマークを追加
© 2022 Globee Inc. All rights reserved. マークシート機能(今のデザイン)
© 2022 Globee Inc. All rights reserved. アプリ学習機能 問題の種別に応じて約20種類以上の学習タイプをアプリ上で実装
© 2022 Globee Inc. All rights reserved. アプリ学習機能の工夫点 紙の本のデザインを活かす形でのスマホ用レイアウト作成
© 2022 Globee Inc. All rights reserved. アプリ学習機能の工夫点 学習画面は汎用化しすぎず、最適な学習体験を追求する
© 2022 Globee Inc. All rights reserved. アプリ学習機能の工夫点 隙間時間学習を意識し、1問単位でFBを返すように 選択肢系ボタンへのタッチフィードバックを用意し、気持ちよく解答でき
るように
© 2022 Globee Inc. All rights reserved. アプリ学習機能 間違えた問題のみ復習する事が可能 一度ファイルDLした後は機内モードでも学習可
能
© 2022 Globee Inc. All rights reserved. 全体的な工夫 とにかく触っていて気持ち良いアプリを目指す ボタンのサイズは最小でも40px以上に
・デザイン的に難しい場合、タッチ領域だけでも40px以上に広げる APIレスポンスは可能な限り100ms以内にし、かつアプリ上でキャッ シュし2回目以降を高速に ・後述するおすすめ問題など、キャッシュできないAPIもあり ・キャッシュ実装はバグを産みやすい問題もある ユーザーが操作できない時間をできるだけ作らない ・インジケータで画面全体を覆わず、読み込み箇所にのみ出す 行動に対して0.5秒以内にフィードバックを返す ・画面遷移が遅くなる場合、ボタンにタッチフィードバックをつける
© 2022 Globee Inc. All rights reserved. おすすめ問題
© 2022 Globee Inc. All rights reserved. 管理画面 課題種別に応じて、実際の現場で求められている情報が見れるように 画面を複数実装
© 2022 Globee Inc. All rights reserved. 管理画面 英作文課題では管理画面上で添削もできるように
© 2022 Globee Inc. All rights reserved. 管理画面 学校現場で使われている教材を全て搭載 今までと同じカリキュラムをデジタル化後も再現可能
© 2022 Globee Inc. All rights reserved. 非なめらか事例 リデザイン時に一部画面を削除 /統合したところ、元々使ってくれ
ていたユーザーが怒り、低評価 レビューがたくさん投稿される →意見を整理し、確かに必要と 思った画面は復活させる 既存機能を使えなくする際 は慎重な検討が必要 (機能を増やしすぎないために時に は毅然とした判断も必要)
© 2022 Globee Inc. All rights reserved. abceedの機能開発の特徴/楽しさ 作りたい機能が多いので新規実装の機会が多く、機能の幅も 広い
・ToC/学校/自社スクールと対象ユーザーの幅が広い ・学習体験へのこだわりが強く、画面の作りがいがある ・とにかくやりたいことが多い! ユーザーの反応を感じやすい ・まず社内にコアユーザーがいる ・自社スクール運用しているので、生の声聞きやすい ・学校現場と密に連携しているので、学校現場からの声も聞きやすい
© 2022 Globee Inc. All rights reserved. abceedの機能開発の特徴/楽しさ より詳しい情報は 弊社@toshi0383が記事を書いてくれているので、検索!
© 2022 Globee Inc. All rights reserved. まとめ ・なめらかな改善→既存の仕組みに慣れている人でも受け入れやす い改善
・なめらかな改善のために、多少コストを払ってでも紙の書籍を尊重し たデザインにしたり、やや冗長な画面を複数作ったり、現場で使われ ている教材を全て実装してから学校導入を進めたりしている ・機能開発は楽しいので興味ある人はぜひ話聞きにきてください
© 2022 Globee Inc. All rights reserved. 積極採用中!