インタフェースデザインのお約束(インタフェースデザインノオヤクソク)
優れた UX を実現するための 101 のルール
インターネット・WEBデザイン- 著者:
- Will Grant/武舎 広幸/武舎 るみ(ウィル グラント/ムシャ ヒロユキ/ムシャ ルミ)
- 出版社:
- オライリー・ジャパン
- 出版日:
- 2019年11月09日頃
- ISBN:
- 9784873118949
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
実用的な Web およびアプリのデザインガイド!
デジタル製品のデザインに役立つ 101 の指針。製品のユーザビリティや性能を高める上で必須かつ基本のツボ、マスターすれば時間を節約し顧客満足度をアップできるテクニックが 101 のコンパクトなルールにまとめられています。メッセージが明確で説明もわかりやすいので短時間で気軽に読むことができます。 101 のルールは、タイポグラフィ、コントロール、カスタマージャーニー、各種要素の統一、 UX 全般に関わるプラクティスに分類されているのでリファレンス的に読むことも可能です。「よくある落とし穴」を巧みに回避し、自信をもってユーザーのために闘い、すばらしいユーザーエクスペリエンスを提供するプロへと成長させてくれる一冊です。
技書の森解説
優れた UI は気づかれません。ユーザーが迷わず操作できたとき、デザインは透明になっているからです。本書はその「透明さ」を支える約束事を 101 個のルールとして集約し、一つひとつを見開きで解説します。ハンバーガーメニューの是非、モーダルダイアログの使いどころ、ラベルの位置と視線誘導など、 Web やモバイルの画面設計で日々直面する判断に、端的な指針を与えてくれる構成です。
著者 Will Grant の原著は英語圏の実例をベースにしていますが、武舎広幸らによる翻訳版では日本語環境でも違和感なく読めるよう配慮されています。各ルールが独立しているため頭から順に読む必要はなく、設計中に迷ったときに該当する項目を引く辞書的な使い方もできます。デザイナーだけでなく、レビューでフィードバックを出す立場のエンジニアやプロダクトマネージャーにとっても、共通言語を得るための一冊になります。
体系的な理論書というよりは実務の判断を素早く下すための参照集なので、デザイン原理を深く学びたい場合は別の書籍と組み合わせるとバランスが取れます。
言及 Qiita 記事 (1 件)
この本に興味がある方におすすめ
この本に関連
関連記事
Web デザイン本ガイド - HTML/CSS、Figma、Photoshop を学ぶ順番
Web デザインを独学する本の選び方を「コーディング、ツール、デザイン原則」の 3 本柱で整理。HTML/CSS の入門書、Figma と Photoshop の教本、レイアウトと配色の定番書を、2026 年 8 月時点の収載書から学ぶ順番つきで解説します。
あの有名 OSS のコードは、この本の影響を受けている
広く使われているオープンソースソフトウェアの設計には、技術書と共通の語彙や原則が残っています。OSS のコードから辿れる影響と、似ているだけの例の見分け方を整理しました。
設計 / アーキテクチャ本ガイド - 設計力を上げる技術書の選び方
ソフトウェア設計を学べる技術書をコード / モジュール / システムの 3 レイヤーに分類し、レベルに応じた読む順番の指針を紹介します。
関連用語
アダプターパターン
互換性のないインターフェースを変換し、既存のコードを変更せずに連携させるデザインパターン
ゲーム開発
ゲームを企画 / 設計 / 実装する分野。技術と表現が高度に融合する領域
Apache Kafka
大規模なリアルタイムデータストリーミングのための分散メッセージングプラットフォーム
A/B テスト
2 つのバリエーションをユーザーにランダムに提示し、どちらがより良い成果を出すかをデータで検証する手法
メッセージキュー
プロデューサーとコンシューマーを非同期に接続し、メッセージを一時的に保持する通信基盤
Amazon Cognito
Web / モバイルアプリに認証 / 認可機能を追加する AWS マネージドサービス