UXデザインの法則(Lows of UX)

【ホームページ】

https://lawsofux.com/en/

【書籍】

https://learning.oreilly.com/library/view/laws-of-ux/9781492055303/#:~:text=Book%20description&text=Author%20Jon%20Yablonski%20deconstructs%20familiar,pleasing%20design%20creates%20positive%20responses

## なぜこの本を読んだのか？
これまでデザインにほぼ無縁の生活を送ってきて、「UXってなんぞ？」って状態だったので、
UXの雰囲気をつかめそうな本だったので読んでみました。

## 内容
### はじめに
- デザインの検証は難しい（デザインレビューは主観での評価になりがち）
- 本書では **行動心理学と認知心理学** をベースにした良いUXのための10の法則(第1~10章）を紹介する

### 第1~10章　UXの法則

| 法則名                 | 概要                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | 関連書籍                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| :--------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ヤコブの法則           | ・人はWebサイトやアプリを見るときにまず見慣れているもの（メンタルモデル）でコンテンツを認識しようとする<br/>・コンテンツがメンタルモデルに即していれば認知負荷が下がり高いUXが得られる                                                                                                                                                                                                                                                                                                                                                                           | [情報アーキテクチャ 第4章「理解のための設計」](https://zenn.dev/link/comments/c46f8b54dae7c9)                                                                                                                                                                                                                                                                                                                                                                     |
| フィッツの法則         | ・UI上でのボタンやリンクなどの操作ターゲットの選択難易度はターゲットまでの距離とターゲットの大きさで決定さえる<br/>・また、ターゲット間の距離も操作のしやすさに影響する(間が積んり過ぎているとご誤操作の原因になる)<br/>・スマホの場合は画画面端は押しにくいので、オブジェクトはできるだけ画面中央に配置する<br/>・フォームであれば、差送信ボタンは最後のに入力項目の近くに配置することでで無駄な動きを無くせる                                                                                                                                                  |
| ヒックの法則           | ・手続きの複雑さを低減することで認知負荷を下げる<br/>・選択肢の数を減らして認知負荷を下げる（例：リモコンのボタン数）<br/>・認知負荷はPCのメモリのようなもの<br/>・とはいえ、複雑度を下げすぎるのも良くない。適切な複雑度はユーザー調査（カードソート等）で調査可能                                                                                                                                                                                                                                                                                              | ・[行動を変えるデザイン 第3章「行動を変える戦略](https://zenn.dev/link/comments/56400e5acdbaad)<br/>・[情報アーキテクチャ 第11章「研究」](https://www.amazon.co.jp/%E6%83%85%E5%A0%B1%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3-%E7%AC%AC4%E7%89%88-%E2%80%95%E8%A6%8B%E3%81%A4%E3%81%91%E3%82%84%E3%81%99%E3%81%8F%E7%90%86%E8%A7%A3%E3%81%97%E3%82%84%E3%81%99%E3%81%84%E6%83%85%E5%A0%B1%E8%A8%AD%E8%A8%88-Louis-Rosenfeld/dp/4873117720) |
| ミラーの法則           | ・マジックナンバー(人が覚えられる数は5~9)                                                                                                                                                                                                                                                                                                                                                                                                               は有名だが、必ずしもこの数に項目を制限する必要はない（メニュー項目など、全部覚える必要がない項目もある） |                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| ポステルの法則         | ・ユーザーが取り得る行動を予測し、受け入れられるよう対応しておく                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ピークエンドの法則     | ・ユーザーは最もストレスがたまる瞬間と最後の瞬間が特に印象に残る(認知バイアスの一種)<br/>・遅延はストレスを感じやすい要因<br/>・ジャーニーマップを描いてユーザーが一番不快になる瞬間を予測する<br/>・404ページ等の回避できない要素をコミカルな要素でストレス低減するアプローチもある                                                                                                                                                                                                                                                                             |
| 美的ユーザビリティ効果 | ・美しいページ・要素はユーザビリティが多少低くても気にさせない効果がある<br/>・人はシステム1により50msecでサイトの第一印象を自動的に構築する                                                                                                                                                                                                                                                                                                                                                                                                                     | [Universal Principles of Design, Revised and Updated「Aesthetic-Usability Effect」](https://zenn.dev/mossan_hoshi/scraps/9dae8a21ea1654#%E7%BE%8E%E7%9A%84-%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%95%E3%81%AE%E5%8A%B9%E6%9E%9C)                                                                                                                                                                                                                              |  | [ファスト＆スロー](https://www.amazon.co.jp/%E3%83%95%E3%82%A1%E3%82%B9%E3%83%88%EF%BC%86%E3%82%B9%E3%83%AD%E3%83%BC-%EF%BC%88%E4%B8%8A%EF%BC%89-%E3%83%80%E3%83%8B%E3%82%A8%E3%83%AB-%E3%82%AB%E3%83%BC%E3%83%8D%E3%83%9E%E3%83%B3-ebook/dp/B00ARDNMEQ/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=CEN76KJ80C2V&keywords=%E3%83%95%E3%82%A1%E3%82%B9%E3%83%88%26%E3%82%B9%E3%83%AD%E3%83%BC&qid=1657557519&s=books&sprefix=%E3%83%95%E3%82%A1%E3%82%B9%E3%83%88%26%E3%82%B9%E3%83%AD%E3%83%BC%2Cstripbooks%2C186&sr=1-1) |
| フォン・レストルフ効果 | ・コンテンツの見た目にコントラストをつける事で画面内の特定の項目に注目を集めることができる<br/>・色だけでコントラストをつける場合はアクセシビリティの観点から問題がないか要チェック                                                                                                                                                                                                                                                                                                                                                                              |
| テスラーの法則         | ・優れたUXとは、簡単で直感的で、ユーザーの操作の障害が取り除かれている事(例：Gmailのアドレス補完等)<br/>・複雑さを取り除くのは好ましいが限度がある。                                                                                                                                                                                                                                                                                                                                                                                                             |
| ドハティのしきい値     | ・ユーザーへのフィードバックは400msec以下が好ましい<br/>・時間がかかる場合にはシークバー／スケルトン表示／ブラーアップ等がでストレス低減を図れる。                                                                                                                                                                                                                                                                                                                                                                                                               |

### 第11章
- 心理学ベースのUX作成の危険性と倫理観について解説
  - ラットにレバーを押させる実験（[スキナー箱](https://ja.wikipedia.org/wiki/%E3%82%B9%E3%82%AD%E3%83%8A%E3%83%BC%E7%AE%B1)）で有名な通り、ランダムな報酬によりユーザーがコンテンツにとどまる時間を長くできる事が知られている
    - Twitterでページを更新して新しいツイートが表示されるのもこの1種
    - ほかにもYoutubeの動画の自動再生／SNSでのいいね獲得など、コンテンツ消費時間増加のための施策はたくさんある
  - この手の工夫もやりすぎると問題になる（ダークパターン）
    - 例：ECサイトで商品の在庫数を少なく見せることで購入をあおる
  - そのため、UX設計には倫理観が必要

### 第12章
- チーム内でのUXの法則の導入ガイド
  - 本書で述べられたUXの法則を実践するにはデザイナーが法則を内在化する必要がある
  - そのためにはポスターなどで常に目に付くところに法則を見える化して、刷り込ませるなどのアプローチも有効

## 読んだ感想
UX入門書というよりは「UX改善Tips集」といった印象の本でした。
役立つ内容はたくさん得られたし、UXデザイナーさんがどういうところに気を付けているのかは何となく見えてきましたが、正直まだUXちゃんと捉えられていない気がします😵‍💫