本書はUIにおけるデザインの定義から、
ハードおよびソフトによる制約、人間の心理による影響、
そして具体的にデザインを形にする方法までを、
図や画像を使いながら、わかりやすく体系的に解説していきます。
Webサイトの閲覧者やアプリのユーザーは、
いつのまにか迷ったり、わからなくなったり、
操作がしっくりこなかったりすることがあります。
本書を読むと「わかりやすさ」と「使いやすさ」の要点がわかるので、
ユーザーを迷わせない、最適なUIを見つけることができます。
デザイナーはもちろん、エンジニア、ディレクター、発注者など、
UI制作に関わる、あらゆる方におすすめの1冊です。
＊本書は2013年刊行の『UIデザインの教科書』をもとにしていますが、
最新環境にあわせて、構成及び内容を全面的に書き直しています。
〈こんな人のための本です〉
・UIデザインの基本的な考え方を学びたい
・わかりやすさや使いやすさの理由が知りたい
・最新のデバイスごとの違いやルールを知りたい
・UIデザインのチェック項目が知りたい
・UIデザインを説明するためのロジックが学びたい
...etc
〈目次〉
第1章 デザインの目的とUI/UX
第2章 物理的な制約
第3章 ソフトウェアの影響
第4章 人間の認知特性
第5章 階層と構造
第6章 ナビゲーションとインタラクション
第7章 デザインを形にする
1章 デザインの目的とUI/UX
1-1：本書の範囲と対象
1-2：デザインの目的
1-3：UIとUX
1-4：まとめ
2章 物理的な制約
2-1：デバイスのバリエーション
2-2：入力手段の違い
2-3：画面の違い
2-4：AndroidとiPhone
2-5：まとめ
3章 ソフトウェアの影響
3-1：Webとアプリ
3-2：テキスト・画像・動画
3-3：パフォーマンス
3-4：まとめ
4章 人間の認知特性
4-1：色・形・動き
4-2：インタラクションコスト
4-3：一貫性
4-4：シンプルさ
4-5：共通概念
4-6：まとめ
5章 階層と構造
5-1：縦、横、前後
5-2：階層の深さと広さ
5-3：現在地と差別化表現
5-4：トップ・一覧・詳細
5-5：関連する情報
5-6：わからないとは何か
5-7：まとめ
6章 ナビゲーションとインタラクション
6-1：ナビゲーション
6-2：インタラクション
6-3：ヘッダ
6-4：フッタ
6-5：パンくずリスト
6-6：カラムと左右ナビゲーション
6-7：オーバーレイ、インレイ
6-8：スクロール、ページング
6-9：スクロールの方向
6-10：まとめ
7章 デザインを形にする
7-1：ミニマルデザイン
7-2：デザインガイドライン
7-3：プロトタイプ
7-4：マルチデバイスデザイン
7-5：まとめ
タナカ電子出版 さん
2019-05-07
この本は使いやすい商品を作り出すための設計の教科書です。とくにこの本で扱う商品はデバイスやアプリ ソフトのことを扱っていますが、もちろんそれだけに止まらず色々な商品にも応用できる考え方が学べます。印刷がカラーなのでとても読みやすく、書いている内容も視覚的直感で理解しやすいです。この本の著者や製作者のデザイン感覚をも評価に値します❇️。
さぼてん さん
2021-06-20
うーむとてもわかりやすかった。一番ありがたかったのはデバイスごとの一覧表。レスポンシブは常日頃気をつけてるけど、ほんと調整が手間。今の所だとUIに対して数字が大きく上がらないと成果にはならないが、少しずつ改善して全体の質をあげていくことで、良いUXに繋がるのだと思う。自分のサイトでも使ってこ。というかAmazonを真似するのがいいんだろうな。詳細ページの施策には流石すぎた。
ラテ さん
2019-06-03
UIデザインの入門書としてわかりやすかった。多分専門家には常識なんだろうと思うことも分かりやすい。
ITエンジニアにぜひ読んでいただきたい、翔泳社のロングセラーコンピュータ書を厳選
ネットワーク／サーバー／セキュリティを学ぶなら読んでおきたいおすすめの書籍
テキスト生成、画像生成、動画生成など、生成AI活用のスキルが身につく本をご紹介
HTML/CSS、JavaScript、UI/UX、デザインまで。Web制作・フロントエンド開発に役立つ本
マーケティングの勉強におすすめの本。基本から実務に役立つ戦略設計まで
介護職を目指す人の試験対策書、現場スタッフのための実務書など、介護職に役立つ本
お気に入りに登録すると、気になる商品ページにすばやくアクセスできます。ご利用にはログインが必要です。
