モデルベースUIデザイン 構造化UIと情報設計の方法論
発売日:2025年7月
- ページ数
- 287p
- ISBN
- 978-4-7981-8268-1
- 著者情報
- 丸 怜里(マル サトリ)
ソフトウェアデザイナー/デベロッパー。iPhone 3GSの登場を機に独学でiOSアプリケーション開発の世界に入門し、同プラットフォームの黎明期から多くの開発プロジェクトを経験。システムエンジニアを経て株式会社グッドパッチに入社後は、情報アーキテクチャ視点によるUIデザイン手法の普及に努めながら、エンジニア出身デザイナーとして同社上場前後の組織成長期を支える。2025年現在は株式会社タイムラボに所属。UI、インタラクション、情報アーキテクチャに関わるデザインのほか、macOSとiOSのネイティブアプリケーション開発が専門。「usagimaru」名義でAppleプラットフォーム系コミュニティやUIデザイン分野を中心に、「なめらかで美しいソフトウェア」を実現するための活動に取り組んでいる
セブン-イレブン受取り(送料無料)
発送目安
発売日(発売日以降は当日)~2日で発送
宅配(送料¥550税込)
発送目安
発売日(発売日以降は当日)~2日で発送
交通状況・天候の影響や注文が集中した場合等、お届けにお時間をいただく場合がございます。
商品説明
そのUI、なんとなく作っていませんか?センスのみに頼らない論理的なUI設計の方法。本書は、ソフトウェアにおけるユーザー体験の向上や開発効率の向上に欠かせない「構造設計」についての解説書です。UXリサーチの成果をUIのモデル設計に活かす方法、概念構造やナビゲーション構造の組み立て方、レイアウトやインタラクションの構築に活かせるさまざまなデザインパターンについて、筆者が提唱する「モデルベースUIデザイン」の基本プロセスに沿って、実例をもとに解説します。UIを構造的に捉え、モデルベースにデザインするための具体的な方法論が身につく一冊です。読者対象:□UIデザイナー、Webデザイナー。□ソフトウェア関連のエンジニア、ディレクター、PdM、PM。□UIデザイン業務に携わっている方全般。
そのUI、なんとなく作っていませんか?
センスのみに頼らない論理的なUI設計の方法
本書は、ソフトウェアにおけるユーザー体験の向上や開発効率の向上に欠かせない「構造設計」についての解説書です。
UXリサーチの成果をUIのモデル設計に活かす方法、概念構造やナビゲーション構造の組み立て方、レイアウトやインタラクションの構築に活かせるさまざまなデザインパターンについて、筆者が提唱する「モデルベースUIデザイン」の基本プロセスに沿って、実例をもとに解説します。
UIを構造的に捉え、モデルベースにデザインするための具体的な方法論が身につく一冊です。
<デザイナー&エンジニア必携>
■読者が得るもの、解決できる課題:
-UIデザインにおける構造設計の価値を理解できる
-ソフトウェア開発と相性の良いUIデザインの方法を学べる
-UIを論理的に設計する方法を学べる
-ビジュアル要素以外でのUIの評価観点を学べる
-UIデザインにおける情報設計・IAの応用の仕方を学べる
-UXリサーチの成果をUIデザインに活かす方法を学べる
■UIデザインに構造設計が不可欠な理由:
-ユーザー体験の向上
-概念オブジェクト起点によるナビゲーション設計の実現
-デザインとしての拡張性の向上
-開発チーム内での目線を揃え、開発効率を向上
■読者対象:
-UIデザイナー、Webデザイナー
-ソフトウェア関連のエンジニア、ディレクター、PdM、PM
-UIデザイン業務に携わっている方全般
目次
序章
第1章 情報設計とUIデザイン
1-1 ソフトウェアとUI
1-2 「情報設計」視点によるUIデザインの考え方
1-3 UIの構成要素
1-4 モデルベースUIデザイン
第2章 ユースケース定義
2-1 ユースケース中心設計
2-2 ユースケースの表し方
第3章 タスク整理
3-1 タスク整理の方針
3-2 タスクの洗い出し
3-3 CRUDによるタスク分類
第4章 概念設計
4-1 UIの概念モデル
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 パターンとイディオム
用途別のイディオムとその例
第7章 構造設計とインタラクション設計の深化
7-1 情報構造パターン
7-2 モード
7-3 モードレスに保つためのテクニック
7-4 モードをシンプルに設計するためのテクニック
商品詳細
- 出版社名
- 翔泳社
- サイズ
- 21cm
- 対象年齢
- 一般
- フォーマット
- 単行本
注意事項
- 本の帯に関して
- 帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。 - 版・表紙について
- 版・表紙(カバー)のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典(初回特典、初回仕様特典)がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。