アジェンダは以下のような構成です。
============
■講義（約1時間）
1. 自己紹介
2. ユーザビリティとは？
3. ユーザビリティテストのやり方
4. 使いやすいサービスを作るためのヒント

■ワークショップ（約1時間）
5. タスクの実施、録画
6. NE比分析の体験
7. 講評
=============

『ヒンシツ大学』は、少人数のクラスによる実践的な企業向け講座です。その中でも今回は、品質管理における「非機能テスト入門」コースの一環ということで、それにカスタマイズした構成を特別に用意しました。当日は業務システムや一般向けアプリの開発などに関わる方々、計5名が参加されました。

後半のワークショップでは、ユーザビリティを数値で表す方法の一つとして、初心者ユーザーとベテランユーザーのタスク達成時間を比較する「NE比分析」の体験を行いました。最初なので時間がかかってしまいましたが、作業を通して手法の有用性や使いどころを掴んでいただけたようでした。

当日の勉強会で使用したスライドの一部をこちらにご紹介します。

マミオンでは、御社の状況に合わせたシニアマーケティングやユーザビリティに関するセミナー、講演、勉強会の開催も承っていますので、ぜひご相談ください。

また『ヒンシツ大学』自体についてのお問い合わせは、ここちらのサイトよりご確認ください。

昨年のある調査では、新聞を「ほぼ毎日読んでいる」と回答したのは30代で4割程度なのに対し、60代では8割とおよそ倍の数値となっています。

画像参照： リサーチバンク - 自主アンケート・調査結果レポート

また教室にいらっしゃるシニア層の方々は、新聞はもちろん雑誌もよく読まれており、週刊文春、週刊女性自身、週刊ダイヤモンドなどの人気が高いです。

ちなみに私自身は田舎から東京に出てきてもう10数年、ニュースはインターネットで事足りてしまって、紙の新聞をとったことはありませんでした。しかし先月から教室で紙の日経新聞を読めるようになり、久しぶりに落ち着いて目にしてみると、「やっぱり新聞って見やすいなぁ」と思ってしまうんです。

また先日iPadにインストールした雑誌閲覧アプリの『ビューン』は、iPadの使い方とマッチしていて非常に快適だなと感じました。

今回は、そうしたシニア層が今まで慣れ親しんできた「紙媒体」の見やすさに注目し、Webデザインにどう応用できるのか考えてみたいと思います。

見やすさを左右する『ジャンプ率』とは？

新聞、雑誌の見やすさに大きく影響しているのが、『ジャンプ率』と呼ばれる指標です。

「ジャンプ率」とは、本文のサイズに対するタイトルや見出しサイズの比率のことです。

例えば新聞の1面のトップ記事などはタイトルが大きく目立ち、本文に比べてジャンプ率が非常に高いと言えます。それによって躍動的な紙面を作っています。逆に文芸雑誌や小説など、落ち着きを求められる本は、ジャンプ率が低く抑えられています。

参考：文字のジャンプ率を工夫する｜デザイングラフィック

新聞を「見やすい！」と感じた理由のひとつに、このジャンプ率が高いことがあげられます。雑誌なども同様です。

また現代のWebの世界においても、ジャンプ率はデザインテクニックとして認識され始めており、使いやすさ、読みやすさなどのユーザビリティ改善活動とも深く関わりがあるところです。

マミオンでも、特にスマートフォンやタブレット端末でサイトを閲覧したときのことを考え、ジャンプ率の高いデザインをおすすめしています。

ではどの程度のジャンプ率が適性と言えるのか？

これまではデザイナーそれぞれが主観的に判断していたのではと思いますが、活版印刷の普及から数えて数百年の歴史を持ち、人間の感覚に最適化されてきた新聞や雑誌から学べるところは多いのではと思います。

新聞のジャンプ率を計測する

今回は、電子版が見られる新聞をiPad3で表示してキャプチャを撮り（1536x2048 px）、その画像から見出しと本文の大きさを測ってジャンプ率を算出しました。
見出しの縦横比が違う場合は、広い方に合わせています。

産経新聞

日経新聞

今回チェックした産経新聞ではオリンピックの時期だったこともあり、「特大見出し」として9倍近いジャンプ率の見出しが使われていました。誰でも真っ先に目が行き、重要度の高い記事だという事がわかるでしょう。

一方で日経新聞の方は、産経に比べるとオリンピックへのリアクションは小さいようです。通常の1面トップ記事の見出しで5-6倍といったところでしょうか。

また中見出し（3倍）程度のジャンプ率があると、あきらかに他の要素から浮き始め、「自然に目が行く」状態になるようです。

おまけとして、号外のジャンプ率も測定してみます。

産経新聞（号外）

さすが号外の破壊力はすさまじいですね。

雑誌記事のジャンプ率はどうか？

教室のシニア層の方にうかがってみると、新聞以外にも大衆誌、経済誌などを不定期に読まれている方が多いです。

こうした雑誌は、普段からインターネットに親しんだ私たちで言う「ブログ」のような扱いに近いのかなと感じます。こちらもジャンプ率をチェックしてみましょう。

プレジデント

フライデー

大衆誌、経済誌の記事タイトルにおけるジャンプ率はおおよそ4-5倍でした。

また参考として、女性ファッション誌の『JJ』と、コンピュータ誌の『MacFan』の記事のジャンプ率も見てみます。

JJ

MacFan

女性ファッション誌は大衆誌とあまり変わらず、コンピュータ誌はやや落ち着いた印象です。

ここまでをまとめると、雑誌記事のジャンプ率は以下のようになります。
・大見出し（記事タイトル）は4-5倍程度
・小見出しは1-2倍程度

個人的には意外と記事タイトルのジャンプ率が高いように思いました。ページ内に一つの記事しかないのにこれだけ高いのは、パラパラとめくりながらスキャンするような読み方にも対応するためでしょうか。

現在の主要なWebサイトではどうか？

では実際のWebサイトのジャンプ率はどんなものなのか、今回は比較がしやすいように、新聞社のサイトをチェックしてみます。

MSN産経

日経新聞

どちらの新聞社も、大見出しで1.7倍程度と、思ったより小さな数値となりました。全体的にジャンプ率が低いことによって、フラットでメリハリのない構成のように感じます。

ちなみにiPadでも非常に快適にブラウジングができるように対策がとられている、本家Appleのサイトではどうでしょうか。

Apple

先ほどの新聞社サイトよりメリハリの利いていて見やすい印象ですが、それでもまだジャンプ率は2倍強と、雑誌記事に比べると余裕があるようです。たっぷり確保した余白が、その代わりをしているのかもしれません。

まとめ

今回、紙媒体とWebのジャンプ率を調べてみて、以下のようなことを思いました。

・新聞では、ジャンプ率3倍程度から自然に目が向かうようになる
・雑誌の記事タイトルのジャンプ率は4-5倍
・Webではジャンプ率2倍程度までが一般的で、まだ余裕あり

もちろんジャンプ率は「髙ければ勢いよく、低ければ落ち着いた」感じに取られるため、そういったイメージを狙ったものかもしれませんし、スペースの制約があったりもするでしょう。

しかしこのブログでも何度もお伝えしている通り、これからはパソコンではなく、iPadなどのタブレット端末を使ってインターネットを利用する人がどんどん増えてくると思います。特にシニア層やIT初心者からの支持は非常に高いです。

そうしたとき、今までのWeb制作のルールのままで進めることが本当によいのかどうか？見直すタイミングが迫ってきているのではないでしょうか。

iPadを使っていると、より「紙媒体に近いブラウジング体験」を欲するようになります。

高い解像度、軽快な動作、そしてジャンプ率の高いデザインにより、自分に必要な情報をパッと判別できること etc.

もちろん今回調べた新聞や雑誌のジャンプ率をそのままWebサイトにも適用すればよいという単純な話ではありませんが、タブレット端末が広げた新しいインターネット利用者層が無理なく受け入れられるデザインとして、これまでの紙媒体が多くのヒントを提供してくれているのは間違いありません。

こうしたポイントに気をつけて制作すれば、シニア層の方々も「見やすいね」と言ってくれるかもしれませんね。

関連情報

・あいわプリント
・文字のジャンプ率を工夫する｜デザインのコツ｜テクニック講座｜デザイングラフィック
・月刊デザインのプチテクニック 第12回「画像と文字のジャンプ率」 - 印刷の現場から-印刷通販WAVEのブログ

また、リンクがテキストだけの場合は下線をつけることが望ましい。
野村證券の【お知らせ】や【最新情報】では、文章全体にリンクが付いているが、段落の間に十分な行間をとっているため、押し間違えが軽減されている。

◆野村證券
段落間が十分に空いているため、リンクがまとまりになっていてクリックしやすく、誤って別のリンクをクリックしてしまうことなく操作できる。

◆松井証券
左が現在、右が以前の松井証券の例。リンクのある部分に下線があるほうが誤操作が少なくなる。

シニアは「このウィンドウのボタンはコレ」という認識をせず、「ディスプレイの右上にあるボタン」と捉えていることがある。「画面の右上のボタンは閉じるボタン、左上のボタンは戻るボタン」としか認識していない場合、たくさんのウィンドウが表示されていると目的のウィンドウではないブラウザのボタンを押してしまい、ブラウザを閉じたり、別のページに切り替わってしまう。

スクロールバーも同様で、画面に2つのスクロールバーが表示されていても、ウィンドウが重なって開いているということがシニアには解りにくいため、元のウィンドウのスクロールバーを操作してしまい、新しく開いたウィンドウが見えなくなってしまう。また、ウィンドウを閉じれば元のウィンドウに戻れるということが解らず、戻るボタンを操作しようとする。新しいウィンドウの戻るボタンは当然操作できないため、混乱する。

複数のウィンドウを思い通りに操作できないシニアには、ページが別ウィンドウで開くことは操作の障害になる。できる限り同一ページで開くようにすることが望ましい。

ウェブページでは「戻る」「前へ」「次へ」「上へ」「トップ」「ホーム」といった表現やその組み合わせでユーザーをナビゲートしようとすることがよくあるが、サイトによってその言葉の使い方が違うため、シニアにとってはその定義が曖昧に感じられ、操作の感覚をつかみにくい。

例えば、「トップページへ戻る」と「ページトップへ戻る」は、サイト制作者にとっては明確な違いのある言葉だが、シニア層はその違いを直感的につかむことが難しい。設置する場合、日本語で表記し、リンクの先頭に「↑」や「▲」のような上向きのアイコンを設置することで、ナビゲーションのイメージを表現する。

◆三井住友銀行
アイコンがあり、文言も理解しやすいように工夫されている例。

◆伊勢丹
英語での表記になっているため、意味を理解してもらえない。 

◆Amazon.co.jp
文字のみで、アイコンがないため動きがわかりにくい。短いページの場合、ページトップへのナビゲーションリンクをクリックしても画面が変化しないため、「押せばページが変わる」と認識しているシニアには、不具合のあるサイトと捉えられてしまうこともある。ページの長さに合わせ、設置の有無を変更できるとなおよい。 

◆日本マクドナルドホールディングス
短すぎるページにページトップへのリンクがあると、意味がないリンクがあることになるため、混乱を招く。

ほとんどがウェブサイト制作者泣かせの「どうしようもないよ」な問題ですが､「こんな人たちも見ているんだなあ」ぐらいの参考になれば幸いです。（大柳）

1.URLとメールアドレスは違うということを解っていない

名刺や新聞・雑誌の切り抜きを手に、ホームページを見よう・メールを送ろうとがんばるシニア。普段からインターネットもメールもなんとなく使えているのに、今日はうまくいかない、という彼らの失敗の原因は何でしょうか。

予測できることとしては、全角で入力している、「．」と「，」を間違えている、「1」と「l」を間違えているなどの入力間違いが挙げられます。これはもう宿命としか言いようがありませんので、それほど驚くことでもありません。

よりシニア的だと感じるのは、メールアドレスとURLの区別がついていない時です。アドレスバーにメールアドレスを入れていたり、URLでメールを送ろうとしていたり。両者の違いは通常「＠」や「//」などで判断するのですが､両方に接していないと違いや共通点を認識できません。解らない人にとってはどちらもアルファベットの羅列に過ぎないのです。

2.入力する時に画面を見ていないから間違いが多い。

シニアはアクセシビリティをしっかり考えてつくられている入力フォームでもなぜか失敗します。どんなフォームでも共通する失敗の理由は、「入力時に画面を見ていない」ことからきています。

郵便番号を入力する場合を考えてみましょう。郵便番号は考えなくても入力でき（ただし、自宅の郵便番号を知らないシニアはいます。郵便番号は必須項目にしないほうがよいでしょう）、キーボードを見ながら軽快に入力します。数字ですから入力も楽です。ハイフンはそれこそ目を皿のようにしてキーを探します（ハイフンを入れない、という選択肢はありません）。7桁入力し終わって、画面を見ると、3桁部分と4桁部分にフォームが分かれているということがあります。「入力したのが消えてしまった！」このセリフは3桁部分に7桁すべてを入力してしまい、表示がおかしくなるために発せられる言葉です。キーボードを注視し、画面を見ていないが故に起こる間違いともいえます。 

若い世代との違いは、ここで分割されていることに気づき適切に対処ができるか、「消えてしまった！」と戸惑い、対処できない・何がいけないのか解らないかにあります。フォームによっては間違った入力をするとエラーダイアログが出るものもあります。これも、入力時に画面を見ていないシニアには意味を成さず、最後まで入力し終わったと思って顔を上げると画面にエラーが出ている、という大変怖い状況になります。

また、入力し終わったらとにかくEnterキーを押すものだと考えているシニアも多く、直接入力時でもためらいなくEnterキーを押してしまいページが遷移してしまいます。単純に文章を入力している時とは違い画面が大きく変わるため、驚いて対応できない場合がかなりあります。シニアの「変化に弱い」という特徴を如実に表しています。

3.「メールアドレスを入力してください」が難しい。

「お名前、ご住所、お電話番号を明記の上…」の耳慣れたフレーズ。懸賞応募でも会員登録でも、この３つは必須です。ウェブからの登録にはこれに「メールアドレス」が加わります。インターネットで買い物をしてみたい！　という方が一番最初に困る部分はこのメールアドレスの記入です。

なぜ困るのか。答えは簡単で、自分のメールアドレスが解らないからです。
普段メールを使っていても、会員登録で入力を求められて慌てて手帳や名刺で確認する、なんてざらです。自分のメールアドレスを知らなくてもメールは送れますから。
そもそもインターネットで何かを申し込んだことがない人は、申し込み時にメールアドレスが必須項目であることを予測していません。住所や生年月日は即答できても、メールアドレスは無理。「そんなものどうして必要なんだ」と憤慨してみたり、流行の個人情報の漏洩を恐れみたり。女性の場合、「パソコンのメールアドレスは主人のしかなくて…」「子どもに聞いてみないと…」と、その場で処理できないことが多くあります。
メールアドレスはまだまだ住所・電話番号ほど浸透していないのです。

4.「クリックしてください」の意味が解らない

普段パソコンを利用していて、どんなときはシングルクリックでどんなときはダブルクリックか、明確に説明できますか？　ウインドウを開くときはいつもダブルクリックでしょうか。デスクトップにあるマイドキュメントを開くときはダブルクリックですが、スタートメニューから開くときはシングルでいいですよね。このあたり、言葉で説明するのって解っている人でも面倒です。

大は小を兼ねる、でなんでもダブルクリックにしている人はかなりいます。ところでウェブサイトを閲覧するのにダブルクリックは必要でしょうか。当然、ほとんど必要ありません。むしろ送信ボタンなどは、ダブルクリックされると困ります。
パソコンはダブルクリックがデフォルトだと思っているシニアは「クリックは一回だけにしてください」と明記してあっても「はいはい、一回ね」と一回ダブルクリックしてしまったり。言葉って難しいなと感じる瞬間です。

最近のパソコンではデフォルトの設定が［ポイントして選択し、シングルクリックで開く］になっている場合があるようですが、家族と共用のパソコンだと、大抵息子・娘に設定を変えられます。辛いところです。

5.「サイトマップ」とは何か理解しようともしない。

サイト構造が解らない場合、ウェブを良く知っているならサイトマップから目的のページを探す人も多いのではないでしょうか。
実はこれ、シニアも一緒です｡でも理由は違います｡

「地図のところに会社の名前や電話番号も一緒に書いてあるんじゃない？」という本人以外には非常に理解し難い理由からです｡まず「サイトマップ」には会社へのアクセス情報等が書いてあると思っています。「サイトマップはサイトの地図である」という常識は通用しません｡
「サイトってよく解らないけどマップは地図でしょ｡地図って言ったら地図じゃない。」が彼らの思考です。解らない言葉は省いて考える。そして地図があるところには当然会社名もあって、行き着けなかったときのために電話番号も併記してある、解らないことは電話で聞ける、という連想と言う名の思い込みが成り立っているのです。

また、シニアはサイトの運営者について非常に気にし、会社概要にあたるものを探したがります。そのあたりを考えて作られているサイトは、ちゃんとトップページに会社概要ページへのリンクがありますが、サイトによってはリンクがあっても「わたしたちについて」などとなっていて解りにくくなっています。
企業情報や電話番号はシニアの警戒心を解く重要な要素になるので、明確な言葉で示す必要があります。

6.検索結果の見方も解らない。

インターネット初心者のシニアだと、検索の仕方や検索結果の見方がよく解っていない場合があります。検索の仕方なら「検索語が広すぎる」「文章を入力してしまう」など。
「僕はインターネットは使えます」と入会された方でも、「絞り込み検索の仕方を知らなかった。2個以上言葉を入れてもいいなんて！」ということが多々あります。

検索結果の見方でよくあるのは、「次のページがあることが解らない」「『1･2･3･4…』の意味を解っていない」、などがあげられるでしょう。検索結果の見方までは簡単に予測もつき、知識的な問題ですから間違いを正すこともできますが、大変なのが「検索結果ページとウェブサイトの違いが解らない」というケースです。

要するに、ウェブページというものが無尽蔵にあること、それをある言葉で検索して抽出していることが直感的に理解できていないため、検索結果を見て「で、これしかないの？」という言葉が出るのです。検索をGoogleのI'm Feeling Luckyのように捉えている、と考えていいでしょう。

こういった方の場合、検索結果をクリックすればサイトが見られ、情報が得られる、ということを理解するまでに時間を要します。教えてくれる人がそばに居ればよいのですが、誰もがそうとは限りません。

また、検索時の間違いに、「検索ボックスにURLを入れてしまう」というものがあります。アドレスバーより検索ボックスのほうが目に付きやすいので、そこにURLを入れたくなってしまうのです。
大きなサイトならURLで検索しても結果は適切に出ますが、新しいページやキャンペーンサイトなど、検索されないこともあります。検索ボックスにURLを入力した場合、自動的にそのURLに遷移してくれるようになるほうがシニアには優しいといえます。

7.ウェブの常識である言葉の直訳は得てして通じない

シニアはカタカナやアルファベットが苦手です。ビートルズが好きであろうが、ジャズが好きであろうが、カタカナは苦手です。その点についてウェブサイトを作る際は、注意しなければいけません。

でも、頭を硬くしてなんでも日本語表記にすればいいかというと、そうではありません。翻訳サービスを利用してある言語の別の言語で表示したとき、あまりの直訳に笑ってしまうこと、ありますよね。それと一緒です。

面白い例に、ドラッグアンドドロップがあります。稀にJavaScriptでドラッグアンドドロップで操作できるサイトがあります。説明にあったドラッグアンドドロップとは何かと聞かれて、「ドラッグは引きずるという意味、ドロップは落とすという意味です。だから、こう、ここを…」と説明していて、最終的にマウスを引きずってデスクから落とされたことがあります。目的語がマウスかファイルやコンテンツかでまったく違ってくるので、説明が良くなかったということもあると思いますが、サイトに「引きずって落としてください」と書いてあっても、やっぱりわからなかっただろうな、と感じます。 

コンテンツ、ダウンロード、アクセス、いろいろな言葉がシニアにとって「伝わらない」言葉となっています。

8.アカウントとパスワードは考えなければならない、そして忘れてはいけないという意識がない

「登録・購入時にはメールアドレスが必須である」と同様に、ウェブ会員登録前に予測していないこととして「アカウントとパスワードを作らなければならない、さらにそれを覚えておかなければならない」ということがあげられます。何かを自分で考えなくてはいけないということはつーチンワークで日常が成り立っているシニア層にとって非常に辛い行動です。
さらに、アカウントとパスワードを作るという事がルーチンワークと捉えられるようになるまでは時間がかかります。他の人に使われてしまっているIDは使えないというのもイライラに拍車をかけます。このあたりは若年層でも経験があることでしょう。

作ったアカウントやパスワードが解らなくなるというのも、年齢を問わずあることですが、シニアになると本当に涙が出るほど解らなくなります。原因としては、アカウントもパスワードも、登録時にはそれほど大切なものだと思っていないということがあります。「忘れないようにしてください」と注意書きがあっても、それが「覚えていてくださいね」「覚える自信がなければメモをするか印刷してくださいね」と言われているとは露ほどに思わないのです。ましてそれがログイン時に毎回必要になるとは思いもよらない。そして「忘れても教えてもらえるだろう」という思い込みがあります。たとえば銀行の通帳を紛失しても、きちんと手続きをすればまず問題はありません。（銀行の暗証番号は忘れないように覚えやすい番号になっているというのも問題です。） 

ウェブのパスワードなども銀行のパスワード同様に考えている傾向があります。確かに銀行のパスワードと同じようなものですが、その手続きは簡単ではありません。登録時のメールアドレスがわかり、生年月日をごまかさずに入力していて（重要）、秘密の質問に正確に答えられる。そういった難関があるのです。

「秘密の質問」の意味も大変難しく、秘密の質問はパスワードを思い出すためのになるものだと勘違いしているケースがとても多いのが秘密の質問を複雑化させている原因となります。秘密すぎて覚えていられないことも多々ありますし、設問が出てくるのではなく選択肢から思い出させる場合には悲惨という言葉以外思いつかないほど大変です。

最近は不正な自動登録を防止のため、「画像の中の英数字を入力してください」などもよくあります。てっきりそれがパスワードだったと思って大慌てになる人もいます。登録時にパスワードが非表示になるのも、パスワードが解らなくなる原因の一端でしょう。

9.サービスによってアカウントもパスワードも違うことが解らない。

ブログの更新などで、「家のパソコンでならできるが他のパソコンではできない」と戸惑われる方、逆に「家のパソコンでできるのは理解できるがなぜ他のパソコンでもできるのか解らない」とおっしゃる方がいます。

前者の場合、クッキーやオートコンプリートが有効に機能していて、アカウントもパスワードも入力する必要のない状態にあると考えられます。普段アカウントやパスワードを利用していないと、突然必要になったときにとても困ります。
「ここにメールアドレスを入力するとパスワードが出てくるから大丈夫ですよ」と教室で自信満々に仰る方もいます。

また、パソコンで使うアカウントやパスワードは1種類しかないと思い込んでいる人もいて、プロバイダから送られてきた書類ですべて対応できると思ってしっかり手帳に書きとめているも、さっぱりログインできないという状況に陥ります。サービスごとにアカウントもパスワードもすべて別個のものであることが解っていないのです。

後者は、パソコン（または回線）とサービスが繋がっていると考えている典型です。パソコンを2台、ブログを2つ持っていて、一見使いこなしているように見える人が、「このパソコンではAのブログ、あのパソコンではBのブログを作ったんだ。古いパソコンは廃棄したいんだけど、ブログが書けなくなっちゃうから棄てられないんだ」とおっしゃることは多々あります。

どちらも根本の原因はアカウントとパスワード、ログイン・ログアウトの関連付けができていないということです。日常生活でログイン・ログアウトにあたる操作をすることはまずありません。よく通帳と暗証番号が例に挙げられますが、銀行の場合は強制ログアウトです。クッキーによる自動ログインはありません。このあたりが混乱を招きます。
クッキーは便利ですが、ログアウトしなければ危険であることを知らないシニアがほとんどです。その便利さを享受して他のパソコンでもそうだろうと思い込んでいるシニア層が多いことは間違いありません。

10.ウインドウと閉じるボタンや戻るボタンの関係が解らない

本当に初めてインターネットを使った人から、最後に「インターネットを終わらせるのはどうしたらいいの？」と聞かれることがあります。今からインターネットを使うシニアでダイヤルアップを選ぶ人は稀ですから、ウインドウを閉じればおしまいです。
そんなことも解らないなんて、と思われるかもしれませんが、このあたりは最初だから解らないこと。仕方ありません。

「×」の印は「閉じる・終わる」のメタファーとして非常にわかりやすく、すんなり理解できます。戻るボタンも同様です。それでも閉じるボタンや戻るボタンをクリックすることでなんらかの失敗をするのがシニアです。彼らの失敗は、マルチウインドウを理解できていないことからきています。

解るひとには「なぜそっちのボタンを押してしまうんだ！」といらいらすることこの上ないのですが、シニアはなぜか非アクティブウインドウのボタンをクリックします。原因はボタンがウインドウに付属しているものだと理解しておらず、画面のある一定の部分にあるものと認識しているため、また、アクティブウインドウと非アクティブウインドウの違いを認識できないためです。

別ウインドウで新しいページが開いた場合、画面がどんな状態になるかはパソコンによってかなり違いがあります。一概には言えませんが、元のウインドウより一回り小さく且つ重なるように開くケースが多いと思います。まず多くのシニアは最大化しません。小さいウインドウをがんばってスクロールして閲覧します。非常に見づらいですので、途中で嫌になったり、間違ったページを見ている気分になり、前のページに戻りたいと感じます。
そして、「いつもの位置」にある非アクティブウインドウの戻るボタンを押して、失敗するのです。さらに、同様なことを繰り返していくとウインドウは山のように開きます。もう今日はおしまい、という段階になって、閉じても閉じてもウインドウがなくならない状況に陥ります。閉じるボタンも画面のより左上にあるものから押していこうとするため、押しても押しても画面が変化しないように感じ、すわウイルスか、と心拍数があがります。血圧にもよくありません。

ウインドウは複数開けること、アクティブウインドウのボタンを操作しないと思い通りの動きをしないことさえ理解できれば簡単に回避できることですが、これをシニアに直感的に理解してもらうのは難しいのです。

インターネットに本当に初めて触れた人からはよく「インターネットを終わらせるにはどうしたらいいの？」と聞かれます。ブラウザの「閉じる」ボタンを覚えた初心者さんは、「とにかく閉じれば大丈夫」と認識してしまいます。「このページに書いてあることは難しい」「自分には関係ない」と思うと、とりあえず閉じてしまいます。お気に入りに入れたり、履歴を使うなどブラウザの機能を使えるようになるのはまだ先の話ですので、簡単には見ていたサイトに戻ることは出来ません。

その２～全角・半角の区別がつかない～

初心者の人がメールアドレスやURLを全角で入れてしまっているという状況にたまに遭遇します。まず超初心者の場合は半角と全角の存在を知りません。大文字と小文字のことを言っているのかと勘違いしたり、意味が分かっても、aとａの違いなんてわからないと嘆いていることが多いです。メールアドレス・URLは半角で入れなければならないのはウェブの常識になってしまっていますが、せめて、住所の番地は全角に対応していてください。出来ることならメールアドレスも。

その３～私が思ったところでクリックがしたい～

まったくリンクのない場所でマウスを連打してしまう初心者さんがいます。ウェブ操作になれた人でも「おっと、ここリンクないや」と思うことがありますよね。「リンクがないから押せない」のが解るのはなれている人。初心者は「なんで押せないの？　どうやったら押せるの？」と悩んでしまいます。悩みながら、諦めてそのページから去っていきます。画像やアイコン、文字など、誰もが「押したくなる場所」は決まっています。そこにきちんとリンクがあること、リンクがない場所は押せるように見せないことは、ストレスのないウェブサイト閲覧に重要な要素です。どこが「押したくなる場所」なのかは別項で。

その４～空間能力がない～

「さっき見たボタンが見当たらない」と探している人に、「もうちょっと前の方にありましたね」と助け舟を出すと「前って？」と聞きなおされます。「上のほうです」と言い直すと、これまた「上って？」と返されます。ウェブページによって、さまざまな種類の戻る為のリンクが設置されているケースがあります。「ホームへ戻る」「トップへ戻る」「このページの上部へ」などがそれにあたります。ウェブに慣れた人には必需品のリンクですが、初心者は使いこなすことができません。

その５～マウスが苦手～

初めてマウスを握ったときのことを覚えているでしょうか。思うように動かせず、マウスパッドからはみ出してしまったり、キーボードにぶつかってそれ以上進めなくなってしまったり。慣れてしまえばなんてことないマウス操作も、慣れるまでは肩がこる作業です。もちろん初めてマウスを握った年齢が高ければ高いほど、慣れるまでの時間はかかります。初心者にとってJavaScriptやフラッシュの「飛び出すメニュー」は結構な難関です。ウェブサイトはゲームじゃないんで、がんばってクリアしなきゃ次に進めないポイントはなくしてほしいものです。

その６～別ウィンドウが苦手！～

IE7ではポップアップブロッカーが標準装備される予定です。これから先、JavaScriptでポップアップ表示させるサイトはほとんどなくなるんじゃないでしょうか。初心者さんの苦手なポップアップウインドウがなくなるのは歓迎ですが、それよりも最大化されていないサイズで開いた別ウインドウの方が厄介なんです。初心者さんは別ウインドウを最大化しません。最大化できなくても、画面をスクロールして閲覧できればよいのですが､後ろにある元のページのスクロールバーを押してしまうことがよくあります。しかもそのことによる画面の変化が何によるものか分からず、「なんか違うから戻るボタンで戻ろう」となり、見たいページからどんどん遠ざかってしまうのです。

その７～動くものに集中してしまう

点滅している文字や横にスクロールしている文字が出たとき、「これは何なの？」ときかれます。何なのと言われても少し強調するために文字を動かしているだけだろうと思うのですが、初めて見る人にはなんだかわからない、何のためにしているんだろうと感じられるようです。GIF動画やフラッシュなど魅せるためのコンテンツなら動かすのもアリですが、動くものに集中しすぎて他のコンテンツの邪魔になることがあります。特に文字は動かさないようにしましょう。

その８～視野が狭い

○年前に車の免許を取るときに、教習所で「初心者の目線」と「熟練者の目線」をビデオで見せらました。必死で目の前の道路を追っている初心者と、ゆったりと広い視野で周囲に目を配りながら進んでいく熟練者の目線が対照的で、印象に残っています。ウェブも車の運転によく似ています。初心者さんは目を皿にして全てを見ようとしていますが、実際にはたいして見れていないのです。大事なメニューやコンテンツに簡単に気付けるようになるには、車の運転と同じで時間がかかるのです。

その９～ダブルクリックしてしまう！～

初心者さんはクリックとダブルクリックの違いがわかりません。違うことは解っていても、いつどちらを使えばいいのか明確に区別できていません。ウェブ操作でダブルクリックを使うことはまずありませんが、違いがわからず「大は小を兼ねる」と、ダブルクリックしか使わない人もいます。送信ボタンなど、ダブルクリックしてしまうとまずい場合は、クリックは一回だけにするように注意書きを設けるのが親切です。

その１０～知ってるものしか見えない

「サイトマップ」という言葉がありますが、初心者さんは「これを押すとお店の地図が出てくる」と思っています。「サイト」という言葉が分からないため、省いて「マップ」だけの意味で考えているのです。ちなみに本当の店舗マップは「アクセス」の中にあることが多いです。これでは絶対にわからない！　初心者さんの知っている言葉を使って、うまく誘導してあげて下さい。

アクティブシニア・シルバーにとって画像はサイトの道標であり、サイトを「見たい」気持ちにさせる重要な要素です。文字だけのサイトはあまり閲覧意欲が起こりませんし、かといって意味のない・内容と関連の薄い画像だと何のサイトなのかはっきり解らず、間違ったページを見ている気持ちになります。使用される画像は理解を促進・補助するものでなければなりません。また、欲張りすぎてトップページにたくさんの情報を載せると、自分の求める情報があるのかどうかわからなくなり、サイトから去られてしまいます。メニューやコンテンツの選別をし、すっきりしたトップページにするよう心がけましょう。

２）メニューバー・・・他のメニューを隠さない

シニアはマウス操作が苦手な方が多いので、フラッシュやJavaScriptの「飛び出すメニュー」やマウスの横移動が必要なメニューは避けなければなりません。どうしてもそういった形式にする必要がある場合でも、飛び出してきたメニューで他のメニュー項目が隠れてしまわないようにしましょう。隠れてしまったメニューを押したい時に、出ているメニューを閉じることができずに動けなくなってしまうことがあります。

３）文字・・・文字の大きさ・色

文字は当然小さいより大きいほうがよいですが、むやみに大きくしても「読みやすい」という感覚は得られません。シニア向けにはfont-size:90%;line-height:180%程度が適切です。色は前景色と背景色の明度差をはっきりさせます。最低でも185以上あるようにしましょう。また、明度差があっても背景色が赤や緑だと読みにくく感じられますので、避けてください。文字のサイズを調節するボタンは目に入らなかったり使い方がわからなかったりでまず利用されません。

４）言葉・・・曖昧な言葉を使わない

当然ながらカタカナ・アルファベットの表記は避けることが望ましいですが、ウェブ用語として定着しているものなど、日本語表記の難しいものもあります。説明書きを設けるなどして、理解を促す努力をしてください。また、「WEB窓口」などの言葉は誤解を招きます。カタカナやアルファベットを省いて考えるため、現実の窓口と混同してしまうからです。「サービス」と「サポート」なども混同していることがよくあります。独自のサービスを作る際のネーミングに注意し、曖昧な言葉・複数の意味に取れる言葉を使用しないようにしてください。

５）印刷

製品の比較検討をする時はもちろん、「紙のほうが見やすいし、とりあえず印刷」するシニアは多いです。標準の設定で印刷すると背景は印刷されません。また、横幅の広いページだと右端が切れてしまうことがあります。どんなページでも、印刷された時、背景がなくても画面と差がない、また、右端が切れても重要な情報はすべて印刷されているかどうか確認してください。

６）ナビゲート・・・戻るボタンを使える・クリックできる場所を明確に・戻る場所の明示

シニアは戻るボタンを多用しますので、ページの有効期限切れなどが出ない設計にしましょう。リンクのある場所がはっきりわかることも大切です。文字リンクの場合は、下線をつける、適切なリストマークをつけるなどで、通常の文章との違いを明確にしてください。ボタンの場合は押下できそうな形状にしましょう。ホームへのリンクやページ内リンクを設ける場合、言葉の使い方に留意し、何処にリンクしているのかはっきり解るようにしてください。

７）フレーム

フレームはSEOの面で不利であることから避けられる傾向にあります。シニアにとってもフレームはよいものではありません。スクロールバーが複数あり、混乱を招きます。どこでスクロールするとどの部分が動くのかが分からないためです。インラインフレームの時に顕著です。

８）図解

シニアの、特に女性は、「読んで解る」よりも「見て解る」ことを「解りやすい」と感じます。同じ事を言っていても、文章で書いてあるより図解されているほうが要点をまとめて理解でき、体感する「解りやすさ」と「実際の理解度」の両方とも高くなります。男性の場合は、本当に内容を理解しているかどうかはさておき、字が多いほうが情報量が多く質の良いサイトだと思う傾向があるので、ターゲットによって文字情報の比率を考えるようにしましょう。どちらにせよ、内容を理解してもらうためには図解が必須です。

９）検索

サイト内検索を覚えたシニアは、知りたいことがあるととにかく検索しようとします。検索結果が見づらかったり、求める結果が出ないと「このサイトにはわたしの知りたいことがないんだ」と思ってしまいます。検索されそうな言葉と内容を推測し、該当する結果を上部にはっきりと表示するようにしてください。再検索をするためのボックスは一目でわかる場所におきましょう。忘れっぽいシニアのために、なんという言葉で検索したのかを明記することも大切です。また、検索がヒットしなかった場合、これからどうすればいいかを明記し、次のアクションをわかりやすく促してください。ここでも戻るボタンは必ず使えるようにしましょう。

１０）目線の動き

通常ウェブページは上から下に見ていかれるものですが、シニアの場合視線が上に戻りません。戻るのが面倒なのか、「もう見たから平気。特に何もなかった」と思っているようです。「戻るボタンを使わないで最初のページに戻れますか？」というユーザーテストでも、ページ下部までスクロールしてから「ここらへんにホームへのリンクがあれば押す」という内容の回答が大多数を占めます（ちなみに残りの少数の回答は「戻るボタンしか使わない」です）。実際、メインコンテンツなどは真ん中以降にあるわけですが、上部にメニューを設けている場合あまり使われなくなります。上部のメニューを使わなくても閲覧に支障のないサイト作りが必要です。