「UI TALK SESSION/UIデザイン 認知心理学からのアプローチ@bizreach」に行ってきた
UI TALK SESSION / UIデザイン 認知心理学からのアプローチ@bizreach
内容
第1部 UIデザイン 認知心理学からのアプローチ
by 酒寄さん(デザインは30歳ぐらいから、フリーランスも経験。)
意識的にデザインをする、言語化大事。
認知心理学
情報処置の観点から生体の認知活動を研究する学問
人間工学
使いやすさ、人の感情への影響などを実際のデザインに活かす学問
人の認知
どのように見ているのか?
- 見たままそのままを見ているわけではない。
- 保有する情報により異なる認識
- 獣医と子供では猫を見る目が異なる。
- 経験と予測に基づいてみる。
- いつもどおりの動作じゃないと違和感がある
どのように読んでいるのか?
- 読むことと理解することは違う
- 英語を文字として読めることと理解できることは違う。
- 紙面とコンピュータの違い
- 文字の大きさ、フォントも重要
- 可読性、大きすぎてもダメ
- 長文に適したフォント、見出しに適したフォント
考えやすさ
- 情報は少なく->段階的表示
- 心的処理の負荷
- 認知(考える)>視覚>運動
フィッツの法則
ユーザーインターフェース設計における普遍的な法則。画面上で、マウスなどの入力装置を使ってものを指し示すときにかかる時間を計測するモデル。
メンタルモデル
世の中の人やものごとに関する前提
概念モデル
「物事」「現象」など仕組みの本質を抽出して、単純化した構造図
メンタルモデルと概念モデルが乖離していると使いにくい。
アフォーダンスの例 ピクニックに行った時、切り株があったら机代わりにしない?
※アフォーダンス=環境が人にあたえる機能の可能性シグニファイア アフォーダンスに近い。
デザイナーが意図して機能をユーザーに予測させる。 webサービスのボタン...シャドウをつけて立体的に。
↔ フラットデザイン
└シャドウがなくてボタンっぽくない。
なんでフラットデザイン?
->コンテンツに集中して欲しい。その他の部分の印象を弱くするため。- ヒューマンエラーの示すもの
ユーザーがこちらの意図しない操作をする
└こちらの意図が伝わっていない ->有益なデータ。ある程度パターン化できるのでデータを収集することが大切。
人は間違いを犯す前提
->致命的なエラー(データの全削除)を避ける - 同じUIに対してユーザーの評価が分かれる理由
- 人は何度か経験をすることで学習する
└ex.検索窓 - 世界観,好み
- 人は何度か経験をすることで学習する
第2部 事例紹介
Bizreachの事例
- careatreckキャリア診断の部分の回収
改善した点
− ステップ数の表示(今何を聞かれているのかの表示) - bizreachのモバイルサイト
スマホからのアクセスが多かったのでアプリ化した
改善した点
− アプリへの動線を変更(一番上に設置。コントラストも強く)
UIの正解は考えているだけではわからない。仮説を持って小さい粒度でテストを繰り返す。
心理学を学ぶ理由
(bizreach内では認知心理学を同じ書籍「インターフェイスデザインの心理学/インターフェイスデザインの実戦教室」で勉強中)
デザイナー同士だとわかる感覚を言語化して伝える。
デザインに根拠をもつ。
感想
デザイナーにしかわからない感覚を言語化する、デザインに根拠を持つ
あたりはほんとに大事だなと。
実際の取り入れ方は紹介された本を読んでみて考えます。