人間とコンピュータ

人間とコンピュータ
2006年度2学期
第2回
本日の内容
• 人間と道具の関係
– 人間が「もの」の外観から得る情報
• メンタルモデル
– ユーザのモデル
– デザインモデル
– システムイメージ
– ものが人間の認知に作用する効果
• アフォーダンス
• 対応づけ
• 制約
2
人間と道具の関係
• 毎日使う道具は2万個ほどある
（Donald A. Norman, The Psychology of everyday things（誰のための
デザイン？））
• 大人がすぐ見分けられる道具は3万くらい
（Irving Biederman, Recognition-by-components: A theory of human
image understandings, Psychological Review, 94, 115-147）
3
日常的に使う道具(1)
• リストアップ（家庭編）
寝室，居間：目覚まし時計，TV，ステレオ，掃除機，エアコン，
扇風機，ファンヒーター，ベッド，ふとん，まくら，ビデオ，DVD
プレーヤー，ズボン，スカート，シャツ，ネクタイ，ベルト，靴下
バストイレ：水道，タオル，トイレ，鏡，歯ブラシ，歯磨き粉，
コップ，ドライヤー，石鹸，シャンプー，リンス，トリートメント，
洗面器，シャワー，給湯器
キッチン，ダイニング：ガスコンロ，フライパン，なべ，冷蔵庫，
電子レンジ，オーブントースター，急須，湯呑み，茶碗，箸，
皿，コップ，ポット，スプーン，フォーク，ナイフ
書斎：電気スタンド，鉛筆，シャープペン，ボールペン，マジッ
ク，ペン，ノート，筆箱，椅子，机，パソコン，ハサミ，のり，
ホッチキス，定規，コンパス，雑誌，新聞，消しゴム，本棚
玄関など：ドア，鍵，電気照明，下駄箱，靴，ほうき，ちりとり
4
日常的に使う道具(2)
• リストアップ（外→のりもの編）
自転車，信号機，交通標識，券売機，自動改札，信号機，携
帯電話，つり革，ブザー，案内板，エスカレーター，エレベー
ター，自動車，音楽プレーヤー，傘，缶ジュース，ペットボトル，
雑誌，新聞，Suicaなどのカード，財布，かばん，バッグ
• リストアップ（大学編）
筆記用具，黒板，ドア，エレベーター，パソコン，椅子，机，プ
リンタ，トイレ，水道，電子辞書，クリップ，しおり，本，雑誌，
ホッチキス，ハサミ，フォーク，ナイフ，コップ，皿，トレイ，ロッ
カー，ATM，カード
5
日常的に使う道具(3)
• その他
デジカメ，ボール類，ラケット類，ゲーム機，UFOキャッ
チャー，パチンコ，マージャン，将棋，碁，オセロ，チェス，炊
飯器，ホットカーペット，コタツ，缶詰，栓抜き，コルク抜き，缶
きり，毛糸，紐，輪ゴム，カッター，スポンジ，たわし，雑巾，
バケツ，ゴミ箱，ジューサー，タッパー，アルミホイル，キッチ
ンタオル，ラップ，口紅，コンパクト，綿棒，耳かき，爪きり，ヤ
スリ，空気入れ，釘，ネジ，セロハンテープ，ガムテープ，折り
紙，しおり，腕時計，ポーチ，電話機，FAX，コピー機，コンセ
ント，靴べら，物干し竿，洗濯機，洗濯バサミ，ハンガー，洗
濯ネット，ポスト，自動販売機，消火器，火災報知器，．．．ま
だまだある．
6
日常的に使う道具(4)
• リストアップ（家庭編）
寝室，居間：目覚まし時計，TV，ステレオ，掃除機，エアコン，
扇風機，ファンヒーター，ベッド，ふとん，まくら，ビデオ，DVD
プレーヤー，ズボン，スカート，シャツ，ネクタイ，ベルト，靴下
アナログ目覚まし，デジタル目覚まし，
バストイレ：水道，タオル，トイレ，鏡，歯ブラシ，歯磨き粉，
コップ，ドライヤー，石鹸，シャンプー，リンス，トリートメント，
テレビのタイマー，ラジオのタイマー，
洗面器，シャワー，給湯器
携帯電話の目覚まし機能．．．
キッチン，ダイニング：
ガスコンロ，フライパン，なべ，冷蔵庫，
電子レンジ，オーブントースター，急須，湯呑み，茶碗，箸，
皿，コップ，ポット，スプーン，フォーク，ナイフ
書斎：電気スタンド，鉛筆，シャープペン，ボールペン，マジッ
ク，ペン，ノート，筆箱，椅子，机，パソコン，ハサミ，のり，
ホッチキス，定規，コンパス，雑誌，新聞，消しゴム，本棚
玄関など：ドア，鍵，電気照明，下駄箱，靴，ほうき，ちりとり
7
日常的に使う道具(5)
• リストアップ（家庭編）
寝室，居間：目覚まし時計，TV，ステレオ，掃除機，エアコン，
扇風機，ファンヒーター，ベッド，ふとん，まくら，ビデオ，DVD
プレーヤー，ズボン，スカート，シャツ，ネクタイ，ベルト，靴下
モノラルTV,ステレオTV，地上波アナロ
バストイレ：水道，タオル，トイレ，鏡，歯ブラシ，歯磨き粉，
コップ，ドライヤー，石鹸，シャンプー，リンス，トリートメント，
グTV，地上波デジタルTV，液晶TV,ブ
洗面器，シャワー，給湯器
ラウン管TV，プラズマTV,リアプロジェ
キッチン，ダイニング：
ガスコンロ，フライパン，なべ，冷蔵庫，
電子レンジ，オーブントースター，急須，湯呑み，茶碗，箸，
クションTV，BS内臓TV，BSデジタル
皿，コップ，ポット，スプーン，フォーク，ナイフ
TV，ビデオ内臓TV，パソコンのTV...
書斎：電気スタンド，鉛筆，シャープペン，ボールペン，マジッ
ク，ペン，ノート，筆箱，椅子，机，パソコン，ハサミ，のり，
ホッチキス，定規，コンパス，雑誌，新聞，消しゴム，本棚
玄関など：ドア，鍵，電気照明，下駄箱，靴，ほうき，ちりとり
8
日常的に使う道具(6)
• リストアップ（家庭編）
寝室，居間：目覚まし時計，TV，ステレオ，掃除機，エアコン，
扇風機，ファンヒーター，ベッド，ふとん，まくら，ビデオ，DVD
プレーヤー，ズボン，スカート，シャツ，ネクタイ，ベルト，靴下
ラジカセ，CDラジカセ，MDラジカセ，ミ
バストイレ：水道，タオル，トイレ，鏡，歯ブラシ，歯磨き粉，
コップ，ドライヤー，石鹸，シャンプー，リンス，トリートメント，
ニコンポ，MP３プレーヤー，ネットワー
洗面器，シャワー，給湯器
クステレオ，パソコンの音楽機能，ゲー
キッチン，ダイニング：
ガスコンロ，フライパン，なべ，冷蔵庫，
電子レンジ，オーブントースター，急須，湯呑み，茶碗，箸，
ム機の音楽機能．．．
皿，コップ，ポット，スプーン，フォーク，ナイフ
書斎：電気スタンド，鉛筆，シャープペン，ボールペン，マジッ
ク，ペン，ノート，筆箱，椅子，机，パソコン，ハサミ，のり，
ホッチキス，定規，コンパス，雑誌，新聞，消しゴム，本棚
玄関など：ドア，鍵，電気照明，下駄箱，靴，ほうき，ちりとり
9
日常的に使う道具(7)
• リストアップ（家庭編）
寝室，居間：目覚まし時計，TV，ステレオ，掃除機，エアコン，
扇風機，ファンヒーター，ベッド，ふとん，まくら，ビデオ，DVD
プレーヤー，ズボン，スカート，シャツ，ネクタイ，ベルト，靴下
同種の道具でも，個別の製品，個別の
バストイレ：水道，タオル，トイレ，鏡，歯ブラシ，歯磨き粉，
コップ，ドライヤー，石鹸，シャンプー，リンス，トリートメント，
機能によって違うものがたくさんある．
洗面器，シャワー，給湯器
キッチン，ダイニング：
ガスコンロ，フライパン，なべ，冷蔵庫，
何万のオーダーにはすぐに達する！
電子レンジ，オーブントースター，急須，湯呑み，茶碗，箸，
皿，コップ，ポット，スプーン，フォーク，ナイフ
書斎：電気スタンド，鉛筆，シャープペン，ボールペン，マジッ
ク，ペン，ノート，筆箱，椅子，机，パソコン，ハサミ，のり，
ホッチキス，定規，コンパス，雑誌，新聞，消しゴム，本棚
玄関など：ドア，鍵，電気照明，下駄箱，靴，ほうき，ちりとり
10
日常的に使う道具(8)
• リストアップ（家庭編）
寝室，居間：目覚まし時計，TV，ステレオ，掃除機，エアコン，
扇風機，ファンヒーター，ベッド，ふとん，まくら，ビデオ，DVD
プレーヤー，ズボン，スカート，シャツ，ネクタイ，ベルト，靴下
例：電気のスイッチはいくつある？
バストイレ：水道，タオル，トイレ，鏡，歯ブラシ，歯磨き粉，
コップ，ドライヤー，石鹸，シャンプー，リンス，トリートメント，
洗面器，シャワー，給湯器
各部屋に1つ．教室，廊下，部屋があれ
キッチン，ダイニング：
ガスコンロ，フライパン，なべ，冷蔵庫，
ばスイッチがあるので，ものすごい数．
電子レンジ，オーブントースター，急須，湯呑み，茶碗，箸，
皿，コップ，ポット，スプーン，フォーク，ナイフ
そのどれもがちょっとずつ違うので，総
書斎：電気スタンド，鉛筆，シャープペン，ボールペン，マジッ
ク，ペン，ノート，筆箱，椅子，机，パソコン，ハサミ，のり，
数ではものすごい数になる．
ホッチキス，定規，コンパス，雑誌，新聞，消しゴム，本棚
玄関など：ドア，鍵，電気照明，下駄箱，靴，ほうき，ちりとり
11
もし，道具が難解だったら
• 道具を使うために必ず「学習」が必要と仮定
• 学習は，1つあたり1分間と仮定
• 20000もの道具に触れるとしたら．．．
12
もし，道具が難解だったら(2)
• 道具を使うために必ず「学習」が必要と仮定
• 学習は，1つあたり1分間と仮定
• 20000もの道具に触れるとしたら．．．
20000分の学習時間が必要！
13
もし，道具が難解だったら(3)
• 道具を使うために必ず「学習」が必要と仮定
• 学習は，1つあたり1分間と仮定
• 20000もの道具に触れるとしたら．．．
20000分の学習時間が必要！
20000÷60≒333時間（週40時間で8週間以上）
14
もし，道具が難解だったら(4)
• 道具を使うために必ず「学習」が必要と仮定
• 学習は，1つあたり1分間と仮定
ちょっとやっていられない．．．
• 20000もの道具に触れるとしたら．．．
なんとかしないと
20000分の学習時間が必要！
20000÷60≒333時間（週40時間で8週間以上）
15
人間と道具の関係
• 道具を操作するのに特別な学習がいらなけ
ればよい．
– 道具を見て，使い方が容易にわかる
– 学習が必要としても，少しの努力でよい
ポイント：
• 人間が「もの」の外観から得る情報
• 「もの」が人間の認知に作用する効果
16
人間が「もの」の外観から得る情報
• メンタルモデル
一人用自転車
17
人間が「もの」の外観から得る情報(2)
• メンタルモデル
二人用自転車
18
人間が「もの」の外観から得る情報(3)
• メンタルモデル
＊カレルマンの二人乗り「向かい合い自転車（カップル用）」
（をまねて図を作りました）
19
人間が「もの」の外観から得る情報(4)
• メンタルモデル
– ものがどのように動くか（機能するか）
– 動きを心の中でシミュレート
– ものを見てその外観から，各部品の動きや機能
を想像することで可能になる．
20
人間が「もの」の外観から得る情報(5)
• メンタルモデル
ペダル：こぐ
21
人間が「もの」の外観から得る情報(6)
• メンタルモデル
うーむ．．．これは？？
＊カレルマンの二人乗り「向かい合い自転車（カップル用）」
（をまねて図を作りました）
22
メンタルモデル
• 人間（ユーザ）が，
– 自分自身
– 自分が関わる相手
– 自分が関わる道具，機器
などに対して,心の中に持つ，形成するモデル
（世の中を自分なりに理解しようとする行為）
＊実際にあっているかどうかは問題でない
23
メンタルモデル(2)
• 良い例：はさみ
– 穴→指をいれるとわかる
–
大きさでどの指かわかる
24
メンタルモデル(3)
• 良い例：はさみ
指を差し込むことをアフォードする
– 穴→指をいれるとわかる
–
大きさでどの指かわかる
25
メンタルモデル(4)
• 良い例：はさみ
指を差し込むことをアフォードする
– 穴→指をいれるとわかる
–
大きさでどの指かわかる軸を中心として刃が重
なることが想像つく
26
メンタルモデル(5)
•変だけど，動きの想像はつく
27
メンタルモデル(6)
• 悪い例：
ボタンが3つあるが，どれがどんな機能をするのか，
想像がつかない
28
メンタルモデル(7)
• 悪い例：
EL Backlight/ Reset
Start-Stop/12-24HR
MODE
ボタンが3つあるが，どれがどんな機能をするのか，
想像がつかない
説明が必要
29
メンタルモデル(8)
• 人間（道具のユーザ／メッセージ受信者）
– 何か道具やものなどを認知
→それがどのようなものかを理解しようとする
（ユーザのモデルを作成）
– 表現された文章を読み手として読解
→表現者がどのような意図で記述したかを理解し
ようとする
30
メンタルモデル(9)
• 人間（道具のデザイナ／メッセージ発信者）
– 道具を作成
→それが相手にどのようなに受け入れるかを想像
（デザインモデルを持って作成）
– 文章表現
→その文章が読み手にどのように受け入れられる
かを想像（期待）
31
メンタルモデル(10)
• 人間（道具のデザイナ／メッセージ発信者）
– 道具を作成
→それが相手にどのようなに受け入れるかを想像
（デザインモデル）
「きっと理解できるはずだ」と
考えている
– 文章表現
→その文章が読み手にどのように受け入れられる
かを想像（期待）
32
メンタルモデル(11)
• ユーザのモデルとデザインモデル
一致 → めでたしめでたし
不一致 → 不具合が発生
– ユーザがその道具を上手く扱えない
– ユーザの予想と違う道具の振る舞いが起こる
– （メッセージ）意図，主張が伝わらない．
33
メンタルモデル(12)
• システムイメージの利用
– 道具の中で目に見える構造の部分
– 視覚イメージを利用して，上手く見せる
（デザインモデルに可視化を利用）
→そこから，正しくユーザのモデルが構築される
34
「もの」が人間の認知に作用する効果
• 目で見てわかるように見せる可視化
• 人間が「もの」を見て何を感じるか
「もの」が人間の認知にどう作用するか
→アフォーダンス，対応づけ，制約
35
「もの」が人間の認知に作用する効果(2)
• これを見てどう感じるか？
– 押す？引く？たたく？
36
「もの」が人間の認知に作用する効果(3)
• これを見てどう感じるか？
– まずは握る
次は？
37
「もの」が人間の認知に作用する効果(4)
• これを見てどう感じるか？
– 次は引っ張る，が動かない．．．
どうするか？
38
「もの」が人間の認知に作用する効果(5)
• これを見てどう感じるか？
– 押す？引く？たたく？
上に引き上げる？
39
「もの」が人間の認知に作用する効果(6)
• これを見てどう感じるか？
– 押す？引く？たたく？
上に引き上げる
なんて人は，普通いない
40
「もの」が人間の認知に作用する効果(7)
• これを見てどう感じるか？
– 押す？引く？たたく？
下に引き下げる
41
「もの」が人間の認知に作用する効果(8)
• これを見てどう感じるか？
– 押す？引く？たたく？
下に引き下げる
42
「もの」が人間の認知に作用する効果(9)
• これを見てどう感じるか？
– そして，引く
43
「もの」が人間の認知に作用する効果(10)
• 難しいことではない．
– レバーを見ると「握る」「引く」「下げる」
という動作が可能と認知できる
44
アフォーダンス
• アフォーダンス，Affordance
– 物体の持つ属性（材質や形や色など）が
物体自身をどう取り扱ったら良いかについての
メッセージをユーザに対して発している
例：机を考えてみる
– 茶色い木の机と，白いプラスチック加工の机
45
アフォーダンス(2)
• 例：
– 茶色い木の机：いたずらで彫られる
– 白いプラスチック加工の机：
46
アフォーダンス(3)
• 例：
– 茶色い木の机：いたずらで彫られる
– 白いプラスチック加工の机：
いたずら書きをされるが，彫られることはない
47
アフォーダンス(4)
• 例：シール
– 貼る／剥がす
48
アフォーダンス(5)
• 材質的な要因
– ガラス：割れる，引っ掻く，．．．
– 板：彫る，割れにくい，．．．
• 形状的な要因
– 棒状：握る，突く，振る，．．．
– 板状：押す，たたく，．．．
• 色の要因
– 白：書きたくなる←→汚したくない
– 黒：汚したくなる
– 赤：注意をひきつけられる．．．などなど感じることがある
49
アフォーダンス(6)
• 道具にアフォーダンスを利用
– 人間（ユーザ）は扱い方を知らなくても
道具が扱い方を人間に教えてくれる
→使い方を学ばなくても，使い方がわかる
デザインにうまくいかせば，ユーザによるデザイ
ナーの意図しない使い方を防げることにもなる．
50
良い対応付け
• 対応付け, Mapping
– 動作（効果，結果）と操作の対応づけ
例：スイッチを入れる→電灯がつくという対応
どのスイッチを入れるとどの電球がつくか？
これが自然にわかれば，良い対応付けができて
いると考えられる
51
良い対応付け(2)
• 試しに．．．
– 教室の電灯のスイッチを見てみる
果たして，どのスイッチがどの電灯かわかるか？
分かりやすい→良い対応付けができている
分かりにくい→良い対応付けができていない
（対応付けが悪い場合は，ラベルが必要．ムダ）
52
良い対応付け(3)
• 世の中には対応付けが悪いせいでユーザが
苦労している例がたくさんある！
– 使いやすい電気のスイッチがあったら貴重
– 本学の廊下の電気スイッチなんて最悪
水道の蛇口，シャワーのお湯など
– 右にひねるか，左にひねるか
– 上に上げるか，下に下げるか
対応がつかないものが身の回りにはたくさんある．
53
制約の利用(1)
• 制約，constraint
– 人間（ユーザ）が，ある行為をできないようにデザ
インすることで，間違わずに自然に正しい行動に
導く仕組み
• もの（道具）を見て外観から，
できそうなことと／できそうもないことがわかる
• 実際にやってみてもできなくする．
54
制約の利用(2)
• 制約の例：
– LEGOブロック
• 説明書がなくても形状が決まっているので，組み合わ
せが限られる
• 子供でも作れる！
55
制約の利用(3)
• 制約の例：
– フロッピーディスク
• 間違った方向には差し込めないようになっている
– 医療器具
例えば．．．テルモなど
http://www.terumo.co.jp/company/products/prod
ucts_01.html
56
まとめ(1)
• 世の中には日常使う道具が20000もある
– そのすべての使い方を学習していたら大変
– 通常は，単純な道具なら，自然に使い方がわか
るように作られる
• 人間が「もの」の外観から得る情報
– メンタルモデル，ユーザモデル，デザインモデル
の概念を知り，システムイメージに反映
• 「もの」が人間の認知に作用する効果
– アフォーダンス，対応付け，制約の利用
57
まとめ(2)
• 本来単純な道具のはずなのに，いつも使い
方にとまどう道具があったとしたら．．．
– その道具のデザインを考察してみよう
• 自分がイメージしているメンタルモデル
• 作成者が意図しているメンタルモデルずれは？
• 材質や外観をうまく生かしているかどうか
• 自分の理解を超えるデザインだとしたら．．．
– デザインが悪い可能性がある
• なんでそんな道具を使い続けているか？
• 再考してもよいかもしれない．
58

Download Report