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. できるキッズ 子どもと学ぶ JavaScript…

    目次第1章 JavaScriptプログラ…

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

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

  3. エンジニアのためのWordPress開発入門 (…

    目次第1章 WordPressとは1.1 WordP…

  4. Bootstrapファーストガイド―CSS設計の…

    目次第1章 Bootstrapの特長と導入1.1 B…

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

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

  6. 人狼知能で学ぶAIプログラミング ~ 欺瞞・推理…

    目次第1章 人狼知能とは第2章 人狼知能エージェント…

  7. 図解まるわかり ネットワークのしくみ

    目次第1章 ネットワークのきほん ~ネットワークの全体像を理…

  8. More Effective C# 6.0/7.…

    目次第1章 データ型の扱い項目1 アクセス可能なデー…

最近の記事

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