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. UnityによるARゲーム開発 ―作りながら学ぶ…

    目次1章 はじめに2章 プレイヤーの位置のマッピング…

  2. Vue.jsのツボとコツがゼッタイにわかる本

    目次第1章 Vue.jsとフレームワークの基礎1-1…

  3. プレゼンは「目線」で決まる―――No.1プレゼン…

    目次Prologue 「目線」をつかめば、「人」は動かせる…

  4. プログラミング教育が変える子どもの未来 AIの時…

    目次第1章 なぜ、プログラミングを学ぶの?■ なぜ、…

  5. 作って理解するOS x86系コンピュータを動かす…

    目次イントロダクション コンピュータが数を数えるしくみとC言…

  6. 改訂2版 みんなのGo言語

    目次第1章 Goによるチーム開発のはじめ方とコードを書く上での心…

  7. PHPフレームワーク Symfony 4 入門 …

    目次1 Symfonyを準備する1-1 インストール…

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

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

最近の記事

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