UIデザインの教科書[新版] マルチデバイス時代のインターフェース設計

目次

1章 デザインの目的とUI/UX

1-1 本書の範囲と対象

1-2 デザインの目的

1-3 UIとUX

1-4 まとめ

 

2章 物理的な制約

2-1 デバイスのバリエーション

2-2 入力手段の違い

2-3 画面の違い

2-4 AndroidとiPhone

2-5 まとめ

 

3章 ソフトウェアの影響

3-1 Webとアプリ

3-2 テキスト・画像・動画

3-3 パフォーマンス

3-4 まとめ

 

4章 人間の認知特性

4-1 色・形・動き

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 パンくずリスト

6-6 カラムと左右ナビゲーション

6-4 オーバーレイ、インレイ

6-8 スクロール、ページング

6-9 スクロールの方向

6-10 まとめ

 

7章 デザインを形にする

7-1 ミニマルデザイン

7-2 デザインガイドライン

7-3 プロトタイプ

7-4 マルチデバイスデザイン

7-5 まとめ

WEB+DB PRESS Vol.108

エンジニアが学ぶ金融システムの「知識」と「技術」

関連記事

  1. PHPフレームワーク Laravel Webアプ…

    目次1.Laravelの概要1−1  Laravel…

  2. Wordによる編集レイアウトの基本とDTP実践テ…

    目次Part1 ページデザインの基本1-1 知ってお…

  3. プログラマのためのGoogle Cloud Pl…

    目次1章 Google Cloud Platformの概要…

  4. カメラアプリで体感するWeb App

    目次第1章 環境構築をしよう1.1 フロントエンド開…

  5. ダークウェブの教科書 匿名化ツールの実践 (ハッ…

    目次第1章 ダークウェブの基礎知識ダークウェブとは…

  6. 矢沢久雄セレクション アルゴリズム&デ…

    目次Chapter1 つかめ!プログラマの思考法すべ…

  7. コストゼロでも効果が出る! LINE@集客・販促…

    目次Chapter1 〇2〇プロモーションの切り札LINE…

  8. SpringFramework4プログラミング入…

    目次Chapter1 SpringFramework の準備…

最近の記事

  1. Microsft .NET C#
  2. れいといちかとまほうのトンネル
PAGE TOP