ユーザインタフェース第2回ユーザ行動の分析と「看板」のデザインーまずは市場（ユーザ）を知り、市場が望む商品を提供するー Webページは斜め読みされる • ユーザはページの内容を読んで選ぶリンクをしっかり考えると、 Webページの製作者は思いがち • 実際には、気になる単語だけを見て、リンクを押し、ユーザはすぐにそのページを立ち去る – 時速100キロで走る車から見える看板のようなもの • これには３つの理由がある。理由その1：人はページを読まない。ざっと見る(scan) のみ • たいてい、急いでいるから • すべてを読む必要がないことを知っているから • ざっと見るのが得意だからマイルチェックへのリンク航空会社のホームページチケット購入へのリンク理由その2：最良のものを選択するよりも、満足できるものを選ぶ • たいてい利用者は、最初に目についた、そこそこ満足できるものを選ぶ – 満足化（satisficing）＝ satisfying + sufficing H.Simon, Models of Man: Social and Rational, Wiley, 1957 – 人間はどのように意思決定しているのか G.Klein, Source of Power: How People Make Decisions, MIT Press, 1998 • • • • 消防隊の指揮官を調査時間制約のため二者択一程度で意思決定していると想定実際には、最初に思いついたプランを問題ないかチェック問題なければそれを選択。我々が「満足化」で満足しているのはなぜ？ Webを使うときに、そこそこ、満足できるものでいいのは • 見当違いをしたって厳しい罰を与えられない – 消防士ですら最良の選択肢を検討していない • 選択肢を比較検討しても、結果はあまりかわらない • 推測して見当をつけることのほうが楽しい理由その3：人は仕組みを理解せず、どうにか切り抜けるものである • 家電品を買っても説明書をじっくり読まない • とにかく使ってみてなんとか使えるようになる。 • その使い方が間違っていても気にしない – GoogleやYahooの検索ボックスにURLを書く誤った使い方を気にしないのは • 仕組みを知らなくても、問題はないから – 使えている限りは正しい使い方をしらなくてもよい • うまくいくとわかったら、それに固執するから「看板」ユーザインタフェース入門 • Webページはしょせん、ざっとしか見られない、誤った使い方に耐え抜くべき「看板」か？ – Webデザイナは苦労しても、報われないのか？ – ユーザインタフェースなんて研究する必要ないの？ • りっぱな看板 1. 2. 3. 4. 5. をつくる必要 → ５つの原則各ページの階層をわかりやすくする「慣習」を守るページをエリアに分けるクリックできるものをはっきりさせるノイズは最小限に抑える原則１：各ページの階層をわかりやすく • 短時間で内容を理解させるには、ページ上の項目が visual (一目瞭然)な階層をもつべき３つのポイント • より重要なものが、より目立つ – 最重要項目は、大きいフォントで、太字で、目立つ色で、余白を使い、ページのtopの近くにある • 論理的な関連物が、visual上も同じ層に – 同じ見出しの下、同じスタイル、同じエリアにある • 何がどれを含むかを示すのに入れ子を使う階層構造の例より重要なものが、より目立つ論理的な関連物が、 visual上も同じ層に何がどれを含むかを示すのに入れ子を使う慣例を守る • どれが何か,何がどこにあるかがわかる • Webにも慣例(カテゴリ、探索ボックス、etc) • デザイナは自分だけのページを作りたがるエリアに分ける • 商品の写真 • 商品の情報 • 関連商品余白が多いので、エリア分けがよくわかるクリックできるものをはっきりさせる • Amazonでどれをクリックできるか一目瞭然か？答えは Yes 下線で青字もしくはボタン • 下の検索ボックスで、どこを押して検索する？ × SEARCH ○ SEARCH ノイズを最小限に • ケバケバしすぎるもの – すべてが大きいフォント – すべてがドぎつい色 – どこもがブリンク • 背景がうるさいもの – 不必要なアニメーション – 枠が太い、濃い • 大切な検索ボタンの枠が薄く、 • 「オークション」の枠は濃い ME（Magnitude Estimation）法 • Stevensによって提唱 • 刺激量 S に対する人間の心理量 R は次式に従う R=kSn k, n: 定数 [例] – Webページの空白部分の比率を変える．比率が小さいものから大きいものへと徐々に変化させ，それぞれの比率がエリア切分けの明確さをユーザに与えるかを調べる． – 果物ジュースの果肉の割合を変化させ，それを飲む人間がどのような「飲みごたえ」を感じているかを調べる．ジュースの例 • 刺激量50を堺に，感覚量の変化が鈍くなっている． • 50以上の刺激を与えても，同じ感覚しか得ていない． • 果肉を50程度に抑えれば，少ないコストで大きな効果 Webページの空白についても同じ手法を用いることができるはず． k と n を求める実験 • いろいろな刺激（空白の割合）を，多くの被験者（最低でも20人）に見せ，エリアごとの区切りの明確さを200点満点でつけてもらう．中央値をとる • 各刺激に対して，すべての被験者が答えた区切りの明確さの中央値をとる． – 突拍子もない反応をする被験者の影響を除去する – 中央値 • データが奇数のとき，小さい順に並べたとき中央に位置する値 • 偶数のとき，中央に近い2つの値の算術平均 – 平均でもよいが，平均では大外れの値に影響される恐れあり刺激刺激刺激順に並べると50,90, 90, 130なので，90が中央値反応 R と刺激 S の対数をとる等式 R=kSn k, n: 定数 (１) の両辺の対数をとると log R = log k +n ･ log S (2) ここで， y=log R, a=n, x=log S, b=log k とおくと y=a･ x + b R と S に各被験者の値を代入し，a と b の値を求めれば， k, n の値が求まり，式(１)の式を同定することができる．回帰直線を求める • 実験値を式(2)に代入し，グラフにプロット． • グラフにプロットされるすべての点からの距離の和が最小の直線を求める • 最小二乗法 – 誤差の和はa, b の2次式 – これをa, bで偏微分し，ともに0となるとき，最小 – n=a, k =10 bだから R = k S n が確定