デザイニング・インターフェース―パターンによる実践的インタラクションデザイン

[cover photo]
  • 2007年01月 発行
  • 360ページ
  • ISBN978-4-87311-316-6
  • フォーマット PDF
  • 原書: Designing Interfaces


本書『デザイニング・インターフェース』は、ウェブアプリケーション、インタラクティブなウェブサイト、デスクトップアプリケーション、携帯電話などのインターフェースをデザインするデザイナーとプログラマーのために、デザイン上の問題に対するすぐに使える解決策を「パターン」として体系化した書籍です。各パターンは「コンテンツの整理」「ナビゲーション」「ページレイアウト」「アクションとコマンド」「インフォメーショングラフィックス」「ユーザの入力」「洗練されたルックアンドフィール」といったテーマごとに分類され、本書をリファレンスのように使うことも可能にしています。先人たちの試行錯誤の上に成り立つ“ベストプラクティス”としてのパターンは、デザインの質と生産性を向上させ、創造性を発揮するための基盤となることでしょう。本文オールカラー。

サンプルPDF


関連書籍

デザイニング・インターフェース 第2版

01 ユーザの行動
	目標達成の手段
	ユーザ調査の基礎
	ユーザの学習意欲
	パターンの解説
	1 安全な探検(safe Exploration)
	2 即座の喜び(instant gratification)
	3 最小限での充足(satisficing)
	4 途中での方針変更(changes in midstream)
	5 回答の先送り(deferred choices)
	6 少しずつの組み立て(incremental construction)
	7 習慣化(habituation)
	8 空間的な記憶(spatial memory)
	9 展望的な記憶(prospective memory)
	10 繰り返しの効率化(streamlined repetition)
	11 キーボードのみ(keyboard only)
	12 他者のアドバイス(other people's advice)

02 コンテンツを整理する
	情報アーキテクチャとアプリケーション構造
	情報アーキテクチャの基本:分類すること
	物理的構造
	パターンの解説
	13 2パネルのセレクタ(two-panel selector)
	14 カンバスとパレット(canvas and palette)
	15 1ウィンドウでのドリルダウン(one-window drilldown)
	16 代替表示(alternative views)
	17 ウィザード(wizard)
	18 オンデマンド追加項目(extras on demand)
	19 魅力的な分岐(intriguing branches)
	20 マルチレベルのヘルプ(multi-level help)

03 動き回る
	ナビゲーション、標識、経路探索
	いつでも居場所が分かるということ
	ナビゲーションのコスト
	パターンの解説
	21 明快な入り口(clear entry points)
	22 グローバルナビゲーション(global navigation)
	23 ハブとスポーク(hub and spoke)
	24 ピラミッド(pyramid)
	25 モーダルなパネル(modal panel)
	26 シーケンス表示(sequence map)
	27 パンくず(breadcrumbs)
	28 注釈つきスクロールバー(annotated scrollbar)
	29 色分けしたセクション(color-coded sections)
	30 アニメーションによる転換(animated transition)
	31 避難口(escape hatch)

04 ページを構成する
	ページ要素のレイアウト
	ページレイアウトの基礎
	パターンの解説
	32 視覚的なフレームワーク(visual framework)
	33 中央ステージ(center stage)
	34 タイトルつきセクション(titled sections)
	35 カードのスタック(card stack)
	36 開閉可能パネル(closable panels)
	37 移動可能パネル(movable panels)
	38 右揃えと左揃え(right/left alignment)
	39 対角線バランス(diagonal balance)
	40 プロパティシート(property sheet)
	41 反応的な追加表示(responsive disclosure)
	42 反応的なイネーブル化(responsive enabling)
	43 リキッドレイアウト(liquid layout)

05 事を行う
	アクションとコマンド
	限界を広げる
	パターンの解説
	44 ボタンのグループ(button groups)
	45 アクションパネル(Action Panel)
	46 目立つ「完了」ボタン(prominent "done" button)
	47 動的なメニュー項目(smart menu items)
	48 プレビュー(preview)
	49 プログレス表示(progress indicator)
	50 キャンセル機能(cancelability)
	51 マルチレベルのアンドゥ(multi-level undo)
	52 操作の履歴(command history)
	53 マクロ(macros)

06 複合的なデータを表示する
	ツリー、テーブル、その他、
	インフォメーショングラフィックス
	インフォメーショングラフィックスの基礎知識
	パターンの解説
	54 概観と詳細(overview plus detail)
	55 データティップ(datatips)
	56 動的なクエリ(dynamic queries)
	57 データのブラッシング(data brushing)
	58 部分的なズーム表示(local zooming)
	59 行のストライプ配色(row striping)
	60 ソート可能なテーブル(sortable table)
	61 項目へのジャンプ(jump to item)
	62 新規項目の入力行(new-item row)
	63 カスケーディングリスト(cascading lists)
	64 ツリー表示テーブル(tree table)
	65 複数Y軸のグラフ(multi-y graph)
	66 小さな複合データ群(small multiples)
	67 ツリーマップ(treemap)

07 ユーザからの入力を受け取る
	フォームとコントロール
	フォームデザインの基礎知識
	コントロールの選択
	パターンの解説
	68 寛容な入力形式(forgiving format)
	69 構造化された入力形式(structured format)
	70 穴埋め(fill-in-the-blanks)
	71 入力ヒント(input hints)
	72 入力プロンプト(input prompt)
	73 オートコンプリート(autocompletion)
	74 ドロップダウン式の選択(dropdown chooser)
	75 画像による選択肢(illustrated choices)
	76 リストビルダー(list builder)
	77 よいデフォルト値(good defaults)
	78 同一ページでのエラーメッセージ(same-page error messages)

08 制作ツールと編集ツール
	編集ツールをデザインするための基礎
	パターンの解説
	79 その場での編集(edit-in-place)
	80 スマート選択(smart selection)
	81 合成要素の選択(composite selection)
	82 1回限りのモード(one-off mode)
	83 ばね式のモード(spring-loaded mode)
	84 制約的リサイズ(constrained resize)
	85 吸着(magnetism)
	86 ガイド(guides)
	87 ペーストのバリエーション(paste variations)

09 よい見た目にする
	視覚的なスタイルと美学
	同じ内容、違うスタイル
	ビジュアルデザインの基礎
	デスクトップアプリケーションにおけるビジュアルデザインの意義
	パターンの解説
	88 深みのある背景(deep background)
	89 少色相・多明度(few hues, many values)
	90 コーナー処理(corner treatments)
	91 フォントを反映したボーダー(borders that echo fonts)
	92 ヘアライン(hairlines)
	93 フォントウェイトのコントラスト(contrasting font weights)
	94 スキン(skins)

参考資料
索引
監訳者あとがき
訳者あとがき

Feedback

皆さんのご意見をお聞かせください。ご購入いただいた書籍やオライリー・ジャパンへのご感想やご意見、ご提案などをお聞かせください。より良い書籍づくりやサービス改良のための参考にさせていただきます。
[feedbackページへ]