モデルベースUIデザイン 構造化UIと情報設計の方法論

丸怜里

そのUI、なんとなく作っていませんか？
センスのみに頼らない論理的なUI設計の方法

本書は、ソフトウェアにおけるユーザー体験の向上や開発効率の向上に欠かせない「構造設計」についての解説書です。
UXリサーチの成果をUIのモデル設計に活かす方法、概念構造やナビゲーション構造の組み立て方、レイアウトやインタラクションの構築に活かせるさまざまなデザインパターンについて、筆者が提唱する「モデルベースUIデザイン」の基本プロセスに沿って、実例をもとに解説します。
UIを構造的に捉え、モデルベースにデザインするための具体的な方法論が身につく一冊です。
＜デザイナー＆エンジニア必携＞

■読者が得るもの、解決できる課題：
-UIデザインにおける構造設計の価値を理解できる
-ソフトウェア開発と相性の良いUIデザインの方法を学べる
-UIを論理的に設計する方法を学べる
-ビジュアル要素以外でのUIの評価観点を学べる
-UIデザインにおける情報設計・IAの応用の仕方を学べる
-UXリサーチの成果をUIデザインに活かす方法を学べる

■UIデザインに構造設計が不可欠な理由：
-ユーザー体験の向上
-概念オブジェクト起点によるナビゲーション設計の実現
-デザインとしての拡張性の向上
-開発チーム内での目線を揃え、開発効率を向上

■読者対象：
-UIデザイナー、Webデザイナー
-ソフトウェア関連のエンジニア、ディレクター、PdM、PM
-UIデザイン業務に携わっている方全般

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

• カテゴリ: ビジネス・実用
• ジャンル: IT・コンピュータ / デザイン・グラフィックス
• 出版社: 翔泳社
• ページ数: 288ページ
• 電子版発売日: 2025年07月09日
• コンテンツ形式: EPUB
• サイズ(目安): 13MB

[ブクログ · ★★★★★]

本書の内容はすばらしいと感じる一方で、感覚に従ってUIを作っているような人が本書を読んで真似できる可能性はほとんどないだろうと感じた。

本書の方法論の実践には、データベース設計のようなエンジニアリングの知識や扱うプラットフォームの知識も必要とする。いい仕事をするために基礎的な能力を高めようと思える内容だった。

[ブクログ · ★★★☆☆]

UIの見た目のデザインよりも、ユースケース定義や概念設計、ナビゲーション構造などの設計に重きをおいた硬派な本でした。UIを勉強しようと思ったときに、レイアウトなどの見た目の良さ、デザイン面に気持ちがもっていかれそうになりますが、UIを「設計」する上で本当に大事なことが丁寧に解説されています。

モードレスデザインの概念は今まで知らずに気にしたことがなかったので、興味深かったです。紹介されているモーダル否定論者の極端さが面白かったです。

[ブクログ · ★★★☆☆]

前半より後半の方が面白かった。前半で読むの辞めちゃう人は多そう。
前半はわりとエンジニアだったらそうですよねーという感じの内容。
後半は、具体的な情報設計とかが画像入りで紹介されていて読みやすく面白い。

この本で初めて知ったことは下記の通り。
・タグ的な多対多な情報構造はセミラティス構造と言うこと。
・デスクトップなどのアプリのメニューの「開く…」みたいな3点リーダーはモーダルな操作を意味していること。
・モーダルではxボタンとキャンセルボタンを併用しない。x不要。

[ブクログ · ★★★☆☆]

UI設計のロジカルなアプローチをまとめた1冊。モーダル、モーダレスのところは改めてそういうことだよなと、自分の中で言語化しきれてなかったところが補われた印象を持った。文体が少々お堅い印象もあり、講義を受けている感じにもなるが、こうして整理されるとありがたい。

[ブクログ · ★★★☆☆]

Webも含めたアプリケーションのUI設計方法についての解説書。
ペルソナモデルや行動シナリオといったUXデザインの成果物をインプットとして使えるフェーズから先の設計プロセスについて考え方や方法論が記載されている。
学びになる情報はいくつかあったのだが、そもそもタイトルにもなっている「モデルベース」のコンセプトやユニークネスを把握しにくい。「モデル」という用語も途中からあまり登場しなくなったような。例えば「モデルベースUIデザイン」と対立する概念は何になるのだろうかと考えてみてもよく分からない。
とは言え、
・ユースケースからタスクと概念モデルを洗い出す
・概念モデルを接続するナビゲーションを設計する
というあたりは今後改めて意識しながら設計していきたい。

改めてではあるがモードとモードレスの話はUI設計に関わるものは皆読んでおくべきかと思われる。