失読症のユーザーのためのUI/UXデザイン

公開: 2019-04-05

現在、あらゆる規模の企業が包括性の向上に取り組んでいます。この称賛に値するイニシアチブにより、人々は健康上の制限に関係なく、商品やサービスのメリットを享受できます。

デジタルサービスも包括性を取り入れようとしており、Webおよびモバイル開発業界がこの競争をリードしています。 Instagramは最近、自動代替テキストとカスタム代替テキストの2つのユーザー補助機能を備えたアプリのアップデートを開始しました。

これらの機能により、視覚障害のあるユーザーはアプリを使用して最高のエクスペリエンスを得ることができます。

現在、業界は、さまざまな人々にとって等しくユーザーフレンドリーな包括的なUX/UIデザインを作成することをまだ学んでいます。このテキストでは、失読症のユーザー向けのUI/UXデザインに関する情報を紹介します。

なぜそれが重要なのか疑問に思うなら、ここに1つの事実があります：その研究に基づいて、失読症と創造性のためのエールセンターは世界の人口の最大20パーセントがある程度失読症に苦しむ可能性があるという結論に達しました。つまり、アプリまたはWebサイトのユーザーの10人に2人は、それを使用している間、適切なユーザーエクスペリエンスを得ることができない可能性があります。

失読症の認識

失読症は、すべての年齢層、民族、社会的地位、および知能レベルの子供と大人の書き込み、スペル、および読み取りを困難にする状態です。失読症は、完全に治癒できるわけではない一般的な神経学的学習障害です。それは伝染性ではなく、継承できません。この状態は、怠惰や勉強への抵抗とは何の関係もありません。この言語ベースの学習障害は治癒可能ではありませんが、この状態の人々が学問的、専門的、そして個人的に成功することを自動的に妨げることはありません。適切な介入と技術支援があれば、失読症は他の人と同じように成功した人生を送ることができます。

有名で成功した人々の何人かは失読症を持っています。アルバート・アインシュタイン、リチャード・ブランソン、トム・クルーズ、ジム・キャリー、ウォルト・ディズニー、ウーピー・ゴールドバーグが失読症と診断されました。この状態は、ジョンFケネディ、ジョージワシントン、ジョージWブッシュが米国の大統領になることを妨げていません。診断されておらず、適切に対処されていない場合、失読症は学業成績の低下、多くの不安、欲求不満、および低い自尊心を引き起こす可能性があります。

誰もがWebにアクセスできるようにすることには法的な側面もあります。 WAI Web Accessibility Policy Resourcesをチェックして、アクセシビリティに関する法的ポリシーに関する記事を表示できます。

失読症のためのデザイン

現代の教育は高度にデジタル化されています。多くの場合、子供たちはiPadから読み書きの基本を学びます。ただし、アクセシブルなソリューションを必要としているのは彼らだけではありません。世界中のさまざまな人々が、制限に関係なく使用して利益を得ることができるアクセス可能なWebおよびモバイルツールを必要としています。

失読症のためのいくつかの非常に成功したデジタル教育ソリューションはすでに存在しています。その中には、Leo、Teen and Adults Phonics Library、Knoword、Reading Machine、DrawSomethingなどのアプリがあります。あなたの製品の失読症にやさしいデザインに取り組むとき、インスピレーションを得るためにそれらをチェックしてください。

失読症のUXとUIの設計は、通常のWebアプリやモバイルアプリの作成よりも難しい場合があります。この場合、設計者は単に業界のベストプラクティスに従う以上のことを行う必要があります。失読症にやさしいUX/UIを設計するには、このセクターの最近の開発に遅れずについていき、すでに成功していることが証明されているガイドラインに従う必要があります。ウェブサイトやアプリを失読症に使いやすくする場合は、関連する成功経験があり、ポートフォリオやケーススタディを紹介できるデザイナーと協力するのが最善です。

特定のグループが製品にアクセスできるようにする場合、そのケースのベストプラクティスに従うだけでは不十分です。ターゲットオーディエンスに製品をテストさせて、製品との相互作用を確認する必要があります。徹底的な品質保証テストを行った後でも、失読症の人だけが気付く問題があるかもしれません。どのデジタル製品を設計する場合でも、常にそのユーザーを監視する必要があります。あなたにとって最善と思われる解決策は、実際にそれを使用している人々にとって混乱し、不利になる可能性があります。

失読症のためのUX/UIを設計するためのベストプラクティス

失読症に使いやすい、アクセス可能なUX / UIは、次のように開発できます。

高コントラストと失読症はよく一致しません。失読症の人は、コントラストレベルの高い画面でテキストを読むのが難しいと感じることがよくあります。彼らの視点から見ると、文字、単語、線が「踊り回って」おり、場所が変わって読者に苦労しているように見えます。ユーザーが使いやすくするために、高コントラストの色ではなくパステルカラーの背景を選択してください。白い背景で作業する場合は、黒ではなく濃い灰色のテキストを選択してください。通常のユーザーの明瞭さと読みやすさに影響はありませんが、失読症の場合は大幅に改善されます。
フォントに注意してください。失読症に適したフォントは、通常は混乱を招く文字の行間隔と明確な活版印刷要素を増やしています。 DyslexieやOpenDyslexicのような失読症に合わせたフォントがあります。しばしば嘲笑されるComicSansフォントは、このオーディエンスにとっても驚くほどうまく機能します。その背後にある理由は非常に単純です。このフォントの文字の間には大きなスペースがあり、ユーザーが類似した文字を簡単に区別できるようにする独自のタイポグラフィ要素があります。フォントの選択が通常のオプションに制限されている場合は、Arial、Century Gothic、Tahoma、Trebuchet、またはVerdanaを選択してください。
テキストは短くしてください。このアドバイスは、特にテキストの行と一般的な画面に関係します。調査によると、理解を深めるために、画面上の1行は45文字を超えてはなりません。また、12〜14ポイントよりも小さいフォントを選択することはお勧めしません。
テキストスタイルをオーバーロードしないでください。文字は失読症の人の目には踊る傾向がありますが、派手なイタリックでドレスアップして下線を引くことは、物事を良くすることにはなりません。失読症のテキストの要点を明確にするには、太字を使用します。ボックスや大きなフォントの小文字を使用して、重要なテキストブロックを強調することもできます。
読みやすさのツールを組み込む。読みやすさツールを有効にすることで、ユーザーが製品のテキストを理解するためのより多くの方法を提供します。失読症や視覚障害のあるユーザーは、テキストからオーディオへの機能から大きな恩恵を受けるでしょう。この機能は、サードパーティの自動ツールを使用するか、製品のテキスト領域を読んでいる人のオーディオクリップを含めるかの2つの方法のいずれかで実装できます。
分割機能。 1つの画面に表示される機能が多すぎる場合は、機能の数を減らすか、画面を2つに分割してみてください。ユーザーがそれらに順応するのを困難にする可能性があるいくつかのオーバーロードされたものよりも、いくつかの余分なクリアなアプリ画面を持っている方が良いです。
柔軟性を優先します。失読症のユーザー向けに設計するときは、柔軟な製品を作成することを優先してください。ユーザーが同じ宛先に到達するために複数のパスを作成しても害はありません。ユーザーが長く複雑な手順を繰り返し、テキストの行を何度も入力するようなブラインドコーナーの作成は避けてください。一人のユーザーが喜んでそれをすることはありません。
カスタマイズを許可します。デザイナーは、可能な限り最高の色、コントラスト、フォント、スタイルの組み合わせを選ぶことができます。ただし、デジタル製品の一部のユーザーにとっては、事前に決定された選択が依然として好ましくない場合があります。妥当なレベルの設計カスタマイズを許可しても害はありません。ユーザーがフォント、テキストの倍率、テキスト、背景色を選択できるようにします。
グラフィックでテキストを強化します。可能な限り、テキストをサポートするためにアイコンを使用するか、理解を深めるためにテキストの代わりにアイコンを使用してください。画像とビデオは、テキストを支援し、デザインをより明確にし、アクセシビリティを向上させる必要があります。視覚障害のあるユーザー向けのキャプション付きのビデオを添付してください。
自動入力、リマインダー、およびヒントを使用します。アプリのユーザーに、アプリで入力して検索したことをすべて覚えさせないでください。ユーザーの履歴からの提案でGoogleのような検索フィールドを有効にすると非常に役立ちます。可能であれば、ユーザーにヒントを提供してください。
オートコレクトを組み込みます。 1文字のつづりを間違えただけで、アプリがあなたを理解できないのは面倒です。 Pinterestのようなサービスは、ユーザーが何を意味するのかを推測し、そこから選択するオプションを提供します。このような機能は、失読症のユーザーにとって貴重なものになる可能性があります。また、若い聴衆や非ネイティブスピーカーにも役立ちます。
シンプルな方が良いです。ユーザーの気を散らして困惑させる可能性のある不要な要素でデザインを過負荷にしないでください。失読症のUX/UIデザインは、ユーザーの認知的負荷を軽減する必要があります。できるだけ明確で気を散らすものがないようにする必要があります。

失読症のデザインの悪い習慣

開発者や通常のユーザーには論理的で便利に見えるが、失読症にはやや不利なUX/UIプラクティスがいくつかあります。避けるべき悪い習慣の概要は次のとおりです。

重いテキストの大きなブロック。できるだけ多くのテキストを1つの画面に詰め込むのに適したオプションのように見えますが、読みやすさと使いやすさの点で常に不適切な選択です。
圧倒的な画面。 1つの画面ですべてを絞り込まないでください。最近のモバイルおよびWebアプリの開発と設計の傾向によると、ミニマリズムは新しい黒人です。 Instagramのプロフィールページをご覧ください。アプリのすべての機能が表示されるわけではありません。気を散らすものや視覚的なノイズはありません。
文末のダブルスペース。文末のダブルスペースがテキストをより明確にすると考える人もいるかもしれません。ただし、失読症のユーザーには当てはまりません。ダブルスペーシングは、失読症の人の目には川のようにテキストをぼやけさせます。
あいまいなボタンの使用。ボタンに「ここをクリック」と表示されている場合、その意味はアプリの開発者と作成者には明らかですが、失読症のユーザーにはそれほど明白ではない可能性があります。ボタンのコマンドをできるだけシンプルで明確にします。
1ページのすべての情報。 1つのことに関するすべての情報を1つの場所にまとめることは論理的かもしれませんが、失読症のユーザーにとっては良い考えではありません。ユーザーに、いくつかの異なるパスを使用して同じデータにアクセスする機会を与えます。

最終的な考え

インターネットは、誰もがアクセスできるテクノロジーとして登場しました。開発者と設計者は、デジタルテクノロジーがどれほど高度で複雑になっても、すべてのタイプのユーザーに対して差別のない状態を維持する必要があります。

スマートフォン技術の開発により、何百万人もの人々がオンライン通信、対話、および娯楽の主要なソースとしてモバイルデバイスに移行しました。アクセシビリティを念頭に置いてウェブアプリやモバイルアプリを作成することは、開発者やデザイナーにとって第二の性質となるはずです。

失読症のアクセシビリティの問題はしばらくの間研究されており、プロジェクトに使用できるいくつかの優れた実践がすでにあります。失読症のユーザーがデジタル製品のデザインにアクセスできるようにすることには、圧倒的に複雑なことは何もありません。アクセシビリティは、製品のスタイリッシュさと洗練さを損なうことはありません。ボーナスとして、それはそれをより強調して人道的にするでしょう。結局のところ、情報は私たちの生活の不可分の一部であるため、誰もがアクセスできる必要があります。

失読症を扱うためのリソース：

以下に、失読症のユーザー向けに優れたUX/UIデザインを作成するのに役立つ関連する最新のリソースのリストを示します。

失読症の子供たちの学習を促進するための20のデザインリソース
英国失読症協会：失読症スタイルガイド
UXプラネット：失読症のためのデザイン
ディスレクシアインターナショナルi（非営利情報リソース）
Helen Arkell Dyslexia Center（慈善および情報リソース）
国際失読症協会
ウサビラ：失読症のデザイン方法