スキップしてメイン コンテンツに移動

『インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針』☆4

「使い勝手の良いWeb画面とは何か」という難題に脳科学・心理学からアプローチした本。100のヒントが書かれており、手引書・レファレンス的に使うとよいと思いました。私、学部の専攻は認知心理学でして、「なんか聞いたことのある学説や理論が多いなぁ」と思ったら著者はコンピュータ科学者ではなくバリバリの認知心理学者だったのですw

↑気になったらここからポチっと(買ってくれるとお小遣いが入ります)↑

この本を読むとわかること

人はどう見るのか

  • Webページの端に出る広告が点滅する理由と周辺視野
  • 視覚野における顔認識専門の脳領域「紡錘状顔領域」
    • 専用回路があることで高速・高精度での顔識別が可能
    • この専用回路を使わない自閉症の人たち
    • Webページで我々がまず注目し認識するのは人の顔
  • デザインするときはアフォーダンス(動きや機能を示唆する手がかり)に配慮
    • オブジェクトを選択した時やアクティブな時には陰影で強調
    • 不適切なアフォーダンスキューを使わないよう注意
  • 男性の9%・女性の0.5%が色覚異常
    • 色覚異常者に優しい「線の太さ」などの色以外の識別体系
    • 色覚異常者への見え方をチェックできるWebサイト

人はどう読むのか

  • 文章の読みやすさを定量的に評価する方法
  • ディスプレーの文字が紙よりも読みにくい科学的理由
    •  ディスプレーの文字を読みやすくするための基本作法
  • 幅広の文章のほうが早く読める視覚的理由

人はどう記憶するのか

  • 「ユーザーはすぐ忘れてしまう」ことを前提にしたデザイン
    • 重要な情報はすぐ見つけられることが大事

人はどう考えるのか

  • 情報は少ないほどきちんと処理されるという脳の特性を活かした「情報の段階的開示」
  • Webサイト上のボタンの大きさを決める科学的基準
  • しっかりした目標を持ってシステムの概念モデル(使い勝手・ユーザーインタフェース)を設計
    • 技術ドリブンでプロトタイプを作って膨らませようとするのはNG
  • 「ユーザーが直感的に使えるシステム」を設計する秘訣
    • システムの概念モデルとユーザーのメンタルモデルの一致
  • ユーザーをフロー状態(没頭している状態)にするために必要なこと
  • オブジェクトにフォーカスする西洋人と、背景をみる東洋人

人はどう注目するのか

  • ヒトの注意力が続くのは7~10分
    • Web上での動画視聴・チュートリアルは7分以内
  • 「新しい脳」と「古い脳」
    • 思考をつかさどる「大脳新皮質」
    • 感情をつかさどる「大脳辺縁系」
    • 生命維持・生存本能にかかわる「脳幹」
  • 注意をひきやすい画像・テーマ
  • 音に反応する人間の特性の利用

人はどうすればやる気になるのか

  • 目標に近づくほど達成意欲が強くなる特性
  • スマホ・SNSなどに依存してしまう「ドーパミンループ」
    • あくなき「探索の欲求」の連鎖
    • さらにドーパミンループを高める方法
    • ドーパミンループの絶ち方
  • 幼少期に決まる「我慢できる力」
    • 我慢できる力は学力・ストレス耐性にも影響
    • 我慢できない人の購買意欲をあおる方法
  • 一般的なWebサイトの読まれ方は斜め読み
  • 1つのことの「習慣化」に要する期間は平均66日

人は社会的な生き物である

  • 人間の社会集団の上限は100~230人
  • Webサイトやアプリをデザインするときはユーザーとのやり取り・もらう情報の適切さに配慮
    • 個人情報や決済情報など機微な情報のもらい方とタイミング

人はどう感じるのか

  • 説得力があるのはデータより物語
  • 「見た目」と「感じ」で判断されるWebサイトの信頼性
    • 色・フォント・レイアウト・ナビゲーションなどのデザイン要素がとても重要

間違えない人はいない

  • 優れたエラーメッセージの書き方
  • 退屈な作業には音や色・動きで刺激を、難しい作業には邪魔な要素を排除
  • ユーザーテストでエラーを記録しネガティブなエラーをすぐに修正
    • ユーザーの起こしやすい間違いに着目し設計にフィードバック

人はどう決断するのか

  • 選択肢が多いと思考がマヒするので、ユーザーに提示する選択肢は片手に収まるくらいに
  • ユーザーは「最短距離」よりも、「自分で判断していること」を好む
  • 集団的意思決定の危険性
  • ユーザーの行動に影響を与えるのは推薦文・評価・レビュー
  • モノに支払う対価は、Webサイト<<<目の前の実物

↓気になったらここからポチっと(買ってくれるとお小遣いが入ります)↓

ベストビュー(過去1カ月)

『九龍城探訪 魔窟で暮らす人々 - City of Darkness』 ☆4

魔窟とも言われた香港の九龍城の住人へのインタビューや、在りし日の写真集。香港の本土返還に伴い取り壊されてしまっているけど、その怪しさに妙に惹かれるのです。

【番外編】ボストン旅行記(UMASS Lowell卒業式編)【Day 4:卒業式】

UMASS Lowellの卒業式@Boston。4 日目は卒業式本番です。とても賑やかでアメリカンな式典でした。ただしあいにくの雨、僕曇り男なのに。。

【番外編】ボストン旅行記(UMASS Lowell卒業式編) 【Day2:晩餐会】

UMASS Lowellの卒業式@Boston。 2日目は午前中はボストン観光、夕方から Hooding ceremonyという卒業生(大学院生)向けの晩餐会です。卒業式で被るHoodをもらいました。

【番外編】ボストン旅行記(UMASS Lowell卒業式編) 【Day0:渡米前にやっておくこと】

UMASS Lowellの卒業式@Bostonについて、計画の立て方やら行く前にやっておくことやらをまとめておきます。

【番外編】ボストン旅行記(UMASS Lowell卒業式編) 【Day3:終日観光】

UMASS Lowellの卒業式@Boston。3 日目は終日フリーなので、ゆっくりボストンを観光しました。

【番外編】ボストン旅行記(UMASS Lowell卒業式編) 【Day5:帰国】

UMASS Lowellの卒業式@Boston。5 日目にして帰国なのです。

【番外編】ボストン旅行記(UMASS Lowell卒業式編) 【Day1:ボストンへ】

UMASS Lowellの卒業式@Boston。 1日目は移動だけで終わりました。

『女たちの王国 「結婚のない母系社会」中国秘境のモソ人と暮らす』☆3

雲南省と四川省の境にある「世界で最後の母系社会を営むモソ族」の社会に入り込んだ中華系シンガポール人女性の手記。結婚という概念がない・一夫一妻制でもないなど、父系社会が当たり前の我々にはイメージしづらい世界ですが、命をはぐくむ女性を中心とした母系社会のほうが生物としては正しい在り方なのかもしれません。

【番外編】AI(機械学習)やってみた。【第3回】ソムリAI ~ニューラルネットワーク編~

AI(機械学習)やってみた、第3弾です。「ニューラルネットワーク(Neural Network)」を使ったソムリAIを作ってみようと思います。”ニューラルネットワーク”、見るからにAIっぽい名前ですよね。

『深層学習教科書 ディープラーニング G検定(ジェネラリスト) 公式テキスト』 ☆5

一般社団法人日本ディープラーニング協会が実施している「Deep Learning for GENERAL (通称G検定 ) 」 の公式テキスト 。 ディープラーニングについて1冊で網羅的によくまとめられているので 、 ディープラーニングの入門書としてもおすすめです 。 ついでに勢いで資格も取ってしまいました 。 AI人材への第一歩なのです 笑

ベストビュー(全期間)

Malaysia Quarantine Premium Package 【番外編】Malaysia赴任記 隔離ホテル情報

Once entering Malaysia, we need to be quarantined for 14days. At the beginning of COVID-19 spread, the hotel for quarantine have been determined randomly. In these days, we can choose "premium quarantine stay package" in advance . This article is summary of premium packages which I asked each hotel. Note: Information in this article might be old. It's better to confirm the latest plan to the hotel. Note: Only Hotel Istana can be booked via its homepage so far. As the other hotels don't show their premium package plans on their homepage, you need to contact them through their reservation E-mail address or "Contact us". マレーシア入国とともに14日間ホテルで隔離されます。当初は滞在ホテルがランダムに割り振られていたようですが、より快適なプレミアムプランが追加されました。各ホテルにどんなプランがあるのか聞いてみたので、聞いた内容をまとめます。 ※情報が古い可能性があるので、念のため最新情報を各ホテルに確認したほうがよいかもしれません。

【番外編】AI(機械学習)やってみた。【第1回】ソムリAI ~決定木編~

最近ブームのAI(機械学習)に手を出しました。まずは、決定木(Decision Tree)というモデルを使って「ソムリAI(ワインソムリエAI)」を作ってみようと思います。

【番外編】ボストン旅行記(UMASS Lowell卒業式編) 【Day0:渡米前にやっておくこと】

UMASS Lowellの卒業式@Bostonについて、計画の立て方やら行く前にやっておくことやらをまとめておきます。

【番外編】AI(機械学習)やってみた。【第6回】乳がん診断AI その1

ソムリAI(ワインソムリエAI)で使った手法で乳がん診断AIを作ってみます。まずは決定木とニューラルネットワークの2つのモデルを試してみます。かなり高性能なモデルができました。名医誕生かもしれません 笑

【番外編】AI(機械学習)やってみた。【第3回】ソムリAI ~ニューラルネットワーク編~

AI(機械学習)やってみた、第3弾です。「ニューラルネットワーク(Neural Network)」を使ったソムリAIを作ってみようと思います。”ニューラルネットワーク”、見るからにAIっぽい名前ですよね。

【番外編】ボストン旅行記(UMASS Lowell卒業式編) 【Day5:帰国】

UMASS Lowellの卒業式@Boston。5 日目にして帰国なのです。

【番外編】ボストン旅行記(UMASS Lowell卒業式編)【Day 4:卒業式】

UMASS Lowellの卒業式@Boston。4 日目は卒業式本番です。とても賑やかでアメリカンな式典でした。ただしあいにくの雨、僕曇り男なのに。。

【番外編】AI(機械学習)やってみた。【第2回】ソムリAI ~ロジスティック回帰編~

AI(機械学習)やってみた、第2弾です。前回は決定木(Decision Tree)を使ったソムリAI(ワインソムリエAI)を作りました。今回は「ロジスティック回帰(Logistic Regression)」というモデルを使ったソムリAIを作ってみようと思います。

【番外編】ボストン旅行記(UMASS Lowell卒業式編) 【Day2:晩餐会】

UMASS Lowellの卒業式@Boston。 2日目は午前中はボストン観光、夕方から Hooding ceremonyという卒業生(大学院生)向けの晩餐会です。卒業式で被るHoodをもらいました。

『深層学習教科書 ディープラーニング G検定(ジェネラリスト) 公式テキスト』 ☆5

一般社団法人日本ディープラーニング協会が実施している「Deep Learning for GENERAL (通称G検定 ) 」 の公式テキスト 。 ディープラーニングについて1冊で網羅的によくまとめられているので 、 ディープラーニングの入門書としてもおすすめです 。 ついでに勢いで資格も取ってしまいました 。 AI人材への第一歩なのです 笑