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. プログラマを育てる脳トレパズル 遊んでおぼえるP…

    目次Part1 ○×ゲームでおぼえるプログラミングの基本プロ…

  2. 図解まるわかり セキュリティのしくみ

    目次第1章 セキュリティの基本的な考え方 ~分類して考える~…

  3. Wordではじめるレイアウトデザイン (Word…

    目次第1章 ハード・ソフトなどに関する基礎知識と基本操作…

  4. CSSフレームワーク Bootstrap入門

    目次Chapter1 Bootstrapの基礎知識1…

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

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

  6. れいといちかとまほうのトンネル

    絵本「れいといちかとまほうのトンネル」刊行しまし…

    2020年より、小学校でもプログラミング教育が必修化となりました。…

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

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

  8. WEB+DB PRESS Vol.120

    目次特集1 自作OS×自作ブラウザで学ぶ Webページが表示…

最近の記事

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