インクルーシブWebデザインとは何ですか？

公開: 2022-04-28

Webサイトのユーザビリティは、Webサイトの使いやすさと操作のしやすさを表す広義の用語です。ただし、使用できるようにWebサイトを設計するときに覚えておくべき重要なことは、すべての人が同じ方法または同じ状況でWebサイトにアクセスするわけではないということです。

「平均的な」または「理想的な」ユーザー向けにWebサイトを設計すると、現実的には、他のユーザーにとって不快、困難、または使用不可能なインターフェイスを作成することになります。

World Wide Webコンソーシアムと地方自治体が提供するガイドラインは、使いやすさとアクセシビリティに関して、設計者がギャップを埋めるのに役立ちました。しかし、それは必ずしもウェブサイトを完全に包括的にするわけではありません。

次の投稿では、インクルーシブデザインの意味、Webデザインにおけるその価値、およびインクルーシブインターフェイスとインタラクションを設計するときに考慮する必要があることについて説明します。

Webアクセシビリティのために設計する方法を学ぶ

インクルーシブデザインとは何ですか？

包括的なWebデザインは、Webサイトから偏見や仮定を取り除き、ユーザーが障害、人口統計、またはその他の一時的または永続的な状況によって排除されたと感じないようにします。

アクセシブルなウェブデザインとUXデザインはどちらも、包括的なウェブサイトの重要なコンポーネントです。アクセシブルなデザインとは、障害者やその他の障害を持つ人々の参入障壁を取り除くプロセスです。 UXデザインは、実際のユーザーがWebサイトをどのように利用しているかをテストおよび検証する、データ駆動型のデザインアプローチです。

このため、インクルーシブデザインでは、ユーザーがWebサイトを完全に使用したり満足したりすることを妨げる可能性があるのは厳密にはユーザーの障害ではないため、考慮すべきことがたくさんあります。 Webデザイナーは、排他的なユーザーセットのエクスペリエンスを作成することによって問題に遭遇することもあります。

そのため、Webデザイナーは、次の要素を考慮する必要があります。

視覚、聴覚、または器用さに関連する身体障害
認知または発話に影響を与える精神障害
ユーザーが製品に完全に関与することを妨げる状況上の制限
ハードウェア、インターネット接続、コンピューターリテラシーなどの技術的制約
言語と地理的な障壁
年齢、人種、性別などの人口統計上の違い
社会経済的差異

結論：インクルーシブデザインは、最終的にユニバーサルデザインに変換されます。

Webデザイナーは、インクルーシブデザインのアクセシビリティの側面に対処するために、さまざまなツールを自由に使用できます。たとえば、WordPressアクセシビリティツール、Webアクセシビリティチェッカー、WAI-ARIAガイドラインなどにより、アクセシブルな設計と実装が容易になります。

ただし、包括的設計では、ユーザーがWeb上で直面する可能性のある制限についてより深く理解する必要があります。あなたのウェブサイトをスキャンして、あなたが可能な限り最も多様で公平な体験を作成したことを確認するツールはありません。これは、自分で実装して確認する方法を学ぶ必要があるものです。

包括的なWebデザインが重要である理由

Webデザイナーが、構築するすべてのWebサイトにアクセシビリティと包括性を含める必要がある理由はいくつかあります。まず、包括的でないWebサイトがどのようにすべての人を傷つけるかを見てみましょう。

非包括性の欠点

2021年、WebAIMはスクリーンリーダーユーザー調査＃9の結果を公開しました。調査の回答者の7.7％は、オンラインのときにスクリーンリーダーを使用する必要があると答えました。

今日のインターネットアクセスの状態について彼らがどのように感じたかを尋ねられたとき、39.3％だけがそれが前の年よりアクセス可能であると答えました。 42.3％は何も変わっていないと感じ、18.5％はもっと悪いと答えました。

CivicActionsのMikeGiffordによると、アクセス不能を経験し、これらの感情を共有しているのは、人口の7.7％以上である可能性があります。

「障害と人々が障壁を克服する方法の組み合わせは非常に多様です。 倫理的には、最も恵まれないユーザーのために構築することが最優先されなければなりません。 残念ながら、新しく派手なものへの絶え間ない努力により、私たちは定期的に仲間の市民の10〜20％を除外しています。」

アメリカ法曹協会によると、2017年から2020年の間に連邦裁判所に提起された障害を持つアメリカ人法タイトルIIIの訴訟は8,000件ありました。Accessibility.comによると、その数は2021年だけで14.3％増加して2,352件になりました。

ウェブサイトから除外されていると感じるかもしれないが、法的手段がない人もいます。たとえば、World Data Labによると、インターネットに貧しい人々は11億人います。場合によっては、これはモバイルデータプランを購入できないことを意味します。他の場合は可能ですが、使用するのに十分なデータが得られないため、リソースの多いWebサイトに時間を費やす余裕がありません。

考慮すべき高齢者もいます。ピュー研究所は、インターネットを使用する高齢者の数が近年増加していることを発見しました。とは言うものの、TechCrunchの報告によると、高齢者の約50％が新しいデジタルテクノロジーのセットアップと使用を手伝ってくれる人を必要としています。さらに、サンフランシスコの街では、40％の高齢者がデジタルの知識がなく、シリコンバレーのすぐそばにあります。

あなたのウェブサイトが訴訟の対象にならなくても、包括的でないデザインのためにあなたの訪問者の20％以上を失うことは、ブランドの長期的な存続に何をもたらすかを考えてください。これは、ウェブサイトが歓迎されていない、または使用できないという理由だけで消えてしまうオーディエンスの大部分です。

包括性の利点

包括的であるようにウェブサイトをデザインするとき、あなたはそれを完全に従事したいすべての人が排除されていると感じないようにそれをデザインします。インターネットが包括的な場所になると、誰もが勝ちます。

包括的なウェブデザインは、より良い製品デザインにつながります。

ウェブサイトからモバイルアプリ、そしてその間のすべてに至るまで、包括的なデザインにより、デザイナーは、優れた、使いやすく、思いやりのあるデザインの基本に立ち返ることを余儀なくされます。

ブランドはより多くのオーディエンスにリーチします。

理想的なユーザーだけでなく、すべての人にとって普遍的にポジティブな体験を優先するブランドは、包括性と公平性も重視するより忠実なユーザーベースを引き付けます。

ユーザーは、包括的なWebサイトとのやり取りがより快適になります。

人々は画面の前で非常に多くの時間を費やしているため、手根管症候群、コンピュータービジョン症候群、インターネット依存症などの問題は最近ではあまりにも一般的です。包括的で倫理的なデザインは、ユーザーが心と体の両方で気分を良くするのに役立ちます。

包括的なWebデザインは、Webサイトが検索結果で上位にランク付けされるのに役立ちます。

Googleは数年前に検索アルゴリズムを更新し、ページ上の最高のエクスペリエンスを作成するために不可欠な4つの要素、パフォーマンス（速度）のアクセシビリティ、ベストプラクティス（デザインとコード）、SEO（代替テキストなど）に名前を付けました。包括的な設計は、これらのそれぞれに貢献します。

包括的なWebデザインペルソナを作成する方法

多くの場合、デザイナーはWebサイトプロジェクトの開始時に架空のペルソナを思い付くでしょう。これにより、Webサイトを構築しているエンドユーザーを視覚化し、関連付けることができます。また、その特定のユーザーがWebサイトにどのように関与するかを理解するのにも役立ちます。

Webデザインプロセスに包括性を含める場合、ユーザーのペルソナの説明をいくらか調整する必要があります。一般的なユーザーペルソナは、次のように分類されます。

名前
人口統計（年齢、性別、職業など）
個性
声
目標
動機
欲求不満
恐れ

包括的ユーザーペルソナには、以下も含める必要があります。

能力：これは、包括性のアクセシビリティコンポーネントです。一部のユーザーが、物理的および認知的にWebサイトを使用および操作する方法に関して、どのように制限される可能性があるかを予測する必要があります。

適性：オンラインになっているユーザーの数に関するデータを見ると、一部のユーザーはデジタルリテラシーを持っていない可能性があることがわかります。基本的な構造とレイアウトから逸脱し、十分なコンテキスト（連絡先フォームのラベルなど）を提供しないと、これらのユーザーのエクスペリエンスに悪影響を与える可能性があります。

態度：これは、Webサイトを安全でない環境として認識する可能性のあるユーザーを指します。プライバシーについて過度に懸念している場合でも、マルウェアに遭遇することに神経質になっている場合でも、これらのタイプの恐れは、認識可能で信頼できるセキュリティおよびプライバシー機能で対処する必要があります。

アクセス：ユーザーは、Webへのアクセスを制限するために、インターネットに不利である必要はありません。たとえば、ユネスコによると、世界の人口の半分強が家庭でインターネットにアクセスできます。それは彼らがオンラインに接続できないことを意味するのではなく、図書館やインターネットカフェに行くなど、他の方法を見つけなければならないことを意味します。したがって、接続性、ハードウェア、ソフトウェア、さらには場所さえもすべてアクセスに影響を与える可能性があります。

ローカリゼーション：すべてのユーザーが同じ国に住んでいて、同じ文化から来て、あなたと同じ言語を話すと想定するのは決して安全ではありません。そのため、包括的なユーザーペルソナを作成する場合は、これらの違いに対処する必要があります。

インクルーシブデザインの7つの原則

包括的設計が機能するためには、Webデザイナーは、すべてのユーザーの利益よりも平均的なユーザーを優先するだけでなく、仮定、先入観を取り除く必要があります。これを成功させるには、設計者は次の原則に導かれる必要があります。

1.柔軟性

1つのサイズがすべてのWebデザインに適合するようなものはありません。それはあなたが異なるユーザーのために異なるウェブサイトやランディングページを構築しなければならないという意味ではありません。ただし、異なるユーザーエクスペリエンス間のギャップを埋めるのに役立つと思われる場合は、UIに機能を追加することを意味します。

たとえば、埋め込みファイルの下にビデオのトランスクリプトを含めることをお勧めします。そうすれば、ビデオを聞いたり見たりすることができない、またはしたくないユーザーは、テキストを読むことができます。

2.シンプルさ

ミニマリズムは永続的なウェブデザインのトレンドであり、正当な理由があります。視覚的に心地よいインターフェースを作成するだけでなく、ミニマリズムとシンプルさがより直感的なデザインへの道を開くからです。

これに取り組む最善の方法は、Webサイトを最小実行可能製品（MVP）のように扱うことです。使いやすく価値のある製品にするコア機能を構築します。次に、必要な場所にのみ要素を追加し、すべての人の経験に価値をもたらします。

3.一貫性

一貫性は、ウェブサイトが予測可能または退屈になる必要があることを意味するものではありません。一貫性を維持しながら、創造性を発揮できます。

誰もがデザインの一貫性から恩恵を受けています。同じWebサイトで異なる方法で提示された同じ要素または機能によって引き起こされたフラストレーションと混乱を取り除きます。さらに、Webサイトのナビゲーションなど、Webの大部分がコア要素を処理する方法との一貫性により、Webサイトの使いやすさが向上し、変換までの時間が短縮されます。

4.知覚

デザイナーは、人々がWebサイトをどのように利用するかを考慮するだけでなく、Webサイトをどのように利用するかを考慮する必要があります。たとえば、画像が主流のWebサイトは、視覚的な学習者ではないユーザーがコンテンツを消化するのが非常に難しい場合があります。

Webサイトのコンテンツをまとめるときは、コンテンツが適切に混在していることを確認してください。コンテンツの種類が1つしかない場合（すべてのテキストで画像がない場合など）、理解や使いやすさに関して、訪問者の中には不利になる可能性があります。

5.エクイティ

ウェブデザインの公平性とは、公平な結果を指します。つまり、訪問者が誰であるかに関係なく、すべての訪問者が簡単にタスクを完了できる必要があります。

ここで、UXデザインプロセスが役に立ちます。ユーザーの目標とそれを完了するために必要なものに直接ユーザー入力を取得することは、設計者が摩擦のない対話とすべての人のためのユーザージャーニーを作成するのに役立ちます。

たとえば、画像スライダーのようなUIコンポーネントについて考えてみます。それを設計する包括的な方法は、自動スライド機能を無効にすることです。次に、すべてのユーザーがスライダーとそのペースを制御できるように、スワイプ機能とクリック機能の両方を含めます。

6.予防

包括的な設計により、人的エラーが軽減されます。これは、発生するエラーに対して寛容で役立つ応答を提供しながら、できるだけ多くのエラーを防ぐようにUIを設計することを意味します。間違いを犯すことに伴う欲求不満や恥を減らすことで、包括的なデザインは訪問者との信頼を築くためにより多くのことを行います。

この特定の原則は、エンゲージメントの時点で最も頻繁に機能します。たとえば、ボタンは常に、表示してクリックするのに十分な大きさになるように設計する必要があります。

お問い合わせフォームのエラーメッセージも良い例です。インラインエラーメッセージを誰もが読める色とサイズで表示することで、エラーが繰り返される可能性を減らすことができます。また、あいまいなエラーメッセージやプロセスの遅すぎるメッセージを提供するフォームよりも役立つと感じるお問い合わせフォームがあります。

7.宿泊施設

ウェブサイトが実店舗のビジネスと同じようにアクセシビリティ訴訟の対象となる理由の1つは、ウェブサイトが「公共施設の場所」と見なされてきたためです。誰もがウェブサイトを読んだり、ナビゲートしたり、利用したりできるようにすることに加えて、包括的なデザインは訪問者にある程度の快適さを保証します。

快適さは、多くの人にとって多くのことを意味します—十分なスペース、予測可能なレイアウトなど。包括的デザインは、ユーザーがWebサイトのコンテンツにどれほど快適であるかを検討することもデザイナーに求めます。

たとえば、ターゲットオーディエンスを反映した多様な画像を使用すると、ユーザーが何度も見ている一般的なストック画像よりも快適な環境が作成されます。聴衆の一部だけが理解できる専門用語でいっぱいのコピーの代わりに、単純なコピーを使用する場合にも同じことが言えます。

結論

包括的なWebデザインは、UXデザイン、アクセシブルデザイン、レスポンシブデザインなどの分野を含む包括的な用語です。ただし、包括的設計は、最終結果が世界中で使用可能で評判の良いWebサイトになるように、さらに一歩進んだものです。

このWebデザインのアプローチでは、さまざまな人々がWebサイトを利用するときに直面する課題をしっかりと理解する必要があります。これは、障害や障害を超えています。

包括性をWebデザインプロセスに統合する最良の方法は、最初に、WordPressやElementorのアクセシビリティ機能などの実装に役立つツールを使用していることを確認することです。次に、能力、適性、アクセスなどの包括的な要素を使用して、ユーザーのペルソナテンプレートを更新します。最後に、ユーザーのエクスペリエンスと、Webを使用するときにユーザーが直面する一般的な課題について詳しく学習するときに、プロセスを最新の状態に保ちます。