目次

• はじめに

1　オブジェクト指向UIとは何か

1-1　目当ての現し

• ユーザー要求とタスク
• 目当て＝オブジェクト

1-2　お金が先か,商品が先か

• 明らかにおかしなUI
• テストするまでもない問題

1-3　オブジェクト指向UI

• オブジェクト指向UIの原則
• オブジェクトを知覚でき直接的に働きかけられる
• オブジェクトは自身の性質と状態を体現する
• オブジェクト選択→アクション選択の操作順序
• すべてのオブジェクトが互いに協調しながらUIを構成する

1-4　オブジェクト指向か？ タスク指向か？

• 対象オブジェクトを選ぶところから操作が始まる
• タスク指向UIの問題
• オブジェクト指向UIとタスク指向UIの対比
• タスク指向UIを改善する　ビデオカメラ画面
• タスク指向UIを改善する　フードデリバリーサービス
• オブジェクトを前面に出す

1-5　UIがタスク指向になってしまう背景

• 業務分析では「やること」がまとめられる
• 利用手続きをデザインしようとする
• タスクに必要な情報オブジェクトを定義する

2　オブジェクト指向UIの設計プロセス

2-1　デザインプロセスのミッシングリンクをつなぐ

2-2　アプリケーションの手掛かり

• タスクを手掛かりにすると
• オブジェクトを手掛かりにする

2-3　ユーザー,タスク,オブジェクトの関係

2-4　ソフトウェアデザインのレイヤー

• UIは複数のオブジェクトを構造的に表象した合成物
• モデル　ユーザーの関心対象の模式
• インタラクション　構造と機能
• プレゼンテーション　スタイルやレイアウト

2-5　デザインの究極の目的は形である

• デザイナーのアブダクション
• 一貫して作用する「原理」を備える
• 道具の抽象性

2-6　オブジェクト指向UI設計の基本ステップ

• ステップ1. オブジェクトの抽出
• ステップ2. ビューとナビゲーションの検討
• ステップ3. レイアウトパターンの適用

3　オブジェクト指向UI設計の実践

3-1　オブジェクト指向UIの設計ステップ

3-2　本章でデザインするものの全体像

3-3　ステップ1. オブジェクトの抽出

• 「名詞」を抽出する
• 「名詞」とそれらの関係を抽出する
• 「名詞」を汎化し,粒度を揃える
• 「名詞」の関係性をつなげ,オブジェクトを特定する
• オブジェクトの中で「メインオブジェクト」になるものを特定する
• メインオブジェクトの多重性を特定する
• メインオブジェクトに付随するオブジェクトをプロパティとする
• コラム　メインオブジェクト選びのポイント
• タスクからアクションを見つける
• コラム　タスク,オブジェクト,プロパティ,アクション

3-4　ステップ2. ビューとナビゲーションの検討

• 基本のビュー形式
• メインオブジェクトに「コレクション」と「シングル」のビューを与える
• コラム　シングルビューとコレクションビューの省略
• コレクションビューとシングルビューの呼び出し関係を検討する
• メインオブジェクトの中からルートナビゲーション項目を選定する
• コラム　ルートナビゲーションの項目,アイコン,ラベリング

3-5　ステップ3. レイアウトパターンの適用

• ルートナビゲーションの配置パターン
• ビューの配置パターン
• メインオブジェクト同士の参照関係を踏まえて配置パターンを適用する
• コラム　ビューの配置パターン適用のポイント
• コレクションビューの表示形式のパターン
• コラム　オブジェクトへのフォーカスとコレクションビュー
• コレクションの性質や用途に合わせて表示形式を決定する
• コレクションのフィルタリングのパターン
• シングルビューの表示形式のパターン
• コラム　シングルビューの表示内容
• シングルビューの性質や用途に合わせて表示形式を決定する
• アクションの性質や用途に合わせて表示形式を決定する
• Create（作成）アクションのパターン
• Delete（削除）アクションのパターン
• Update（更新）アクションのパターン
• ビジュアルデザイン

3-6　タスクをどう扱うか

• タスクの特徴
• タスクはどこへ行くのか？

4　ワークアウト：基礎編

• 進め方

レベル1　メモアプリケーション

• ヒント・チャレンジ
• 解説

レベル2　社員名簿アプリケーション

• ヒント・チャレンジ
• 解説

レベル3　イベント店舗管理アプリケーション

• ヒント・チャレンジ
• 解説

レベル4　会議室予約アプリケーション

• ヒント・チャレンジ
• 解説

レベル5　家族で遊べる場所を探すアプリケーション

• ヒント・チャレンジ
• 解説

レベル6　商品管理アプリケーション

• ヒント・チャレンジ
• 解説

レベル7　商品管理アプリケーション

• ヒント・チャレンジ
• 解説

レベル8　商品管理アプリケーション

• ヒント
• 解説

レベル9　商品管理アプリケーション

• ヒント
• 解説

5　ワークアウト：応用編

• 進め方

レベル10　スマートフォン用の営業支援アプリケーション

• ヒント
• 解説

レベル11　イベント管理アプリケーション

• ヒント
• 解説

レベル12　保険契約の顧客管理アプリケーション

• ヒント
• 解説

レベル13　アセット管理アプリケーション

• ヒント
• 解説

レベル14　サイト管理アプリケーション

• ヒント
• 解説

レベル15　出張申請・精算アプリケーション

• ヒント
• 解説

レベル16　契約管理アプリケーション

• ヒント
• 解説

レベル17　通貨換算アプリケーション

• ヒント
• 解説

レベル18　販売実績照会アプリケーション

• ヒント
• 解説

6　オブジェクト指向UIのフィロソフィー

6-1　オブジェクトの原義

6-2　オブジェクト指向

• クラスとインスタンス
• イデア論
• GUIにおけるオブジェクト
• プログラミングにおける記述法

6-3　GUI

• マン – マシン インターフェースからユーザーインターフェースへ
• インターフェースはユーザーとオブジェクトを接着する
• Whirlwind　GUIという発想の原型
• SAGE　防空システムに組み込まれた最初期のGUI
• Sketchpad　グラフィック言語による対話型コンピューター
• NLS　知的生産活動のためのコンピューター
• Smalltalk　誰もが使えるパーソナルコンピューター
• TUI　テキストベースのUI
• Star　GUIベースのビジネス用ワークステーション
• Macintosh　商業的に成功した最初のGUIシステム
• iPhone　パーソナルコンピューターの新しいフォームファクター
• メタメディアとしてのオブジェクト指向UI

6-4　モードレス

• モードレスネスを信奉しなさい
• ラリー・テスラー　テキスト編集のモードレス化
• ドナルド・ノーマン　モードエラーの分析
• ジェフ・ラスキン　モードレスにすることで劇的に使いやすくなる
• モードレスにする方法

6-5　オブジェクト指向UIについての文献

• 『Object-Oriented User Interfaces and Object-Oriented Languages』
• 『Object-Oriented Interface Design』
• 『Designing Object-Oriented User Interfaces』
• 『The Elements of User Interface Design』
• 『Designing for the User with OVID』

• おわりに
• 参考文献
• 索引
• あとがき
• 改訂新版あとがき──無名の星々の中に勇敢な狩人や美しい鳥を思い描く