2024年UI・UXデザインの勉強に役立つ書籍・本や教材まとめ

 

こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。

 

今回は、UI・UXデザインが学べる
本・教材をまとめた記事になります。

 

UI・UXデザインの書籍や教材

このページでは、UI・UXを学ぶための
本・教材を紹介していきます。

 

デザイナーの方だけではなくて、
ノンデザイナーの方にとっても役立つ
本・教材をも沢山取り上げてみたので
是非、一通り目を通して見てください。

 

また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimited」がおすすめ。

 

スポンサーリンク

UI・UXデザインの書籍まとめ

「UIデザイン書籍の一覧」

 

「UXデザイン書籍の一覧」

 

⓪ デザインの基礎の書籍・本

「デザインの基本書籍」

 

UI・UXデザインの勉強の前に最低限
抑えておきたい内容が書いてあります。

 

その他のデザインの基礎が学べる書籍は、
次の記事が参考になります。

 

ノンデザイナーズ・デザインブック

 

UIデザインを本格的に勉強するため、
あらかじめ把握しておきたいポイントが
まとめてあるデザインの基本が学べる本。

 

① UIデザインの基礎・セオリーが
学べる書籍・本

「UIデザインの基礎・セオリー等の書籍」

 

ユーザーインターフェイス (UI) とは何か、
どんな要素があるか、UIが機能する環境は、
どうやってリリースするか等のUIデザインを
始めるための基礎知識やセオリーが学べる本

 

UIデザインの教科書

 

デバイスを意識したサイト設計の指南書。

 

フラットデザインで考える
新しいUIデザインのセオリー

 

フラットデザインに焦点を絞り、
Web設計を解説している書籍の一冊。

 

スマートフォンのためのUIデザイン

 

スマートフォン系のUIデザインの
基本となる事柄が解説されている本。

 

② UIデザインの実践・ビジネス的視点が
学べる書籍・本

「UIデザインの実践・ビジネス視点の書籍」

 

UIデザインの基礎やセオリー等が
分かっている人は、実践本をどうぞ。

 

インタフェースデザインの実践教室

 

「インタフェースデザインの〇〇」
シリーズの実践編にあたる本。

 

UIデザインみんなで考え、
カイゼンする。

 

WebサービスやアプリのUIをチームで
協業して作り上げ、改善していくための
仕組みや手法を解説した本。

 

オブジェクト指向UIデザイン
使いやすいソフトウェアの原理

 

銀の弾丸、OOUI (オブジェクト指向ユーザー
インターフェース) について書かれた一冊。

 

関連記事 : 著者インタビュー
「オブジェクト指向デザインの道具論」

 

③ 人間の認知とデザイン
(UIデザインの心理学) の書籍・本

「人間の認知とデザインの書籍」

 

ユーザーが触れるものをデザインするには、
それが「どう受容されるのか」を
知ることが大切なことの1つです。

 

人間の認知とデザインの関係を考慮しないと
心地よい体験をつくることは難しくて、
寧ろユーザーを混乱させるUIができてしまう
可能性が高いでしょう。

 

デザインに関する人間の認知について
分かり易く読める書籍を紹介します。

 

誰のためのデザイン？増補・改訂版
認知科学者のデザイン原論

 

UI・UXの本質を学ぶのには最高の一冊。

 

インタフェースデザインの心理学

 

Webやアプリに新たな視点をもたらす
100の指針が書かれたベストセラー書。
9年ぶりに改訂版 (第2版) が発売

 

続・インタフェースデザインの心理学

 

「インタフェースデザインの心理学」の
続編にあたる内容の本。

 

UIデザインの心理学

 

Web設計を論理的に学ぶための
UIデザインの心理学の参考本。

 

「ユーザーフレンドリー」全史
世界と人間を変えてきた
「使いやすいモノ」の法則

 

現代デザイン文化史の決定版的存在の本。

 

心を動かすデザインの秘密
認知心理学から見る新しいデザイン学

 

人とモノとの関係を捉え直し、
認知デザイン学の可能性を切り拓く本。

 

④ インタラクションデザイン
(ユーザーとのやりとりを
デザインする方法) の書籍・本

「インタラクションデザインの書籍」

 

ソフトウェア等が使われる際のユーザーとの
やりとり、つまりユーザー側の操作と
システム側の反応をデザインすることを
「インタラクションデザイン」と言います。

 

アプリ等を操作した時のフィードバックは、
何が起きているのかをユーザーに正しく
伝えるためにはとても重要であって、
インタラクションの質は操作に大きく影響。

 

そこで、ユーザーが知覚し操作する対象を、
情報技術を駆使してどう設計していくのか、
国内外の専門家による書籍を紹介します。

 

融けるデザイン

 

インターフェイス・インタラクション
デザイン研究における気鋭の若手研究者
渡邊恵太さんの初の著書。

 

ABOUT FACE
インタラクションデザインの本質

 

インターフェースデザイン・
インタラクションデザインの定番の解説書。
『About Face: The Essentials of Interaction
Design』第4版の日本語版。

 

マイクロインタラクション
UI/UXデザインの神が宿る細部

 

効果的なマイクロインタラクションの意味、
有効性、デザイン手法等を学べる本。

 

インタラクションデザインの教科書

 

2008年刊 (日本語版) の
インタラクションデザインが学べる本。
(原書が出た2007年に初代iPhoneが発売)

 

⑤ UIデザインの事例の書籍・本

「UIデザインの事例の書籍」

 

UIデザインの事例集を読むことで、
UIについて理解がしやすくなり、
アイデア等も出しやすくなると思います。

 

デザイニング・インターフェース

 

デザイン上の問題に対するすぐに使える
解決策を「パターン」として体系化した書籍。

 

モバイルデザインパターン

 

モバイルアプリのUIパターンを手軽に
参照できるリファレンスの第2版。

 

失敗から学ぶユーザインタフェース
世界はBADUI (バッド・ユーアイ) で
あふれている

 

洗面所のUI、エレベーターのUI等、
身近でよく見かける「使いにくい」
UIデザインの写真付き事例集。

 

【新版】UI GRAPHICS

 

2015年刊行の書籍「UI GRAPHICS」の新版

 

だから、そのデザインはダメなんだ。

 

使いにくいWebサイト、どうすれば改善可能か
◯×形式でポイントや考えを解説した本。

 

2万回のA/Bテストからわかった
支持されるWebデザイン事例集

 

実際のA/Bテストを経て改善したデザインが
元のデザインとともに紹介されている事例集。

 

⑥ プロトタイピングの書籍・本

「プロトタピングの書籍」

 

UIデザインの作成・検証やユーザーテストが
様々なプロトタイピングツールの登場で、
今や簡単にできるようになりましたが、
ツールがデザインする訳ではありません。

 

なので、紙で検討するのかツールで
具現化するのか、目的に合わせた
プロトタイピングを実践しましょう。

 

ちなみに、Adobe XD関連の本は、
次の記事にまとめています。

 

プロトタイピング実践ガイド
スマホアプリの効率的なデザイン手法

 

プロトタイピングの
基本を理解するのに良い本。

 

Adobe XD プロトタイピング実践ガイド
〜ユーザーの要求に応えるUI/UXデザイン

 

UI/UXデザインを意識したAdobe XDで
高速プロトタイピングを実践するための本。

 

Adobe XDではじめる
Webデザイン & プロトタイピング
一歩先行く現場のスキル

 

コーディングに適した
プロトタイプが作れるAdobe XD本。

 

⑦ ユーザーインタビュー・
デザインリサーチの書籍・本

「ユーザーインタビュー・リサーチの書籍」

 

適切なUIをデザインするためには、
ユーザーの声を聞いて、それをアプリの
仕様やデザインに反映させることが必要。

 

同様にプロトタイプによるユーザー
テストの際も、ユーザーの意見を聞き取る
スキルが必要になってきます。

 

そこで、ユーザーインタビューや
デザインリサーチに関する本を紹介。

 

マーケティング・インタビューのプロ
モデレーター聞き出す技術

 

プロのモデレーターが実践する
人の話を聞き出す技術をまとめた本。

 

デザインリサーチの教科書

 

日本で初めて、デザインリサーチの実践者が
その全貌と詳細を書き下ろした一冊。

 

ユーザー「心の声」を聴く技術

 

ユーザー調査の超実践本。

 

⑧ デザインを美しく見せる方法が
学べる書籍・本

「デザインを美しく見せるための書籍」

 

UIデザインでは、
情報ソフトウェア設計の観点だけでなく、
整っていて分かり易いビジュアル(見た目)、
時には人の心を惹きつけるような表現を
作れることが大切です。

 

詳しくは、次の記事で紹介しています。

 

⑨ IoTのUI・ボイスUI(VUI)の書籍・本

「IoT・ボイスのUIデザインの書籍」

 

IoTの時代のUIデザインやボイスUI等の本を
次は紹介していきます。

 

さよなら、インタフェース
脱・「画面」の思考法

 

スマホやPC画面によるインタフェース
(UI) からの脱却を説いている本。

 

デザイニング・ボイス
ユーザーインターフェース

 

ボイスユーザーインタフェースに関する
初めての本格的な解説書。

 

音声UX
ことばをデザインするための111の法則

 

2021年1月に発売された音声UI/UX本。

 

⑩ UIデザインの関連分野の書籍・本

「UIデザインの関連分野の書籍」

 

UIデザインをする上で
重要になってくる「デザインシステム」や
「インフォメーション・アーキテクチャ」
(情報設計) 等の関連分野についての本。

 

Design Systems
デジタルプロダクトのための
デザインシステム実践ガイド

 

「デザインシステム」とは、デザインの
原則、概念、ガイド、コンポーネント等、
デザインに関するあらゆるルール (法則) を
定めたもののことです。

 

この本ではそのデザインシステムについて
基本から応用まで学ぶことができます。

 

 

IAシンキング
Web制作者・担当者のためのIA思考術

 

IA (情報アーキテクチャ) とは
幅広い領域を示す言葉のようですが、
この本では、Webサイト設計における
IAについて学ぶことができます。

 

 

悲劇的なデザイン

 

新時代のデザイナーのための
リスクマネジメント・ガイドブック本。

 

行動を変えるデザイン

 

行動経済学の視点でデザインを考える本。

 

デザインスプリント

 

GV (旧Google Ventures) 及び
Googleで提唱しているデザイン思考
「デザインスプリント」の概念と
その手順を実践的に解説した本。

 

⑪ テクノロジー関連の書籍・本

「テクノロジー関連の書籍」

 

UIデザインの設計思想に通ずるような
テクノロジーについての考え方や姿勢、
態度等が学べる本を紹介。

 

シンプリシティの法則

 

デザインにおいても大切な
シンプリシティの法則が学べる本。

 

複雑さと共に暮らす
デザインの挑戦

 

テクノロジーへの見方が変わる、
複雑時代のデザイン原論の本。

 

 

UXデザインの書籍・本

「UXデザインの書籍」

 

ノンデザイナーでもわかる
UX+理論で作るWebデザイン

 

UXデザインについて体系立てて
説明されている本。

 

UXデザインの教科書

 

UXについて学術的にまとめられた書籍。

 

子どものUXデザイン
遊びと学びのデジタルエクスペリエンス

 

子ども向けのWebやアプリ制作等の
UXデザインのポイントが学べる書籍。

 

UX戦略
ユーザー体験から考えるプロダクト作り

 

ユーザー体験を元にプロダクトを
作り上げる戦略が書かれた書籍。

 

UI・UXデザインのTED動画まとめ

「UI・UXデザインのTED動画」

 

TEDとは世界中の専門家や著名人による
プレゼンテーション・カンファレンス。
その内の多くの動画は日本語字幕付きで
公開されています。

 

ここでは、UI・UXに関するTED動画の内
特に面白かったものを3つ紹介します。

 

感情に訴えるデザインの3つの要素
– ドナルド・ノーマン

 

先ほど紹介した「誰のためのデザイン？」の
著者であるドナルド・ノーマン氏の動画。

 

ハッピーデザインについて
– シュテファン・サグメイスター

 

グラフィックデザイナーの
シュテファン・サグメイスター氏の動画。

 

ユーザインタフェースの未来
– ジョン・アンダーコフラー

 

ジョン・アンダーコフラー氏の動画。

 

UI・UXデザインのスライドまとめ

「UI・UXデザインのスライド」

 

「Slide Share」というサービスで、
UI・UXについてのスライド資料を
無料で見ることができます。

 

どれもどこかのイベントで行われた
プレゼンのスライド資料をそのまま
アップロードしたものになります。

 

そのため、やや情報不足もありますが、
視覚的に短時間で基礎を学ぶのに最適。

 

アプリデザインのお勉強

 

アプリデザインを学べるスライド。

 

UI Design and UX for Engineer

 

UI・UXの超基礎が学べるスライド。

 

心地よいUIの温度
– 言葉と気遣いで高めるUI

 

面白法人カヤックのUIデザイナーの
割石裕太さんによるプレゼンスライド。

 

UI・UXに関わるWeb記事

以下の記事でUI・UXデザインに関わる
ツールやスクールをまとめています。

 

また、Googleのマテリアルデザインの
ガイドラインは、Googleが考え抜いた
最適デザインの考え方が集約されていて
とても参考になります。

 

まとめ

以上がUI・UXデザインが学べる
本・教材等のまとめでした。

 

UI・UXデザインを学習する上で、
是非、参考にしてみて下さい。

 

なお、その他のデザイン関連の書籍は、
下の記事に一通りまとめています。