Planning

デジタル絵本Appをマインドマップで描く

2019.05.09

概要

企画概要

デジタル絵本Appの画面遷移を、マインドマップで整理したサービス構想

この企画は、デジタル絵本アプリのサービス設計を、マインドマップ形式で整理した記録です。

絵本は、子どもにとって物語に触れる入口であり、親子のコミュニケーションを生む大切なコンテンツです。一方で、スマートフォンやタブレットが普及したことで、絵本の楽しみ方も少しずつ変化しています。

紙の絵本には、ページをめくる手触りや、親が読み聞かせる温かさがあります。

一方で、デジタル絵本には、音声、アニメーション、録音、翻訳、読み聞かせ支援、購入管理、シリーズ展開、学習機能など、アプリならではの拡張性があります。

そこで今回は、デジタル絵本アプリをサービスとして考えた場合に、どのような画面構成が必要になるのか、どこまでを無料機能にし、どこからを有料機能にするのかを整理しました。

以下の画面遷移図は、約3時間ほどで作成したものです。

完成されたUIデザインというより、サービス全体の構造、導線、機能の切り分けを考えるための初期設計資料として作成しました。

キリン TFキリン
今回は、デジタル絵本アプリの画面遷移をマインドマップで整理した企画記録です。
パンダ 司会パンダ
無料機能と有料機能の切り分けまで考えた、サービス設計の初期案なんですね。

この記事で整理していること

  • デジタル絵本アプリを考えた背景
  • 紙の絵本とデジタル絵本の違い
  • アプリ化することで広がる体験価値
  • 無償機能と有償機能の切り分け
  • HOME画面を中心にした画面遷移の考え方
  • 親子向け・子ども向け・運営向けの導線整理
  • 約3時間で作成したマインドマップの振り返り
  • 今後のサービス拡張アイデア

01. 企画の背景

着想背景
デジタル絵本Appのイメージ

絵本の読み聞かせ体験を、デジタルでどう広げられるかを考える

デジタル絵本アプリを考えるうえで、まず意識したのは「紙の絵本をそのままアプリに置き換えるだけでは弱い」ということです。

紙の絵本には、親子で一緒に読む時間、ページをめくる楽しさ、寝る前の読み聞かせ、手元に残る思い出があります。

この価値は、デジタルに置き換えればよいものではありません。

むしろ、デジタル絵本アプリでは、紙の絵本が持つ温かさを尊重しながら、アプリだからできる補助機能や拡張体験を加える必要があります。

デジタル絵本で広がる可能性

デジタル絵本には、次のような可能性があります。

  • 音声付きで読み聞かせできる
  • 親の声を録音して再生できる
  • 文字サイズや表示方法を調整できる
  • 効果音やアニメーションで物語に入り込みやすくなる
  • 日本語・英語など多言語対応ができる
  • 読書履歴やお気に入りを管理できる
  • シリーズ作品や追加コンテンツを購入できる
  • 子どもの年齢に合わせた作品をおすすめできる

アプリ化で大切にしたい視点

ただし、機能を増やしすぎると、絵本本来の良さが薄れてしまいます。

  • 絵本アプリに必要なのは、子どもが安心して物語に集中できること。
  • 親が使いやすいこと。
  • そして、読み聞かせや親子の会話を邪魔しないことです。

そのため、画面遷移を考える際には、子ども向けのわかりやすさと、保護者向けの管理機能を分けて考える必要があると感じました。

キリン TFキリン
デジタル化するだけではなく、絵本らしさを残すことが大切なんですね。
パンダ 司会パンダ
はい。親子の読み聞かせ体験を壊さず、アプリならではの便利さを加えたいと考えました。

02. デジタル絵本Appの画面遷移

画面遷移

HOME画面を起点に、読む・探す・購入する・管理する導線を整理する

デジタル絵本Appの画面遷移

無償と有償の機能の切り分けを考えながら、デジタル絵本アプリ全体のサービス構造を整理しました。

以下のフロー図は、約3時間ほどの作業時間で作成したものです。

このマインドマップでは、HOME画面を中心に、ユーザーがどの画面へ進むのかを整理しています。

デジタル絵本アプリでは、単に絵本を読むだけでなく、絵本を探す、購入する、保存する、読み聞かせる、設定する、親が管理する、子どもが楽しむといった複数の導線が必要になります。

主な画面構成の考え方

  • HOME:アプリの入口。おすすめ絵本や最近読んだ絵本へアクセスする
  • 絵本一覧:無料・有料・ジャンル別・年齢別に作品を探す
  • 絵本詳細:あらすじ、対象年齢、試し読み、購入情報を確認する
  • 読む画面:ページ送り、音声再生、効果音、読み聞かせを行う
  • お気に入り:子どもや保護者がよく読む作品を保存する
  • 購入・課金:有料作品や追加機能を購入する
  • 保護者設定:課金制限、利用時間、年齢設定などを管理する
  • 履歴・レポート:読書履歴やよく読んだ作品を確認する

HOME画面で重要なこと

HOME画面では、子どもが迷わず使えることが重要です。

アイコンやサムネイルを大きくし、文字が読めない年齢の子どもでも、絵で作品を選べるようにする必要があります。

一方で、購入や設定などの保護者向け機能は、子どもが誤って操作しないように分けるべきです。

そのため、子ども向け導線と保護者向け導線を、HOME画面の時点で整理しておくことが大切だと考えました。

パンダ 司会パンダ
HOME画面には、子ども向けと保護者向けの導線が混在しそうですね。
キリン TFキリン
はい。だからこそ、最初に画面遷移で全体構造を整理する必要があると感じました。

03. 無償機能と有償機能の切り分け

機能設計

無料で体験してもらい、有料機能で継続利用につなげる

デジタル絵本アプリをサービスとして考える場合、無料で使える範囲と、有料で提供する範囲の設計が重要になります。

最初からすべて有料にすると、ユーザーが試しにくくなります。

一方で、すべて無料にすると、作品制作や運営を継続するための収益が作れません。

そのため、まずは無料でアプリの魅力を体験してもらい、気に入ったユーザーが有料コンテンツや追加機能を購入できる形がよいと考えました。

無料機能として考えられるもの

  • 一部の絵本の無料閲覧
  • 試し読み
  • 基本的なページ送り
  • 一部の音声再生
  • お気に入り登録の一部機能
  • おすすめ作品の閲覧
  • 保護者向けの基本設定

有料機能として考えられるもの

  • 有料絵本の購入
  • 絵本シリーズのセット購入
  • 読み聞かせ音声の追加
  • 親の声を録音できる機能
  • 英語や多言語表示
  • 広告非表示
  • 読書履歴レポート
  • 子どもの年齢別おすすめ機能
  • サブスクリプション型の読み放題

課金で気をつけるべきこと

子ども向けアプリでは、課金設計に注意が必要です。

子どもが誤って購入しないように、保護者確認やパスコード、購入前の確認画面が必要になります。

また、子どもに対して過度に課金を促す見せ方は避けるべきです。

有料機能は、親にとって納得できる価値として見せる必要があります。

たとえば、子どもの読書習慣を支える、親の声で読み聞かせできる、英語学習にも使える、安心して利用時間を管理できるといった価値です。

キリン TFキリン
子ども向けアプリでは、課金導線の設計がかなり大事ですね。
パンダ 司会パンダ
はい。無料体験と有料機能の切り分けだけでなく、保護者が安心できる設計が必要だと思いました。

04. 子ども向け体験の設計

子どもUX

文字が読めない年齢でも、直感的に絵本を選んで楽しめるUIへ

デジタル絵本アプリでは、子どもが自分で触る場面も想定されます。

そのため、UIは大人向けアプリよりもさらに直感的である必要があります。

子どもは文字を読む前に、絵や色、音、動きで判断します。

そのため、絵本の表紙サムネイルを大きく表示したり、キャラクターやジャンルを視覚的に選べるようにしたりすることが重要です。

子ども向けUIで意識すること

  • ボタンを大きくする
  • 文字だけでなく、アイコンやイラストで伝える
  • 誤操作しても戻りやすくする
  • 購入や設定には簡単に入れないようにする
  • 読みたい絵本を表紙で選べるようにする
  • 音声や効果音で操作の反応をわかりやすくする
  • 過度なアニメーションで集中を妨げないようにする

読む画面で大切なこと

絵本を読む画面では、物語に集中できることが最優先です。

ボタンやメニューが多すぎると、子どもは物語よりも操作に気を取られてしまいます。

そのため、読む画面では、ページ送り、音声再生、戻るボタンなど、必要最小限の操作に絞るのがよいと考えました。

また、親が読み聞かせる場合と、アプリが音声で読み上げる場合の両方を想定する必要があります。

親子で一緒に読む体験

デジタル絵本は、子どもが1人で読むだけのものではありません。

親子で一緒に読む体験も重要です。

たとえば、親が読み聞かせをしながら、必要に応じて効果音だけを使う。

親が忙しいときには、音声読み上げを使う。

遠方にいる祖父母の声を録音して、読み聞かせとして再生する。

このように、デジタルだからこそ親子や家族のつながりを広げる使い方も考えられます。

05. 保護者向け機能の設計

保護者UX

安心して使えるように、設定・課金・利用時間を管理する

子ども向けアプリでは、保護者向け機能の設計がとても重要です。

子どもが楽しく使えることはもちろん大切ですが、保護者が安心して使わせられることも欠かせません。

特に、課金、利用時間、広告、外部リンク、個人情報、年齢に合った作品表示などは慎重に設計する必要があります。

保護者向けに必要な機能

  • 子どもの年齢設定
  • 表示する絵本ジャンルの設定
  • 課金制限
  • 購入時のパスコード確認
  • 利用時間の管理
  • 広告表示の制御
  • 読書履歴の確認
  • お気に入り作品の管理
  • 読み聞かせ音声の録音・管理

保護者にとっての価値

保護者にとって、デジタル絵本アプリの価値は、子どもが楽しむだけではありません。

  • 安心して使わせられること。
  • 読書習慣を作れること。
  • 年齢に合った作品を選びやすいこと。
  • 親の読み聞かせを補助できること。
  • 子どもがどんな本に興味を持っているのかを把握できること。

こうした価値が伝わると、有料機能への納得感も高まります。

子どもと保護者の導線を分ける

アプリ内では、子どもが使う画面と保護者が使う画面を明確に分ける必要があります。

子ども向け画面では、絵本を選んで読むことに集中させます。

保護者向け画面では、購入、設定、履歴、録音、制限などを管理します。

この役割分担を整理するためにも、画面遷移図は重要な設計資料になります。

パンダ 司会パンダ
子ども向けアプリは、保護者の安心感がないと使われにくいですね。
キリン TFキリン
はい。子どもが楽しいことと、親が安心できることの両方が必要だと考えました。

06. 収益化とサービス設計

ビジネス設計

買い切り・サブスク・追加機能を組み合わせて継続運営を考える

デジタル絵本アプリを継続して運営するには、収益化の設計も必要です。

絵本コンテンツは、制作に時間とコストがかかります。

文章、イラスト、音声、効果音、翻訳、アニメーション、アプリ開発、保守運用など、多くの要素が関わります。

そのため、どのような課金モデルにするかを最初に考える必要があります。

考えられる収益モデル

  • 買い切り型:1冊ごとに絵本を購入する
  • シリーズ購入:テーマや作者ごとにまとめて購入する
  • サブスクリプション型:月額で複数作品を読めるようにする
  • 追加機能課金:録音、多言語、広告非表示などを有料化する
  • 教育機関向け:保育園・幼稚園・学校向けにライセンス提供する
  • 企業タイアップ:知育・地域・キャラクター企画と連携する

無料と有料のバランス

無料部分では、アプリの使いやすさや絵本の魅力を体験してもらいます。

有料部分では、親子にとって価値の高い体験を提供します。

たとえば、親の声で読み聞かせできる機能や、英語版への切り替え、読書履歴レポートなどは、保護者にとって納得しやすい有料機能になる可能性があります。

教育機関向けの可能性

デジタル絵本は、家庭向けだけでなく、保育園、幼稚園、小学校、児童館、図書館などでも活用できる可能性があります。

教育機関向けには、複数端末で使えるライセンス、先生向け管理画面、読み聞かせ教材、季節イベント向け絵本などを提供できます。

家庭向けとは別に、BtoBやBtoBtoCの展開も考えられます。

07. 3時間で作成した画面遷移図の振り返り

制作振り返り

短時間でも、サービス全体の構造を可視化することで課題が見えやすくなる

今回の画面遷移図は、約3時間ほどで作成しました。

短時間の作業ではありましたが、アプリ全体の構造をマインドマップで整理することで、必要な機能や導線が見えやすくなりました。

頭の中で考えているだけでは、HOME画面からどこへ遷移するのか、子ども向け機能と保護者向け機能がどこで分かれるのか、無料と有料の境界をどこに置くのかが曖昧になりがちです。

マインドマップで整理するメリット

  • サービス全体の構造を俯瞰できる
  • HOMEからの導線を整理しやすい
  • 無料機能と有料機能を比較しやすい
  • 子ども向け・保護者向けの機能を分けやすい
  • 不足している画面や機能に気づきやすい
  • 初期MVPの範囲を考えやすい

短時間作業で見えた課題

一方で、3時間の初期整理では、まだ粗い部分もあります。

たとえば、各画面の詳細UI、購入フロー、読み聞かせ画面、保護者設定、課金確認、年齢別レコメンド、音声録音の仕様などは、さらに深掘りが必要です。

  • 画面遷移図は、あくまでサービス設計の入口です。
  • ここから、画面一覧、機能一覧、ユーザーストーリー、MVP範囲、ワイヤーフレームへ展開していく必要があります。
キリン TFキリン
3時間でも全体像を描くと、次に考えるべきことが見えやすくなりますね。
パンダ 司会パンダ
はい。まずは構造を可視化することで、サービスの骨格を整理できました。

08. 今後の拡張アイデア

拡張構想

読み聞かせ、学習、家族共有、地域連携へ広げる

デジタル絵本アプリは、絵本を読むだけでなく、さまざまな方向へ拡張できます。

特に相性が良いのは、読み聞かせ支援、英語学習、家族共有、地域や文化の学習です。

今後考えられる拡張

  • 親の声で読み聞かせを録音する機能
  • 祖父母が遠隔で読み聞かせ音声を登録する機能
  • 日本語・英語の切り替え
  • 年齢別・テーマ別のおすすめ絵本
  • 読書スタンプや読書カレンダー
  • 季節イベントに合わせた絵本配信
  • 地域の昔話や民話をデジタル絵本化する
  • 保育園・幼稚園・図書館との連携
  • 子どもの感想や絵を保存する機能

地域コンテンツとの相性

デジタル絵本は、地域の民話、昔話、郷土料理、伝統行事、観光地、歴史などとも相性があります。

地域の物語を絵本化し、音声やアニメーションで届けることで、子どもたちが地域文化に触れるきっかけになります。

また、自治体や教育機関、観光団体との連携も考えられます。

家族の記憶を残す絵本へ

さらに、家族の思い出や祖父母の声を残す方向にも広げられます。

親や祖父母が読み聞かせた声を残せば、単なる絵本アプリではなく、家族の記憶を残すサービスにもなります。

この発想は、子ども向け教育アプリだけでなく、家族の記録や思い出を残すサービスにもつながると考えました。

09. まとめ

まとめ

デジタル絵本Appは、親子の読書体験を広げるサービスになり得る

今回のデジタル絵本アプリ構想では、画面遷移図を通じて、サービス全体の構造を整理しました。

無償と有償の機能を切り分けながら、HOME画面を中心に、絵本を読む、探す、購入する、管理する、読み聞かせるといった導線を考えました。

デジタル絵本は、紙の絵本を置き換えるものではありません。

紙の絵本の良さを残しながら、音声、録音、多言語、読書履歴、保護者設定、家族共有など、デジタルならではの価値を加えることで、親子の読書体験を広げられると考えています。

この企画で得た学び

  • デジタル絵本は、紙の絵本の代替ではなく補完として考えるべき
  • 子ども向けUIと保護者向けUIは、導線を分ける必要がある
  • 無料機能と有料機能の切り分けは、サービス継続に重要
  • 課金導線は、保護者が安心できる設計にする必要がある
  • 画面遷移図を作ることで、アプリ全体の構造が整理しやすくなる
  • 読み聞かせ、英語学習、地域文化、家族共有などへ拡張できる可能性がある

約3時間で作成した初期のマインドマップではありますが、サービスの骨格を考えるうえでは有効な整理になりました。

今後さらに深めるなら、MVPとして「無料絵本の閲覧」「絵本詳細」「読み聞かせ」「保護者設定」「有料購入」の範囲に絞り、ワイヤーフレームや画面一覧へ展開していくとよいと感じます。

キリン TFキリン
デジタル絵本アプリは、親子の読書体験を広げるサービスになりそうですね。
パンダ 司会パンダ
はい。絵本を読むだけでなく、読み聞かせや家族の記憶を残す体験にも広げられると思いました。

旅とグルメが好きなUI/UXデザイナー

関連記事

目次