認知症の人向けのウェブサイトのデザイン

この記事はsmashingmagazineで公開され、Habrahabr専用に翻訳されました。







実証済みのWebデザイン手法：ユーザーが選択できる選択肢の数を最小限に抑える必要があります。 直感的なナビゲーションツールを作成する 人々が探しているものをできるだけ早く入手できるようにします。



とても簡単ですね。 そして今、視点からこれを見てみましょう... 認知症のインターネットユーザーの数は世界中で絶えず成長しています。 コンピューターリテラシーのレベルが異なる場合があり、次の問題が発生する可能性があります：記憶喪失、混乱、視覚と知覚に関連する問題、情報の整理と処理の難しさ、音声の問題、いくつかの問題やタスクを解決できないこと。



統合された設計はすでに私たちの立場にしっかりと定着していると考えたとき、まったく新しい次元が生まれました。



認知症の人向けのWebサイト開発は、これまでWebデザインの世界では比較的未開拓のトピックでした。 それでも、On Our Ra​​darでは、認知症の人が自分の人生、成果、問題の日記を音声で記録することを奨励するプロジェクトである「認知症の日記」を作成するときに、認知症の人のデザインの使いやすさの問題に対処する必要がありました。 3Dプリンターで印刷された特別な携帯電話を使用します。 オーディオストーリーのコレクションは、Webサイトで入手できます。メディアでのメディアキャンペーン用に選択されるか、認知症の人と連携するサービスや組織で使用されます。



私たちは認知症の人にとって便利なサイトを作り、同じ人が投稿したストーリーを聞いて、ヒントを共有したり、お互いをサポートしたりできるようにしました。 統合Webアプリケーション開発のスペシャリストであるRory Gilchristの助けを借りて、最大の情報を含むと同時に新しいユーザーを引き付けるためのプラットフォームであるWebサイトの作成を開始しました。



設計プロセスでは、認知症の人々を引き付け、彼らのレビューに耳を傾けて、彼らに役立つウェブサイトを作成しました。 認知症とエンパワーメントの研究プロジェクトもその時に私たちを助けました。



この記事では、認知症の人向けのサイトのユーザーインターフェイスの作成中に得られた知識の一部を共有します（予算が非常に限られていた間）。



認知症とは？



「認知症」という言葉は、記憶喪失や情報処理の困難、問題解決の困難、またはコミュニケーションの困難を含む一連の症状を表します。 認知症は、病気（アルツハイマー病など）による脳の損傷、または怪我の結果として発生します。 認知症が進行し、時間の経過とともに症状が徐々に増加します。 あまり知られていない症状には、幻覚、感覚障害、不眠症、気分変動が含まれます。



ある推定によると、2015年末時点で、世界中で約4680万人の認知症の人がいました。 認知症の人の数は20年ごとにほぼ倍増し、2030年までに7470万人、2050年までに1億3150万人に達します。世界中に33億人のインターネットユーザーがいます。認知症の人は増え続けており、この病気のユーザーの割合は増加します。



認知症の人のためのウェブサイト設計の新しいフロンティア



なぜこれが重要なのですか？



組織や企業、特に60人以上のユーザーを多数抱える組織や企業は、新しい条件に適応できない場合、訪問者の大部分が疎外される危険があります。



認知症の人の多くは、病気が進行するにつれてコンピューターやインターネットでの作業が困難になります。 認知症の多くの人々はインターネットを使用して情報にアクセスしたり、同僚、友人、家族とチャットしたりしていますが、これらのデジタル空間でのナビゲートは問題になる場合があります。



多くのWebサイトは、認知症の人にサービス、製品、または情報を提供していますが、このグループのユーザーの特性を考慮せずに設計されているため、効果がありません。 他の人々は、認知症の人々がこの情報にアクセスするのを助けることができます（そしてしばしばそうします）が、それは認知症の人々の自立を減らしますが、それでも感情的な幸福を維持する重要な要素のままです。



ソーシャルネットワーク



高齢者や認知症の人は、特に孤独と社会的排除の傾向があります。 孤独も認知機能低下を引き起こす可能性があります。 高齢者や認知症の人がインターネットで情報をやり取りしたり共有したりするためのオンラインの機会を増やすことは、信じられないほどの利益をもたらします。







トミーダン、英国リバプール出身の認知症の人。



認知症の人向けのサイトの主な機能



内容



あなたのウェブサイトがどのように機能し、どのようにそれと対話するかを人々に知らせます。 テキストコンテンツの使用頻度はますます少なくなり、視覚的な使用頻度も増えていますが、これら2つの形式を組み合わせることで、認知症の人にとってサイトが本当に簡単になります。 コンテンツの印刷機能を追加して、いつでもどこでも情報を印刷および閲覧できるようにします。 あなたの製品に興味があり、認知症の人を引き付けることができるなら、特にそれが彼らの状態に直接関連しているならば、あなたはすでに勝ちました。 多くの場合、他の人が認知症の人に代わって発言しますが、これは彼らが普通の、または例外的なタスクさえ解決できないというステレオタイプを強化します。



キーポイント



•すべてを明確かつ正確にする必要があります。なぜあなたのサイトが必要であり、なぜこれをしているのですか？ 複雑な単語ゲーム、行動を促すフレーズ（「参加」など）を避けます。



•内容は明確で人目を引くものでなければなりません。



•コンテンツを印刷する機能は、視力と知覚の問題を抱える人々に役立ちます。



•Webサイトで使用される言語は、印刷物の言語よりも重要です。一般化を避け、テキストをできるだけ明確にします。



•専門用語や専門用語、科学用語は避けてください。



•認知症の人の話やアドバイスは不必要ではなく、大いに役立ちます。



彼らの言葉



「認知症の場合、特にそこに座っているだけの場合は、長い間物事に集中することは非常に困難です。」



-ポールヒッチマウ



「読むことは難しくありません。難しいことはありません。 読んだものを覚えることはすでに問題です。 読んだ本を思い出すことは、本の名前を思い出すことすら難しい...時々、本を手に取って、読んだかどうか思い出せない。」



-キース・オリバー







大きな「印刷」ボタンをクリックすると、ユーザーは印刷用のスタイルシートを開きます。 （画像：Dimentia日記）



レイアウト、ナビゲーション、GUI



ナビゲーションを明確にし、メインページに戻るパスを明確に示します。



高齢者の間でタブレットの使用が急増しているため、これらのグループのデジタルソリューションを開発する際には、この事実を考慮する必要があります。 つまり、高齢者を対象とするWebサイトはモバイルフレンドリーでなければなりません。



5年前、Pew Internet and American Life Projectの研究では、慢性疾患を持つ高齢者は、同級生よりもオンラインディスカッションに参加して新しいコミュニティを探す可能性が高いことがわかりました。 Facebookは50歳以上の人々にとって最も人気のあるソーシャルネットワークであるという事実を考慮して、このネットワークでコンテンツをできるだけ簡単に共有したいと思うかもしれません。 ボタンを大きく目立たせます。



キーポイント



•複数の画面でアクションが発生し、同時に以前のアクションを記憶する必要がある場合は、このようなタスクを避けます（下図を参照）。



•パンくずを表示して、簡単に前後に移動できるようにします。



•「表示メニュー」や「メニューを閉じる」などの機能を持つハンバーガーメニューは使用しないでください。



•[ホーム]ボタンを使用します。 ロゴを使用してホームページに戻ることに頼らないでください。



•ハイパーリンクがはっきりと見えるようにします。



•コンテンツを共有するには、タブレットで区別できる大きさのクリアボタンを使用します。



•明確な改行を使用します。 重要な文章と見出しのあるサイトを正確に特定して、ギャップを明確にします。



•徐々に変更を加えます。 何かが機能する場合、この要素を不必要に変更しないでください。







「質問エレイン・スティーブンソンに尋ねる」ボタン（左を参照）をクリックすると、ストーリー自体と同じ画面の下に質問ウィンドウが表示され（右を参照）、質問をしている人が簡単に見ることができます。オリジナルストーリー。 （画像：Dimentia Diaries）







ハンバーガーメニューは使用せず、メニューの見出しをできるだけシンプルにするようにしました。 （画像：Dimentia Diaries）



そしてx単語



「一連のアクションを追跡することはほとんどできません...私は一人で住んでおり、私にとってはかなり難しい作業です。」



-アグネス・ヒューストン



「すべてを簡素化する必要があります。 私の頭の中ですべてが混乱しています。 すべてを徐々に行う必要があります。 ゆっくり読んでください。」



-アーチー・ラッタ



「私たちの脳は、アルツハイマー病の情報を吸収するのにもっと時間が必要です。 それぞれ独自の方法ですが、おそらく誰もが心配し、混乱しているため、すべてを計画し、再確認する必要があります。



-アンマクドナルド



色とコントラスト



認知症は、知覚的知覚の問題（視覚と知覚の両方に影響する問題）または感覚の問題として現れます。 人が経験する具体的な困難は、認知症の種類によって異なります。 これは、各タイプの認知症が視覚に異なる影響を与える可能性があるためです。



そのような困難には以下が含まれます：



・コントラストを区別する感度の低下（白黒などの色のコントラスト、オブジェクトと背景の間のコントラストを含む）。



・動き（動き）を検出する機能の低下。



・視界の変化（視界の端にあるオブジェクトがどれだけよく見えるか、目の前を直接見る）。



・異なる色を検出する能力の低下（たとえば、青と紫の違いを説明するのに問題がある場合があります）。



・瞳孔の光に対する反応の変化。



・視線を向けたり移動したりする問題。



したがって、色とコントラストの比率を選択するときは、Webコンテンツアクセシビリティガイドライン（RVC）の指示に従うことが重要です。



キーポイント



・ページを読みやすくするために、高コントラストの配色を使用します。



・提案されているコントラストのRDFK比は7：1および4.5：1です。 このサイトは認知症の人を対象としているため、これらの推奨事項の範囲を超えています。



・画像にオーバーレイせずにテキストを公開します。



・ユーザーの注意をそらさないシンプルな背景を使用します。







1）白色のテキストを含むトピックの青色：コントラスト比-7.4：1



2）白い背景に黒いテキスト：コントラスト比-9.45：1。



3）各パーツの名前は画像の下にあり、画像と重複しません。 名前または写真をクリックして、投稿に移動できます。 （画像：Dimentia Diaries）



彼らの言葉



「現在、私は有機ガラスとプリズム付きメガネで作られた色付きのパッドを使用して、二重視の影響を軽減し、通常はフォントとテキストを認識しています。」



-アグネス・ヒューストン



認知症の人にとっては、コントラストが高いことも問題であり、目の状態にも影響することに注意することが重要です。 認知症の症状は多様であり、残念ながら、すべての人のニーズを考慮に入れることが常に可能であるとは限りません。 ただし、高コントラストは出発点として適切であり、カスタマイズ可能なWebサイトのコントラスト比を使用して、できるだけ多くのユーザーのアクセシビリティを確保することができます。 Alzheimer's Societyは、カスタマイズ可能なアクセシビリティオプション（テキスト、フォント、文字間隔-カスタマイズ可能）の最も包括的なセットを提供します。



テキストとフォント



テキストは明確でシンプルでなければなりません！



サンセリフは、ストロークの終わりに小さな突出ダッシュ（セリフと呼ばれる）を備えたフォントの一種です。 特に、短くてキャッチーなメッセージのために、インターネット上で広く使用されているモダンでミニマルなもの。 視覚的な観点からはあまり表現力がありませんが、サンセリフのアルファベット形式のシンプルさは、どのデバイスでも読みやすくします。



認知症の人に宛てられたメッセージがサンセリフを使用して書かれている場合、一般に理解しやすいでしょう。 フォントサイズを変更する機能は非常に便利な機能です。もちろん、予算でフォントサイズを適用できる場合は便利です。



認知症の人は、名前、イベント、日付、その他の重要な家庭用品を忘れがちです。 そのため、このような人々は頻繁に使用される略語や頭字語を認識できない可能性があることを覚えておく必要があります。 以前に何かについて別々に書いたとしても、新しい投稿を読んでいる人は、この情報がすでに数行上で出会ったとしても、これを覚えていないかもしれません。



キーポイント



・略語や頭字語を使用しないでください。



・大きなフォントを使用するか、読者がフォントサイズを変更できるようにします。



・sans serifフォントを使用します。 Source Sans Pro（パブリックドメインのフォント、さまざまなユーザーインターフェイスに最適）を使用します。



・簡潔で正確な文章で太字のテキストを使用し、重要な情報を強調します。



・混乱を招く可能性があるため、同時に複数のフォントを使用したり、複雑なデザインを使用したりしないでください。



彼らの言葉



「本を読むのが好きなのに苦労している場合は、Kindleを使用してください。自分に最適なフォントを選択できます。 読みやすくなります。」



-ジョー・ベネット



「若い年齢で認知症の症状を示す人は、この病気に苦しむ高齢者よりも記憶障害を起こす可能性がはるかに低いことを知っておくことが重要です。 代わりに、彼らは言語障害、視覚の問題、行動、性格の問題を経験するかもしれません。」



-トミーダン







dementiadiaries.orgでフォントサイズ（小）を変更する例。 フォントサイズを変更する機能は、サイトの右上隅にあります。 （画像：Dimentia日記）







dementiadiaries.orgでフォントサイズ（大）を変更する例。 フォントサイズを変更する機能は、サイトの右上隅にあります。 （画像：Dimentia日記）



画像



ここには一定の矛盾があります。 画像は、そのような投稿が共有される可能性を高め、サイトに色を付け、ストーリーを伝えます。 しかし、彼らは認知症の人を混乱させ、気を散らすこともできます。 オブジェクトが人の前にあるという事実にもかかわらず、人やオブジェクトの位置を誤って評価する場合があります。そのような視覚情報は気を散らす可能性があり（たとえば、巻き毛の壁紙）、色のコントラストが乱れる場合があります。 また、人々は自分の考えを誤って解釈する可能性があります。強盗を見始めたり、トイレに行くことを拒否したりする可能性があります。 場合によっては、認知症の人はテレビの画像を実際の人と混同します。 これらの問題の多くは、オブジェクト、顔、および色を一貫して認識できないことに関連しています。



これらの事実は写真の使用の妥当性に疑問を投げかけますが、視覚的な手がかりはユーザーとコンテンツとのつながりを強化することもあるため、特定の場合にそれらを含めることは確かに重要です。 キーは、画像のシンプルさと関連性です。 良い例は、人の写真を、話す場所での録音と組み合わせて使用​​することです。

キーポイント



・画像は関連性が高く、テキストと密接に関連している必要があります。



・過度に抽象的なイラストは避けてください。



・写真がメインストーリーに貢献していることを確認してください。







音声が音声で再生されている間、人物の写真が表示されます。 素材は復号化され、Webコンテンツの可用性に関する推奨事項に準拠しています。 （画像：Dimentia Diaries）



彼らの言葉



「特に、プロセスを明確に説明する小さな写真とイラストが気に入りました。 そのため、テキストははるかに理解しやすくなっています。」



-キャロルフォース、妻および看護師クリスフォース



マルチメディアを使用する



写真と同様に、スタイルとシンプルさのバランスをとる必要があります。 ビデオとオーディオは正しく使用すればユーザーを引き付けることができますが、予期しないオーディオの自動再生、ポップアップ、または複雑なグラフィックスは必然的に混乱と混乱を招きます。



おそらく人の注意を引き付けて気分を整えたいと思うでしょうが、ユーザーが知覚に問題がある場合、複数のマルチメディアソースを同時に使用すると見当識障害につながることに留意してください。 音楽は感情を刺激する可能性がありますが、バックグラウンドミュージックの音量は適度で、オフにするのは簡単です。

キーポイント



・オーディオまたはビデオが唯一の注意の焦点であるページで自動開始を使用しますが、ユーザーに衝撃を与えたり驚かしたりする可能性があるため、遷移ページでは使用しません。



・可能な限り、ビデオまたはオーディオコンテンツに字幕またはトランスクリプトを添付します



・ユーザーがボリュームの再生、一時停止、または調整方法を簡単に理解できるように、オーディオまたはビデオを再生するためのシンプルで使い慣れたコントロールを含めます。







サウンドはSoundCloudを使用してダウンロードされますが、別のオーディオプレーヤーも使用します。 （画像：認知症の日記。）



自分の言葉で。



「背景ノイズは知覚を困難にする可能性があります。私は非常に鋭い耳を持っており、痛みの限界に迫っています。なぜ社会の人々は、大きな強迫観念音で「眠りに落ちる」のでしょうか？大声で考えてください。これは、私が大きな音が好きではないという意味ではありませんが、それらのために私が考えることができず、それらを調整することができないときに干渉します。私は側に戻ることさえできます。音が脳全体に溢れています。どうすればいいのかわかりません。」



-アグネスヒューストン



「音楽は、他のコミュニケーション手段では届かない損傷した脳の部分に届くようです。」



-トミーダン



個人連絡先



認知症の人は社会から疎外されていると感じるかもしれません。彼らを取り除くのが難しいという汚名があるので、あなたが彼らの側にいること、そして可能であればあなたの従業員が適切な訓練を受けるべきであることを彼らに知らせることが非常に重要です。また、可能であれば、困難な人のためのサポート機能を組み込み、認知症の人に柔軟で個人的なサポートを提供する準備ができていることを伝えます。



私たちのプロジェクトは音声に基づいているため、認知症の人たちが提示した音声のストーリーをボランティアが文字起こしできるリモートの文字起こしツールを開発しました。このタスクには極端な焦点が必要であり、シンプルなユーザーインターフェイスを使用して、認知症の人が自分で行うことができます。プロジェクトに関係するすべての人にフィードバックを提供することに注意することが重要です。これは個人的に電子メールで行います（復号化のダウンロード時に要求されます）。また、献身的なリモートボランティアを称賛し、プロジェクトをサポートしてくれたことを公に感謝しています。



キーポイント



・長期のタスクでは、進捗と完了について明確なフィードバックを提供します。



・社会的不名誉を忘れずに、認知症の人にとってサイトを便利にするためにできる限りのことをしたと誇らしげに言ってください。







ボランティアの1人がリモートで解読した音声レポートの例。復号化中の短い「ありがとう」に注意してください。 （画像：認知症の日記）

彼らの言葉で、



「私は認知症に苦しんでいるとすぐには言いません。電話で他の人に電話すると言います。私が非常に怒っている場合、「申し訳ありませんが、認知症があります。少し遅く話していただけますか。すべてを説明しようと思います。私たちはロケット科学について話しているのではありません。私は愚かではありません。そして、彼らは答えます：「ああ、それを聞いて本当にすみません。」



-キャロル・アベンストーン



「たとえば、Skypeを使用して直接会うことができる場合は、それを使用する必要があります。ボディーランゲージは人々を助けることができます。彼らは、私がまだ連絡を取り合っていることを知り、自分の考えを表現しようとしても、私が答えようとしていることがわかるので、いつもプロンプトを表示する必要はありません。 「電話ですぐに答える必要があると感じているので、おそらく賛成するか、それが正しいか間違っているかに関係なく何かを言うでしょう。できるだけ早く答えて、できるだけ早く会話を終えようとします。」



-クリスフォース



ダウト-リンクを尋ねる



これはおそらく最も重要なことです。



人々と話し合って、彼らのニーズと視点を理解してください。私たちのウェブサイトのプロトタイプを開発したとき、私たちはそれぞれの個々のニーズを満たすことがどれほど難しいか考えもしていませんでした。時間が経つにつれて、認知症の20人とチャットし、サイトに必要な変更を加えました。機会があれば、時間をかけて設計とフィードバックについて協力してください。



キーポイント



・設計作業に認知症の人を含めます。



・認知症の人に、サイトがベータ版のときにフィードバックを提供するように依頼します。



・ユーザーの動作と能力について想定しないでください。より受け入れられる解決策を見つけてください。



彼らの言葉



「認知症に苦しんでいる私たちは、私たち自身の生活条件を理解する専門家であり、共有できる貴重な情報を持っています。設計の初期段階で、私たち一人一人に何が正しいかを理解するために関与することが重要です...周りには多くのガジェットがあります。あなたが我慢して私を助けてくれるなら、私は新しいことを試す準備ができています。噛まない！ „



-アンマクドナルド



結論



認知症に苦しむ人々は、ウェブデザイナーがそれらを癒すことを期待しておらず、多くの人が認知症の人々に便利なウェブサイトを作成することは常に可能ではないことを認めています。しかし、これらのヒントのいくつかを使用すると、誰かの生活の質を向上させることができます。認知症は多くの異なる形で存在し、その症状は多様であり、これらの症状の多くは他の変性疾患、特に高齢者の社会的統合を妨げるものに共通していることを覚えておくことが重要です。



インターネットが提供する多くの利点を欠くことが多い新しい成長グループのユーザーがサイトにアクセスできるようにすることで、設計者は認知症の人々だけでなく、同様の問題を持つ他のユーザーもサポートします。