本文へスキップ
インクルーシブデザイン

ディスレクシアに配慮したゲームの文字:書体と余白

ディスレクシア用フォントは効くのか。視線計測や読みの研究でわかった書体、文字サイズ、字間、言葉選びのこと、ゲームの文字を読みやすくする方法を紹介します。

  • 5分で読めます
  • 公開日
OutBrickのジャーニーマップのCloud Carnivalの区間を映したスマートフォンの両側にPeachとVio。近くには黄色、オレンジ、紫のブロックが浮かんでいます
ジャーナルのイラスト

ゲームは言葉であふれています。チュートリアル、ツールチップ、メニュー、吹き出し、報酬の小さな注意書き。ディスレクシア(読み書き障害)のあるプレイヤーにとって、文字の組み方が悪いと、楽しいはずのゲームが読解テストになってしまいます。うれしいことに、何が役立つかについての研究はかなりはっきりしていて、その一部は世間の思いこみとは逆です。たとえば、ディスレクシアのために特別にデザインされたフォントは、研究ではあまりよい結果を出していません。結果を出しているのは、文字の大きさ、余白、わかりやすい言葉です。研究が示していることと、私たちがそれをどう生かそうとしているかを紹介します。

ディスレクシア用フォントは効くのか

下のほうを太くしたり、文字の形を誇張したりした、ディスレクシアのある読み手向けのフォントは、広くすすめられています。けれど統制された研究の結果は、こうしたフォントに好意的ではありません。WeryとDilibertoは、ディスレクシアのある小学生を対象に、文字の名前を言う、単語を読む、無意味語を読むという課題で、OpenDyslexicとArial、Times New Romanを比較しました。速さにも正確さにも、個々の子どもでもグループ全体でも改善は見られませんでした。OpenDyslexicのほうが好きだと答えた子どもは一人もいませんでした。

Kusterらは2つの実験で、ディスレクシアのある250人以上の子どもと、ディスレクシアのない比較グループを対象に、Dyslexieフォントを検証しました。Dyslexieで書かれた文章や単語リストは、ArialやTimes New Romanより速く読めるわけでも正確に読めるわけでもなく、ほとんどの子どもはふつうのフォントを好み、好みと読みの成績には関係がありませんでした。RelloとBaeza-Yatesが、さまざまな書体をディスレクシアのある読み手で比較した視線計測の研究でも、OpenDyslexicで読みが改善することはありませんでした。ただ、この研究では書体の選び方自体は影響していました。サンセリフ体、等幅、ローマン体は役立ち、イタリック体は読みを難しくしたのです。

だからといって、ディスレクシア用フォントを気に入っている人が使うのをやめるべきだということではありません。心地よさは大切で、あるフォントで読むのが楽に感じられるなら、それは使う十分な理由になります。ただ、ゲームが特別なフォントを答えのすべてとして扱うべきではない、ということです。

出典1Wery, J. J., & Diliberto, J. A. (2017). The effect of a specialized dyslexia font, OpenDyslexic, on reading rate and accuracy. Annals of Dyslexia, 67(2), 114–127.2Kuster, S. M., van Weerdenburg, M., Gompel, M., & Bosman, A. M. T. (2018). Dyslexie font does not benefit reading in children with or without dyslexia. Annals of Dyslexia, 68(1), 25–42.3Rello, L., & Baeza-Yates, R. (2013). Good fonts for dyslexia. In Proceedings of the 15th International ACM SIGACCESS Conference on Computers and Accessibility (pp. 1–8). ACM.

本当に役立つこと:大きさと余白

もっとも裏づけのある変更は、文字と文字のあいだの余白です。Zorziらは、ディスレクシアのあるイタリアとフランスの子どもの大きなサンプルで、字間をとても広くすると、練習なしでその場で読みが改善することを見いだしました。その説明は「クラウディング(混み合い)」です。ディスレクシアのある読み手の多くは、近くに並んだ文字の影響をとくに受けやすく、文字の間隔を広げるとその問題がやわらぐのです。StaggとKissは10代でも同じ結果を得ました。字間をとても広くすると、ディスレクシアのグループでは同年代の人より読む速さが大きく上がり、読み飛ばしも減りましたが、色つきのオーバーレイには有意な差はありませんでした。

大きさも役立ちます。RelloとBaeza-Yatesは別の視線計測の研究で、文字を大きくし、字間を広げると、ディスレクシアのある読み手もない読み手も、有意に速く読めることを見いだしました。Rello、Pielot、MarcosによるWebの読みやすさについてのより大規模な研究では、文字サイズが大きくなるほど読みやすさと理解が高まり、文字の多いページには少なくとも18ポイントの文字がすすめられました。一方、行間を広げても効果はありませんでした。実際的な教訓は、文字を大きくできるようにし、文字が混み合わないようにすることです。

出典4Zorzi, M., Barbiero, C., Facoetti, A., Lonciari, I., Carrozzi, M., Montico, M., Bravar, L., George, F., Pech-Georgel, C., & Ziegler, J. C. (2012). Extra-large letter spacing improves reading in dyslexia. Proceedings of the National Academy of Sciences, 109(28), 11455–11459.5Stagg, S. D., & Kiss, N. (2021). Room to read: The effect of extra-large letter spacing and coloured overlays on reading speed and accuracy in adolescents with dyslexia. Research in Developmental Disabilities, 119, 104065.6Rello, L., & Baeza-Yates, R. (2017). How to present more readable text for people with dyslexia. Universal Access in the Information Society, 16(1), 29–49.7Rello, L., Pielot, M., & Marcos, M.-C. (2016). Make it big! The effect of font size and line spacing on online readability. In Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems (pp. 3637–3648). ACM.

ゲームの文字にとって何を意味するか

ゲームには、読むのを難しくする独特のくせがあります。本と違って、ゲームはほかのことが起きているあいだに読むことを求め、読んだ内容にすぐ反応することを求めがちです。凝ったデザインのフォント、にぎやかな背景に重ねた文字、ひとりでに流れていくセリフ、ポップアップで一度だけ表示されて二度と出てこない説明は、どれも読むことに余計な負担をかけます。どれも必要なものではありません。対策のほとんどは、読み手のペースを尊重することです。

  • プレイヤーが読まなければならないものには読みやすいサンセリフ体を使い、装飾的な文字はタイトルだけにとどめる。
  • 説明や長い文章にイタリック体を使わない。
  • システムの文字サイズに対応し、プレイヤーが求めたら文字が大きくなるようにして、文字にゆとりを持たせる。
  • 文字はゲーム画面の上ではなく、無地でコントラストの高いパネルに置く。
  • セリフはプレイヤー自身が送れるようにする。時間で文字を消さない。
  • 言葉とアイコンを組み合わせ、読まなくてもボタンがわかるようにする。
  • チュートリアルのあとでも説明を簡単に見つけ直せるようにする。

コントラストはすべての読み手にとって、とくに年齢とともに大切になります。年長の目と手に向けたゲームデザインで取り上げています。

出典3Rello, L., & Baeza-Yates, R. (2013). Good fonts for dyslexia. In Proceedings of the 15th International ACM SIGACCESS Conference on Computers and Accessibility (pp. 1–8). ACM.6Rello, L., & Baeza-Yates, R. (2017). How to present more readable text for people with dyslexia. Universal Access in the Information Society, 16(1), 29–49.

わかりやすい言葉もアクセシビリティの一部

文字組みでできることには限りがあります。言葉そのものも同じくらい大切です。短い文、よく使われる言葉、1行に1つの考え、いちばん大事な言葉を最初に置くこと。これらはディスレクシアのある読み手を助け、ほかのすべての人、とくに年少のプレイヤーや母語以外の言語で遊んでいる人も助けます。W3Cの読解レベル(英語)についてのガイドラインも、Webについて同じことを主張しています。色についてはパズルで色を唯一の手がかりにしてはいけない理由で関連する点を書きました。大切な情報は決して1つの経路だけに頼るべきではなく、多くのプレイヤーにとって文字は難しい経路なのです。

これは私たちにとって身近な話です。OutBrickの9人のブロックのなかまは声を持たず、吹き出しの文字だけで話すので、その吹き出しの書き方が大切になります。私たちは吹き出しを短くしていますし、ステージの目標は説明文ではなく、ブロック、ゲート、目標のカウンターで示しています。ブロックは同じ色のゲートから帰り、残りの手数は数字で表されます。「さらに大きな文字」はすべての画面に反映されます。ブラウザでステージを遊んでみると、ステージを遊ぶのにどれほど読む必要がないかがわかります。

ディスレクシアのあるプレイヤーへのヒント

iPhoneやiPadでは、「設定」>「アクセシビリティ」>「画面表示とテキストサイズ」に「さらに大きな文字」と「文字を太くする」があり、よくできたゲームはどちらにも対応しています。同じアクセシビリティのメニューにある「読み上げコンテンツ」では、選択した文字を読み上げられ、「画面の読み上げ」では、画面の上端から2本指で下にスワイプすると、画面上のすべてを読み上げます。メニューに言葉だけでなくアイコンも使っているゲームを探し、ゲーム独自の文字サイズや字幕のオプションも遠慮なく使いましょう。ゲームの設定メニューはあまり手をかけてもらえないことが多いのですが、ディスレクシアのあるプレイヤーにとって使いやすいものは、たいてい誰にとっても使いやすいものです。設定や難易度がゲームをどう開いていけるかについては、Celesteのアシストモードが教えてくれることをご覧ください。

何よりも、ディスレクシアはゲームの腕前を測るものではありません。ディスレクシアのあるプレイヤーの多くは、空間や作戦のゲームがとても得意です。そうしたゲームが求める力は、読むこととはまったく違います。文字をきちんとつくったゲームは、そうしたプレイヤーの前に不要な障害物を置くのをやめるだけです。OutBrickの文字がどこかで邪魔になっていたら、サポートページからその場所を教えてください。

よくある質問

役に立つ答えをいくつか

ディスレクシアにいちばんいいフォントは何ですか?

研究では、ひとつのベストなフォントは見つかっていません。ArialやVerdanaのような一般的なサンセリフ体は成績がよく、イタリック体は成績がよくありません。ディスレクシア専用フォントは、統制された研究で読みを改善しませんでした。

OpenDyslexicのようなディスレクシア用フォントは効きますか?

OpenDyslexicとDyslexieを対象にした統制された研究では、ディスレクシアのある子どもの読む速さや正確さに改善は見られませんでした。それでも心地よく感じる人はいて、それは使う十分な理由になります。

ディスレクシアのある人にとって文字を読みやすくするものは何ですか?

もっとも強い証拠があるのは、大きな文字と文字のあいだの広い余白です。わかりやすい言葉づかい、短い文、はっきりしたコントラストの高い背景に置いた文字も役立ちます。

OutBrickはどれくらい文字を読む必要がありますか?

ほとんどありません。ステージはブロック、ゲート、目標のカウンター、手数の数字で読み取れ、ブロックのなかまの吹き出しも短くしています。「さらに大きな文字」はすべての画面に反映されます。

APA 7

参考文献

参考文献は原語のまま記載しています。出典が研究ではなく、スタジオ自身の歴史や報道記事である場合は、本文の該当箇所でその旨を明記しています。

  1. Wery, J. J., & Diliberto, J. A. (2017). The effect of a specialized dyslexia font, OpenDyslexic, on reading rate and accuracy. Annals of Dyslexia, 67(2), 114–127. doi.org/10.1007/s11881-016-0127-1(新しいタブで開きます)
  2. Kuster, S. M., van Weerdenburg, M., Gompel, M., & Bosman, A. M. T. (2018). Dyslexie font does not benefit reading in children with or without dyslexia. Annals of Dyslexia, 68(1), 25–42. doi.org/10.1007/s11881-017-0154-6(新しいタブで開きます)
  3. Rello, L., & Baeza-Yates, R. (2013). Good fonts for dyslexia. In Proceedings of the 15th International ACM SIGACCESS Conference on Computers and Accessibility (pp. 1–8). ACM. doi.org/10.1145/2513383.2513447(新しいタブで開きます)
  4. Zorzi, M., Barbiero, C., Facoetti, A., Lonciari, I., Carrozzi, M., Montico, M., Bravar, L., George, F., Pech-Georgel, C., & Ziegler, J. C. (2012). Extra-large letter spacing improves reading in dyslexia. Proceedings of the National Academy of Sciences, 109(28), 11455–11459. doi.org/10.1073/pnas.1205566109(新しいタブで開きます)
  5. Stagg, S. D., & Kiss, N. (2021). Room to read: The effect of extra-large letter spacing and coloured overlays on reading speed and accuracy in adolescents with dyslexia. Research in Developmental Disabilities, 119, 104065. doi.org/10.1016/j.ridd.2021.104065(新しいタブで開きます)
  6. Rello, L., & Baeza-Yates, R. (2017). How to present more readable text for people with dyslexia. Universal Access in the Information Society, 16(1), 29–49. doi.org/10.1007/s10209-015-0438-8(新しいタブで開きます)
  7. Rello, L., Pielot, M., & Marcos, M.-C. (2016). Make it big! The effect of font size and line spacing on online readability. In Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems (pp. 3637–3648). ACM. doi.org/10.1145/2858036.2858204(新しいタブで開きます)

執筆

Mourad Hamdi

Mouradは、用事と用事のあいだに遊べる、小さくてていねいなゲームをつくっています。OutBrickは、もっと落ち着いて遊べるゲームを目指す彼の実験です。

Mouradのほかの記事