noteで書くWebサイトのシニア対策「SFO」の第3回は、認知能力が衰え始めたシニアがおかしがちなミスを考察し、それに対する具体策として、シニアが快適にサイトを閲覧できるようにする7大ポイントを紹介します。Optimization)は、“技”に焦点を当てます。技と言っても、テクノロジーの技術ではなく、“アタマの技”いわゆる「認知能力」と呼ばれる領域についての話です。代表される主要な認知能力は、スピードの差はあれど、加齢とともに衰えていく傾向が知られています。knowledge)という5つの代表的な認知能力が、年齢によってどう変化するのかを表したものです。knowledge)」を除き、認知能力が加齢にともない、低下しているのがわかります。Aging』より今回は、こうした認知能力の衰えが見られ始めたシニアにも、できるだけ快適にサイトを利用してもらうためのポイントを解説していきます。1「表組み」で比較しやすくする一般に、数ある商品やサービスを比較検討するには、リンクを何度もクリックしてさまざまなページを行ったり来たりする必要があります。した行為は「作動記憶」に負荷がかかるものです。いうことは、「作動記憶」が衰えてきているシニアの人は、さっきのページには何て書いてあったっけ?......と、途中で前の内容を思い出せなくなってしまうケースは少なくありません。こんなときは、一覧ページだけで比較検討がしやすいよう、主要な情報だけを、表組みで整理した見せ方を活用すると、多くのシニアに喜ばれるでしょう。「HOME'S介護」の施設解説ページには、項目ごとに比較検討しやすい表組みが掲載されています。これであれば、「○○なら入居できそうだ」「○○と△△に絞って探してみよう」と判断しやすいでしょう。老人ホーム・介護施設の種類と特徴(HOME'S介護)2「未訪問リンク」と「訪問済みリンク」の区別を付けやすくするシニアのサイト利用行動を観察していると、ポータルサイトや商品一覧などで、同じリンクを何回もクリックしてしまう様子をよく見かけます。「未訪問リンク」と「訪問済みリンク」が同じ色に指定されている場合、確認し終わったものがどれなのか、記憶を頼りに判別するのは非常に困難です。した負担を強いることのないように、「未訪問リンク」と「訪問済みリンク」を区別しやすい色を、スタイルシートで指定すべきです。基本的にはデフォルトの青色と紫色が推奨されますが、デザイン上の制約で他の色にする場合にも、この2つがはっきりと見分けられるように配慮したいところです。3「検索サジェスト機能」で、うろ覚えや表記揺れに対応する「短期記憶」が衰えると、テレビCMや街頭広告、クチコミなどで見聞きした商品名やサービス名が、「うろ覚え」状態になりがちです。カタカナ語だけで構成された言葉を正確に記憶しておくことは、シニアにとって至難の業です。シニアがサイト内検索を利用する際、こうしたうろ覚えワードや表記揺れの入力が非常に多くなることに注意しなければなりません。下手をすると、ちゃんと本来のページが用意されているのに、「検索結果ゼロ件」→「あきらめて離脱」という、非常にもったいない状況に導かれてしまいます。そのため、検索では、「検索サジェスト機能」などで適切なフォローを入れることをお勧めします。山田養蜂場のサイト内検索フォームでは、キーワードを途中まで入力すると、候補がズラッと表示されます。これがあれば、正確な商品名を覚えていなくても大丈夫そうですね。山田養蜂場4「会員登録なし」で購入できるようにするID・パスワード管理は、「長期記憶」が衰えたシニアがサイトを利用するうえでの非常に大きな障害の1つです。その第一の理由として、やはりID・パスワード自体を忘れてしまうというトラブルが挙げられます。ID・パスワードをしっかりメモしておいたとしても、似たような文字の判別がつかず正確に読み取れなくなってしまったり、メモ自体のありかを忘れてしまったり、サイトごとにIDを使い分けるという概念がなかったりと、二重三重のトラップが仕掛けられていると言っても過言ではありません。このため、会員登録しなくても商品を購入できるという選択肢は、できるだけ残したほうがよいでしょう。ちなみにこのポイントは、前回の「シニアの心理的ハードルを下げ安心してもらう6つの方法」の回でも取り上げており、対応が強く求められるところです。5アイコンには「テキストラベル」を付ける私たちは、ともすれば「アイコン=直観的」というイメージを持ち、その利用を積極的に進めてしまいがちです。実はそれは過去の経験や前提知識があって初めて認識できるものであり、決してアイコン自体が単独で絶対的な意味を持っている訳ではないことに留意しなければなりません。シニアがサイトを利用する際の不安の1つが、「アイコンの意味がわからない」ことです。若い人に比べてITの利用経験や知識が少ないうえに、せっかくその意味を学習しても、次回利用時にはすでに忘れてしまっている可能性も高いのです。サイトやアプリでアイコンを用いる際は、できるだけ意味を補足するテキストラベルを添えておき、ユーザーに確信を持ってクリックやタップをしてもらえるように配慮しておきましょう。Yahoo!ショッピングのスマートフォン向けサイトでは、各アイコンに「カート」「お気に入り」などのテキストラベルをそれぞれ付けてわかりやすく示している6「動き」のある見せ方は、できるだけマイルドにするシニアはテキストを読んで内容を認知するのに比較的長い時間がかかります。そのため、一定間隔で次々と画像が切り替わっていく「ローテーションバナー」などの動きのある見せ方では、その切り替えタイミングに十分な余裕を持たせることが大事です。切り替えの動きについても、大きな画像が高速で左右方向にスライドするような激しいものよりは、ゆっくりとしたフェードイン・フェードアウト方式にしたほうが、シニアがページを見たときの不快感を抑えることができます。京王百貨店ウェブサイトでは、メインバナーの切り替えの動きが穏やかで、さらに右側に並ぶバナーとの関係性もわかりやすい同様に、マウスオーバーによって、コンテンツの表示/非表示が切り替わる見せ方も、反応が速すぎるとシニアがその変化を認識できないことがあります。した場合は、操作に対して0.5秒程度の「遊び時間」を設定するなどして、反応を穏やかにしてあげるとよいでしょう。7リンクは、常に「同一ウィンドウ」で開かせるシニアは、ブラウザの「戻るボタン」を多用します。これは、「サイトを階層構造モデルとして認識できていない」ことが原因と思われます。本や雑誌のように、表紙から終わりまでの一本道を「進む」「戻る」を使って探索していくのです。それゆえ、トップページのことを「初めのページ」と表現することが、シニアではよく見受けられます。ここで困るのが、リンク先のページを、新規ウィンドウや新規タブで開いてしまった場合です。シニアはウィンドウやタブが増えて切り替わったことに気付かず、それでもブラウザの「戻るボタン」を押して戻ろうとします。途中でそれ以上戻れないことがわかると、“自分が何か間違った操作をしたのではないか”と感じてブラウザを、そっと閉じてしまうのです。こんな機会損失を防ぐため、リンクはできるだけ、同一ウィンドウ・同一タブ内で開くようにしておいたほうが無難でしょう。まとめ以上、今回はシニアの「認知能力の衰え」をフォローするためのポイントについて解説をしてきました。ご紹介したうちのいくつかは、若い人にも嬉しい施策だったのではないかと思います。次回は、「老眼」や「手指の不自由」など、シニアの“体”の衰えに焦点を当てた対策について紹介します。大学では認知心理学、ユーザビリティ、アイトラッキングを専攻。PlayArt)株式会社入社後は、自社ウェブサービスにおけるUXデザイン業務、ユーザビリティ改善業務を担当する。現在はマミオン有限会社にて、パソコン教室インストラクター兼ユーザビリティコンサルタントとして従事。高齢者と毎日自然に接することができる環境を活かし、シニアマーケティング調査や、アイトラッキング装置を用いたシニア向けウェブサイトのユーザビリティコンサルティング、各種講演活動等を行っている。