モバイルデザインパターン

―ユーザーインタフェースのためのパターン集

[cover photo]
TOPICS
発行年月日
PRINT LENGTH
240
ISBN
978-4-87311-568-9
原書
Mobile Design Pattern Gallery
FORMAT
PDF
Print
2,860円
この商品は品切れ再入荷未定です

モバイルアプリのUIパターンを手軽に参照できるリファレンス。主要なプラットフォームで動くモバイルアプリの画面例を400点以上使いながら、ユーザーインタフェースの定番パターンをグラフィカルに解説します。本書で紹介する68個の基本パターンと5個のアンチパターンが、使いやすいモバイルアプリをデザインするうえでクリアしなければならない設計上の課題を解決してくれます。
掲載UIパターン: ナビゲーション、フォーム、テーブルとリスト、検索、並べ替え、フィルター、ツール、グラフ、誘導、フィードバック、アフォーダンス、ヘルプ、アンチパターン

サンプルPDF
「監訳者まえがき〜1章まで」(15MB)

目次

監訳者まえがき
賞賛の声
序文
まえがき

1章 ナビゲーション
    1.1 主要なナビゲーション
        1.1.1 Springboard(スプリングボード)
        1.1.2 List Menu(リストメニュー)
        1.1.3 Tabs(タブ)
        1.1.4 Gallery(ギャラリー)
        1.1.5 Dashboard(ダッシュボード)
        1.1.6 Metaphor(メタファー)
        1.1.7 Mega Menu(大型メニュー)
    1.2 補助的ナビゲーション
        1.2.1 Page Carousel(ページのカルーセル)
        1.2.2 Image Carousel(イメージのカルーセル)
        1.2.3 Expanding List(伸縮するリスト)

2章 フォーム
    2.1 Sign In(サインイン)
    2.2 Registration(ユーザー登録)
    2.3 Checkout(購入手続き)
    2.4 Calculate(計算)
    2.5 Search Form(検索フォーム)
    2.6 Multi-Step(複数のステップ)
    2.7 Long Form(長いフォーム)

3章 テーブルとリスト
    3.1 Basic Table(基本的なテーブル)
    3.2 Headerless Table(ヘッダーのないテーブル)
    3.3 Fixed Column(固定された列)
    3.4 Overview plus Data(概要と個々のデータ)
    3.5 Grouped Rows(グループ化された行)
    3.6 Cascading Lists(カスケーディングリスト)
    3.7 Table with Visual Indicators(インジケーター付きのテーブル)
    3.8 Editable Table(編集可能なテーブル)

4章 検索、並べ替え、フィルター
    4.1 検索
        4.1.1 Explicit Search(明示的な検索)
        4.1.2 Search with Auto-Complete(オートコンプリート付きの検索)
        4.1.3 Dynamic Search(動的な検索)
        4.1.4 Scoped Search(絞り込み検索)
        4.1.5 Saved and Recent Searches(検索結果の履歴)
        4.1.6 Search Form(検索フォーム)
        4.1.7 Search Results/View Results(検索結果・表示結果)
    4.2 並べ替え
        4.2.1 Onscreen Sort(画面上での並べ替え)
        4.2.2 Sort Order Selector(並べ替え方法のセレクタ)
        4.2.3 Sort Form(並べ替えのフォーム)
    4.3 フィルター
        4.3.1 Onscreen Filter(画面上でのフィルター)
        4.3.2 Filter Drawer(フィルターの引き出し)
        4.3.3 Filter Dialog(フィルターダイアログ)
        4.3.4 Filter Form(フィルターフォーム)

5章 ツール
    5.1 Toolbar(ツールバー)
    5.2 Option Menu(オプションメニュー)
    5.3 Call to Action Button(アクションボタン)
    5.4 Contextual Tools(コンテキスト依存のツール)
    5.5 Inline Actions(インラインの操作)
    5.6 Multi-State Button(複数の状態を持つボタン)
    5.7 Bulk Action(操作の一括実行)

6章 グラフ
    6.1 Chart with Filters(フィルター機能を持つグラフ)
    6.2 Preview Window(プレビューウィンドウ)
    6.3 Overview plus Data(概要と個々のデータ)
    6.4 Datapoint Details(特定の点についての詳細)
    6.5 Drill Down(階層的な表示)
    6.6 Zoom(拡大表示)
    6.7 Pivot Table(ピボットテーブル)
    6.8 Sparklines(スパークライン)

7章 誘導
    7.1 Dialog(ダイアログ)
    7.2 Tip(ツールチップ)
    7.3 Tour(ツアー)
    7.4 Video Demo(動画によるデモ)
    7.5 Transparency(透過表示)
    7.6 1st Time Through(初回のみの表示)
    7.7 Persistent(継続的な表示)
    7.8 Discoverable(発見型誘導)

8章 フィードバックとアフォーダンス
    8.1 フィードバック
        8.1.1 Error Messages(エラーメッセージ)
        8.1.2 Confirmation(確認)
        8.1.3 System Status(システムの状態)
    8.2 アフォーダンス
        8.2.1 Tap(タップ)
        8.2.2 Flick(フリック)
        8.2.3 Drag(ドラッグ)

9章 ヘルプ
    9.1 How To(ハウツー)
    9.2 Cheat Sheet(チートシート)
    9.3 Tour(ツアー)
10章 アンチパターン
    10.1 Novel Notions(新しいだけのアイデア)
    10.2 Metaphor Mismatch(メタファーの不一致)
        10.2.1 コントロールのミスマッチ
        10.2.2 アイコンのミスマッチ
        10.2.3 メンタルモデルのミスマッチ
    10.3 Idiot Box(作業を妨げる愚行)
    10.4 Chart Junk(無駄なグラフ)
    10.5 Oceans of Buttons(無数のボタン)

付録A パターン一覧
    A.1 主要なナビゲーション
    A.2 補助的ナビゲーション
    A.3 フォーム
    A.4 テーブルとリスト
    A.5 検索
    A.6 並べ替え
    A.7 フィルター
    A.8 ツール
    A.9 グラフ
    A.10 誘導
    A.11 フィードバック
    A.12 アフォーダンス
    A.13 ヘルプ

アプリ索引
索引