ディスレクシアの設計、パート2

プールはしごを使用するのは物理的に困難です。







...続き。 開始： ディスレクシアの設計、パート1



デザインの普遍性は、制限があるかどうかに関係なく、人々が製品/インターフェース/オブジェクトとやり取りする同様に高品質で思慮深く手頃な方法を意味します。 今回は、ユニバーサルデザインの原則をインターネットでの作業にどのように適用できるかについて説明します。



プールはしごを使用するのは物理的に困難です。 彼らは強い手とあなたの足にしっかりと立つ能力を必要とします。 したがって、高齢者と子供は、プールから抜け出すための別の方法が必要です。 このアプローチは普遍的とは言えません-すべての人に適しているわけではありません。 しかし、たとえば、足が不確かなスイマーは簡単にプールに出入りできるため、階段を使用できる人もこのタイプのランプを使用できるため、徐々に水の下に行くランプが可能です。 そして、これは、ただ泳ぐことを学んでいるか、あまり自信がない人が、階段を踏まずに、ゆっくりと水に降りて、生き残るための最後の機会として手すりを握る余裕があるという事実は言うまでもありません。 言い換えれば、このアプローチには、より広い範囲のユースケースが含まれ、それに応じて、ユーザーオーディエンスのリーチが拡大します。



幅広いオーディエンスに適切な選択をするのに役立つ7つの基本原則があり、そのうち5つは、ほとんどの読者（および私）が従事するサイトおよびWebアプリケーションの分野に適用されます。 この記事の最初の部分で、ディスレクシアのユーザーは、かなり多数いるにもかかわらず、インターフェイスを設計するときに考慮されないことが多いという事実について話しました。 結果として生じる問題についても説明しました。 次に、できるだけ多くのユーザーに向けてインターフェースを作成する方法と、ディスレクシアの改善だけでなく、すべての人の改善になる理由について説明します。

ユニバーサルデザインの原則

以下、 「アクセス可能」という言葉は「アクセス可能」と翻訳され、作成者が定めた機能の可能な限り幅広い使用を決定するサイト、アプリケーション、インターフェース、または製品のそのようなプロパティを意味します。



ユニバーサルデザインとは、できるだけ幅広いユーザーに適した単一の製品を作成することです。 80歳の男性の使用方法を理解できれば、20歳の男性がこれを使用できる可能性が高くなります。 同じアプローチが障害を持つ人々にも当てはまります。 筋骨格系の障害を持つ人がサイト、アプリケーション、ベンチ、またはストーブを使用できる場合、健康な人は自信を持ちます。 ただし、「手頃な」デザインは常に「ユニバーサル」デザインとは限りません。 「アクセス可能な」サイトは、補聴器のようなものです。聴覚を設定することなく、より良い聞き取りをすることはできません。 同様に、大きなフォントサイズの視覚障害者向けのオプションを備えたサイトは、通常の視力を持つ人々にとっては便利ではありません。 普遍性の観点からのアプローチは、すべての人に利益をもたらす技術を意味します。



ノースカロライナ大学のユニバーサルデザインセンターでは、7つのコアアプローチを提供しており、そのうち5つはWebおよびモバイルアプリケーションに適用できます。 これらはもともと物理空間の設計を目的としていたため、そのうちの2つ（「最小物理的労力」と「使用するサイズと空間」）はデジタル世界にはあまり適していません。 残りの5つは、失読症の人だけでなく、すべてのユーザーに最高の機能的なアクセシビリティを提供するのに役立ちます。 すなわち：

1. 柔軟性
2. シンプルさと明快さ
3. 情報知覚
4. ユーザーエラー許容度/「確実な」
5. 利用可能な機能

柔軟性

ユニバーサルデザインの柔軟性は、いくつかの方法で同じ目標を達成できることを意味します。 私の研究の過程で、回答者は失読症の人に非常に親しみやすいサイトとしてIMDBを非常に頻繁に言及しました。



記事の最初の部分で、カードのデッキをさまざまな方法でソートする方法と、ディスレクシアがすべてのカードを個別に認識し、それを何らかの方法でグループ化する方法について説明しました。 カードを色、スーツ、または順序でグループ化できるように、IMDBの情報はさまざまな方法でグループ化および分類できます。 ユーザーは、俳優のトムハンクス、ウッディウッドペッカー、ピクサー、または1995年のアニメ映画やトイストーリーを検索できます。 UXの専門家や研究者の多くは、 ソートカードなどの方法を使用して、人々が情報を探す可能性の高い場所と方法を決定しますが、リソースの同じセクションにアクセスするさまざまな方法を提供することで、使いやすさと汎用性を高めています。



多くの人が、彼らの脳は他のものとは異なる方法で物事を分析していると説明しました。 したがって、コンテンツをナビゲートするさまざまな方法を提供するサイトは、他のユーザーグループと同様に、ディスレクシアの観点からも使いやすいです。

シンプルさと明快さ

「唯一の直感的なインターフェースは乳首です。 それ以外はすべてスキルを習得しています。」

引用の起源はまだ議論中ですが、「シンプルさ」と「明快さ」という言葉は、インターフェース設計テーマの枠組みの中で遍在しています。 そして、ユニバーサルデザインだけでなく、グローバルに。 「理解可能な」インターフェースを作成するときの目標は、非常に迅速に学習できるように作成することです。 失読症は、広義の意味で学ぶことができないため、理解可能で均一な情報構造を作成することが非常に重要です。



これは、そのようなツールが直面する目標に私たちをもたらします：彼らは私たちに何をすべきかを教え、情報を覚える必要性から私たちを解放するべきです。 理想的には、インターフェイスが非常に単純で、メモリ障害のあるユーザーでも落ち着いてコンテンツストリームをナビゲートできるようになります。 有名な作品「 ユーザーインターフェース設計における10のヒューリスティックアプローチ / ユーザーインターフェース設計のための10のヒューリスティック」では、ヤコブニールセン/ヤコブニールソンは、単純化する1つの方法に言及しています。 彼は、機能的なオブジェクトとオプションを表示することで、デザインが人の「メモリ負荷」を最小限に抑えるべきだと書いています。 たとえば、ロゴはメインページへのリンクであることに気付くでしょう。 これは単なる記憶にとどまらず、現象としての行動をよりよく認識しています。 これは、最小限のメモリを必要とするアクションです。



また、Habréでは、Nielsenの記事の多くの翻訳を見つけることができます。

検索結果へのリンク： https : //clck.ru/9afa3



私のサイト調査で、ディスレクシアはhttp://www.npr.comとhttp://www.apartmenttherapy.comの両方を非常に便利なサイトとして言及しました。 情報の取得とナビゲーションの柔軟性が高いことに加えて、どちらも情報のマークアップの点でうまく構成されています。 コンテンツは非常に読みやすく、サイトの使用方法に関する小さなイントロがあります。 単純なレイアウトと一般的な式に従うコンテンツのセクションへの分割により、NRPで特定のニュースを見つけたり、アパートメントセラピーのフォトギャラリーにアクセスしたりすることは難しくありません。





アパート療法のスクリーンショット



また、情報はテキスト形式だけではいけません。 ディスレクシアの人々を含む聴衆と協力するとき、例えば、画像の形で製品のデモを見る能力や製品と対話する能力は、潜在的な顧客として彼らとより信頼できる関係を築くのに役立ちます。

情報知覚

知覚可能な情報は、簡単に見つけることができ、すぐに取得できる情報です。

• 追加：注意欠陥障害
• ADHD：注意欠陥多動性障害
• ADHDに関する一般的なウィキペディアの記事
• 以下では、ロシア語での解読から次のように、ADHDという略語を両方のタイプの障害に使用します。
• 併存疾患 -簡単な方法で、1つまたは複数の他の疾患が1つの疾患の背景に現れる場合。

ADHDはディスレクシア患者の間で高い割合の併存疾患を持っていますが、ノイズよりも信号レベルが高いデジタル製品が最も有益です。



この場合の「信号」とは、たとえばアクションの呼び出しなど、サイトのメインメッセージを意味し、「ノイズ」とは信号から気を散らすものすべてを意味します。 この製品を他のすべての製品と区別する Nestサーモスタットの主な利点の1つは、注意をそらすことなくユーザーに必要な情報を正確に表示できることです。 同じ理由で、ほとんどの航空会社の不快な搭乗券は、ディスレクシアのない人にとっても混乱を招く可能性があります。 FlightCard for iPhoneアプリケーションは、航空券の異なる異種情報をより消化しやすい形式でグループ化するために作成されました。 デジタル製品のS / N比を高めると、障害のある人だけでなく、すべてのユーザーグループに対する情報の影響を受けやすくなります。



Nestサーモスタットのプロモーション写真



多くのランディングページでは、行動を促すシンプルな説明、わかりやすい説明見出し、製品のイラストに基づいて、知覚可能な情報のためのシンプルなレシピを使用しています。 ページ上の情報をさらに読みやすくする1つの方法：これは、私が「外国語テスト」と呼んでいるものです。 サイトがユーザーが理解できない言語であった場合、ユーザーは製品が何であるかを理解できますか？ 別の言語で書かれた場合、行動を促すことはどの程度理解できるでしょうか？ 明らかに、翻訳によって一部の情報が失われる可能性がありますが、信号対雑音比とアクションの呼び出しの了解度の両方のパラメーターを考慮すると、この単純なテストはインターフェースの使いやすさを改善するのに役立ちます。



さらに、失読症に適したフォントがたくさんあると言えます。 その1つがOpen Dyslexicです。 これらのフォントは、テキストを読みやすくするために設計されています。 デザインをより普遍的にする1つの方法は、CSSドキュメントで最初にディスレクシアのフォントを設定することです。 すでに同様のフォントを持っているディスレクシアのユーザーには、ページ上に適応フォントが表示されますが、同様のフォントをダウンロードする可能性が低い他のユーザーには通常のバージョンが表示されます。

「愚か者からの保護」

設計がどれほど直感的であっても、ユーザーは常に意図したとおりに動作するとは限りません。 したがって、相互作用エラー、技術的エラーの可能性を考慮して、ユーザーが元の場所に戻る機会を与え、一般的に、非定型的な行動の悪影響を最小限に抑えることは、製品を使いやすくする良い方法です。 これは「エラーの許容範囲」と呼ばれます。 ロシアの人々の間で「愚か者からの保護」。



人々が実際にさまざまな方法で物事を使用していることを理解することは、可能な限りエラー耐性のあるインターフェースを作成するのに役立ちます（これはテスト段階を考慮に入れないことです）。



ディスレクシアの対象者は、明らかな理由からスペルチェックツールによって非常に助けられています。 私の研究のほとんどは、スペルチェックがデフォルトでオフになっているGoogleフォームにまとめられたアンケートに基づいていました。 スペルミスが多かった。 実際、一部の人はこのために私にも腹を立てましたが、それは領土的には局所的な現象であったため、ディスレクシアがどのように現れるかを視覚化するのにも役立ちました）。



また、簡単な方法でスペルチェックをサポートしていないため、フラストレーションの原因としてExcelやその他の入力フィールドベースのアプリケーションを指摘しました。



何らかの方法で、各エラー通知がビジネスへの正しいアプローチであると想定しないでください。 愚か者に対する保護の最も困難で物議を醸す瞬間の1つは、ポップアップ通知ウィンドウ、ポップアップ、ポップアップ、ポップアップです。 これは、率直に言って、UXコミュニティでの論点です。 一方では、通知または確認ウィンドウにより、ユーザーは起こりうるエラーを修正できますが、他方では、非常に煩わしくなり、実際、改善方法ではなく、リソースまたはアプリケーションを使用するための不快で不快な方法の原因にもなります。



何らかの方法で人を助けることのない通知メッセージの多くの例があります（ディスレクシアだけがそれらを見るわけではありません）。 別のシナリオの例は次のとおりです。Amazonでの購入プロセス。 注文が行われた後、ユーザーは、小包を形成する前に、注文をキャンセルしたり、内容を変更したりできます。 この場合、これらのアクションに十分な時間が割り当てられます。



ディスレクシアについて話す場合、注文を確認、キャンセル、変更する時間と機会は、ユーザーの不安を取り除き、サイトでの購入と放棄されたバスケットの違いを補うものです。



同様の機能がGmailにあります。

利用可能な機能

最後に、手頃な価格の機能は、すべての人に有効なものです。 ある意味で、それはユニバーサルデザインの礎です。 消費者をグループまたはキャラクター（「盲目」、「失読症」、「理想的なユーザー」、「男」、「健常」）に分ける前に、代わりにユーザー、顧客、そして何よりも、人のように。



視覚障害者用に別のバージョンを作成し、他の全員用にもう1つのバージョンを作成することはできません。 当初から目標は、できるだけ多くの小さな詳細、ケース、状況を考慮した設計を作成することです。 これは、おそらく非常にシンプルで理解しやすいため、他の誰よりも幅広いメッセージです。 製品を使用するためのアクセシビリティは、視聴者への敬意です。

みんなのためのデザイン

ディスレクシアの人々のためにデザインすることはユニークな挑戦です。 それは共感と理解を必要とし、また、ディスレクシアではなく、私たちのほとんどが正しいと思うものに基づいていないかもしれない設計上の決定を下します。



「どのユーザーの方がいいですか？」と尋ねる代わりに どちらを選ぶべきか？「私たちは彼ら全員をどうやって満足させることができるのか？」という質問をする必要があります。 完成時に実際に使用する製品を作成したことはほとんどないため、他の人のことを知るのではなく、自分の気持ちに頼るのは無意味です。 よりアクセスしやすい設計は、oが受け入れられる可能性が高いことです。



ディスレクシアのためのデザインは、デザイナーの行動を促す呼びかけです。 ユニバーサルデザインは、アクセスしやすく意味のあるものを作成するための基盤となります。 通常、デザインプロセスで見落とされる失読症の場合、ユニバーサルデザインは使用済みと未使用の違い、製品での作業の良い印象、相互作用の結果に対する否定的な態度である可能性があります。



著者から：ユニバーサルデザインは物理的な空間の設計のために作成されたため、彼は今だけウェブに到達し、まだ開発中です。 残りの2つの原則は、物理的空間と物理的相互作用の設計について説明しています。 これら2つの原則については、モバイルアプリケーションとWebアプリケーションの分野にあると考えていますが、身体的能力や障害に焦点を当てていないこの記事の範囲外でした。



Open Dyslexicリソースは、インタビューのトピックを見つけ、プロフィールを広めるのに大いに役立ちました。

---

無料の翻訳通訳。 著者の許可を得て翻訳および公開。



記事からのリンク：

1. ユーザーインターフェイス設計の10のヒューリスティックアプローチ
2. ジェイコブ・ニールセンonHabré
3. ADHDに関する一般的なウィキペディアの記事
4. ディスレクシアのウェブサイトを開く