Hatena::ブログ(Diary)

キャズムを超えろ! このページをアンテナに追加 RSSフィード Twitter

2006-11-17

団塊〜シニア層向けのWeb設計 やっちゃいけない10のUI

一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス&PCアプリケーションUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。

ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外

IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結構すんなり入力して使ってくれる。忘れなくていい、と好評。全角文字をOKにしておけば「名前を入れておくといいですよ」が使えてこれまた好評。

パスワードに英数混在や5文字以上を強制すると問い合わせ激増,アクティブ会員率減

数字4桁パスワード、というユーザが圧倒的に多い(DBを覗き見したわけではなく、PCスクール時代の経験)。セキュリティ事故が怖いが、背に腹は代えられない。パスワードリマインダーによって問い合わせは減らすことはできるが「PW忘れちゃったしもう使わなくていいや」といって離れて行くユーザをつなぎとめることはできない。

対策としてパスワードを自動発行してしまう手もある。どのみちパスワードポストイットに書き込んでモニター脇に貼り付けてしまうタイプのユーザーが多いからだ。その際、全て数字のパスワードを発行するか、自動発行ロジックにてi,j,I,l,q,9などを除くよう設定しておくとこれまたパスワードが通らんぞコンチクショウ、てな問い合わせや機会損失を低く抑えることができる。

チェックボックスで項目選び、別のボタンで操作を決定するUIはわかりにくい

何故なんだかわからないけれども、チェックボックスで選んだ○○を「削除」ボタンでまとめて消す、というUIは理解されない。項目ごとに削除ボタンを設けるのが正解だが、一般ユーザの利便性を損なう為やむを得ずチェックボックスを使う場合も。PCアプリなどでShiftを押しながらでないと複数選択できない....なんてのは愚の骨頂。


フォントサイズはブラウザ設定で可変できないとだめ

シニア層に限った話ではないが、ブラウザフォントサイズを「大」にして可読性を上げないと文字が読めないユーザが多い。Flashを使う場面など可変にできない場合はせめて大きい文字を。14ptでも読みづらいという方が結構いた。16になるととたんに読みづらいという人が減る*1

アイコンは理解されない 使う場合は添え書きを

■で停止、▲で再生なんてことすら理解されないことも。家マークを押したらホームに戻る、なんてのは本当にまったくと言っていいほど理解されない。説明すればわかってもらえるが使わないとすぐに忘れる。フロッピーのマークで「保存」とかもう絶対だめ。だいたいいまどきフロッピーに保存なんてせんでしょうMSさん(ぉ どうしても使いたい場合は「■ 停止」といった風にキャプションを添えること。

ブラウザにてリンクを新しいウィンドゥで開くのはNG

元の画面に戻る術を知らない、知っていてもウィンドウを閉じるのが面倒と感じる。閉じるアイコン(X)が意外に小さくクリックしづらいらしい。ALT+F4を使えよ、なんてのはナンセンス。でもブラウザの戻るボタンは使えるんだなこれが。日ごろの鍛錬の賜物だろうか。

1つの画面に多数の機能を並べてはいけない

一般PCユーザはなるたけ1画面に沢山の機能を配し、画面遷移することなく多種多様な操作ができることを好むが、シニアユーザは混乱する。また、多様な機能を配置する際、省スペース化のためにアイコンやプルダウンリストが多様されることも、わかりにくさを助長している。1画面でできることを限定し、画面遷移数は増えても長い説明文を併用したボタン名とするが吉。ちなみに家電のUI設計はわりとこの考え方を取り入れている。 ⇒ だからPCユーザには使いづらい

例:

Clipboard03


AJAXFlashで可能になったからといってドラッグ&ドロップは使うな

単純にD&Dを知らないユーザが多いだけでなく、マウスの感度を下げている(上げていない)ことが多いため、ドラッグしても目的箇所までカーソルを移動させられない場合が多い。ボタンを押したままマウスを持ち上げ、再度マウスを移動させればいいだけなのだが、その操作ができる人はほとんどいない。また、メンテナンスが行き届いていないマウス,PC付属のしょぼいマウスを使っている場合がほとんどのため、ドラッグ中にボタンから指を離していないにも関わらずドロップされてしまうケースが散見された。

ダブルクリックされるとまずいボタンはダブルクリック禁止にせよ

何でもかんでもダブルクリックするユーザが多い。削除ボタンなど連打されると思わぬ処理が走ってしまうボタンについては、確認ウィンドゥを出したり*21回目のクリックでボタンを無効化するなどの対策が必要。

「かんたんモード」を設定しても使わない

シニアに特化すると一般層のユーザビリティを下げざるをえない要素も多数あることがお分かりいただけたとおもう。そこで案に上がってくるのがシニア用モードの追加であるが、そこはプライドの高い世代、「かんたんモード」「簡易版」の類の文字には拒否反応を示し、使おうとしない。Defaultをかんたんモードにしておき、詳しい人向けには「アドバンスモード」を用意するという見せ方が吉。

一度アドバンスモードに切り替えたあとはCookieなど埋め込むことで以後ずっとアドバンスモードUIが表示されるようにすべきだが、いつでもかんたんモードに戻せるボタンを用意しておかないと困る人続出。見栄を張ってアドバンスドに切り替えちゃったはいいが戻す方法がわからない、というケース必ず出てくる。



おわりに

楽天で探してみると、シニア向けに特化したPC向け周辺機器などはあまり扱っていない模様。数少ないが、以下の2アイテムぐらいなら祖父母に買ってやる、ぐらいの心意気があってもよさそうだ。

「ダブルクリックボタン」を備えたマウス

滑り過ぎない初心者用マウスパッド

下記商品とまでなれば、視認性も高まって良いことづくめなのだが...。プレゼントするには値が張りすぎる。

Mitsubishi 25.5インチ HDCP対応DVI端子搭載 WUXGAディスプレイ


id:aratako0さんのところでシニアが苦手なUIについて書かれていたので触発されてエントリしてみた

*1:1024×768 15インチディスプレイの場合

*2:そうすることで2回目のクリックは無視される

bokumoribokumori 2006/11/17 11:20 IDを実名はまだしも電話番号とかって、さすがにまずくないですか?
サービスによってはIDが他人にも見えたりするものも多いでしょう。

hiranotkmhiranotkm 2006/11/17 14:30 電話番号はさすがに・・・な感じもしますね。ユニークなIDですけど。
氏名をIDにして、電話番号をパスワードにすればまだいいかも。
あ、でも、これってハローページがユーザーIDとパスワードのデータベースになっちゃいますね。

f-shinf-shin 2006/11/17 15:02 ダブルクリックは笑いました。
OSのダブルクリックとシングルクリックの使い分けは難しいですね。確かに。

ma-kanohma-kanoh 2006/11/18 00:17 ん、いい感じですね。
追加は出来ませんが、親父への「サポート」で思ったことですが。。。
会員登録自体がかなり無理だと思います。しようと思わないようです。
また、mmmmm@kkkk.co.jp
とかも無理です。「@.」の記号系は入力が出来ないようです。
そもそもE-mailは使ってないようですが、これは私の親父限定かもしれません。
IE限定なのはむしろ当然ですが、IE7が頭痛の種です。
あれはありですか?シニアに使えますかね?インターフェイスが変わること自体
に無理がある。。

n85n85 2006/11/18 05:11 > 何でもかんでもダブルクリック

僕もこれには笑ってしまいました。実家の親もそうです。ハイパーリンクも必ずダブルクリックします。まあそれでも目的のページにはたいがい飛びますので、指摘するのはやめました。

おっしゃるとおりおっしゃるとおり 2006/11/18 16:39 まさに俺用か

   2006/11/18 22:38 フールセーフってヤツですか。
自尊心だけムダに膨れ上がったバカを相手にするのも大変ですね。

とおりすがりとおりすがり 2006/11/20 01:00 フェイルセイフとフールプルーフがごっちゃになってるよ。

すがりすがり 2006/11/20 11:55 >フールセーフ
http://www18.ocn.ne.jp/~aze/theory16_foolsafe.html
-----
フールセーフと言うのは、「どんなバカな使い方をしても、問題が起こらない」ような設計とでも言いましょうか、あらゆる”思いもよらない使い方を”されることを想定して、モノを設計することをいいます。
-----
だそうです。

itochanitochan 2006/11/21 20:52 フォントサイズについて質問ですが、16px ではなくて 16pt ですか?
ずいぶん大きいですね。

kmzwkmzw 2010/06/12 02:11 家の親はマウスをあきらめましたねぇ.

まず,ダブルクリックができない.
二回目押す時にカーソルが別の場所にずれてしまって・・・.

さらに,マウスを持ちあげて位置調整することができない.
マウスが机からはみ出ちゃうから画面のカーソルが端っこまで移動させられないというw

今はトラックボールを気に入って,使っているようです.

こたろうこたろう 2010/06/13 09:01 kmzwさん、

>今はトラックボールを気に入って,使っているようです.

うちの母もトラックボールでやっとパソコンが使えるようになりました。
高齢者にはマウスより使いやすいようですね。

miymunmiymun 2010/06/13 22:01 遅ればせながら、手放しで賞賛。

この切り口で、iPadを評価していただけると非常にうれしいです。
ってお持ちかどうかも知らず、つぶやいてみました。

YUUNOYUUNO 2010/06/15 11:26 確認のダイアログ類もダメですね。
みんな質問の文章は飛ばして、ボタンの表面のテキストしか見ません。

例えば「保存しますか? はい/いいえ」のように、まず質問文を読んで内容を理解してから、肯定か否定かを選ぶ方式にはかなり頭を悩ませるようです。最終的には「左のボタンを無条件で」押すようになるため、いつもと違う質問が表示されたときに必ずトラブルになります。

冗長に見えてもボタンに「保存する」「保存しない」のように意味の通った文章をいちいち書けば、この手のトラブルは減らせそうに思います。

さらに、「はい/いいえ/キャンセル」のパターンだと若い人でも「いいえ」と「キャンセル」の違いがわからない人が多いです。

tbtb 2010/06/20 14:49 トラックボールは別に高齢者に限らず、マウスよりいいものだと思います。手首にも優しい。
マウスの方が低コストで作れるから普及してデファクトになっちゃっただけでは?

コーチバッグコーチバッグ 2010/10/03 22:48 コーチアウトレット通販専門店は海外直輸入シグネチャーモデル、限定品、直営アウトレットファク

トリー製品の激安販売オラインショップ。コーチバッグ、コーチ財布、コーチメンズ商品、コーチア

クセサリーなどが充実の品揃え。全国送料無料でお届け致します。http://www.coachoutlet.jp

精力剤精力剤 2013/09/20 11:40 当店が厳選した驚きの精力剤</を是非お試しください。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト

コメントを書くには、なぞなぞ認証に回答する必要があります。

トラックバック - http://d.hatena.ne.jp/wa-ren/20061117/p1