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
540
紙の学習体験をなめらかに改善する - abceedの機能開発の歴史
kakakazuma
June 28, 2022
Tweet
Share
More Decks by kakakazuma
See All by kakakazuma
「自社開発組織」の強み弱み - 会社紹介資料
kakakazuma
0
380
abceedの機能開発の歴史とエンジニア組織の変遷
kakakazuma
0
560
影分身はじめました -1人から始める組織化への道-
kakakazuma
0
2.3k
スタートアップで開発速度を上げるためにやった事
kakakazuma
1
2.3k
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
89
GraphQLとの向き合い方2022年版
quramy
43
13k
Making Projects Easy
brettharned
115
5.9k
KATA
mclloyd
29
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Building Applications with DynamoDB
mza
90
6.1k
Typedesign – Prime Four
hannesfritz
40
2.4k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Building Your Own Lightsaber
phodgson
103
6.1k
Why Our Code Smells
bkeepers
PRO
334
57k
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. 積極採用中!