ユーザーインタフェースデザインの基礎知識
~プログラム設計からアプリケーションデザインまで~

[表紙]ユーザーインタフェースデザインの基礎知識 ~プログラム設計からアプリケーションデザインまで~

紙版発売

A5判/216ページ

定価2,618円(本体2,380円+税10%)

ISBN 978-4-7741-4230-2

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

本書は,SEやプログラマなど,ソフトウェアの設計,開発に関わる多くの方々が,ユーザーインタフェース(UI)に関する基礎的な知識を習得できることを目的に執筆したものです。多くのユーザーにとってわかりやすく使いやすいインタフェースを作り上げるには,人間の脳や心の仕組みにも考えを広げなければなりません。しかし,今のところSEやプログラマがUIデザインを正面から学習するような機会は少ないのではないかと思います。

そこで,UIデザインの基本をきちんと理解してもらうために,本書では人間が画面上の"もの"を見るという行為,そして操作するという行為について,できるだけ身近な事象と共に説明するようにしました(はじめに より抜粋)。

こんな方におすすめ

  • システムエンジニア
  • プログラマ
  • Webデザイナ

この書籍に関連する記事があります!

あなたは理解してますか?ユーザーインターフェースについて
エレベータにあわてて乗り込んだとき,[閉]のボタンを押した・・・つもりだったのに,よく見ると[開]のボタンを押していた,という経験はありませんか?

本書のサンプル

本書の一部ページを,PDFで確認することができます。

目次

Chapter 1 インタフェースデザインの重要性

1-1 インタフェースの問題点とシステム設計者への要求

  • 1-1-1 困りもののインタフェース
  • 1-1-2 システム操作におけるストレス
  • 1-1-3 システム設計者に要求されること

1-2 ヒューマンエラーの増加とその影響

  • 1-2-1 ヒューマンエラーとは?
  • 1-2-2 ヒューマンエラーが引き起こした事件

Chapter 2 画面のデザインと効果

2-1 文字とアイコン

  • 2-1-1 文字というもの
  • 2-1-2 アイコンの利用とその効果

2-2 ものの形

  • 2-2-1 ものの形
  • 2-2-2 ものの形から受ける直感的な感覚
  • 2-2-3 ディスプレイの表示から受ける感覚
  • 2-2-4 ソフトウェアにおける形の効果
  • 2-2-5 黄金比と安定するものの形
  • 2-2-6 その他の調和の形
  • 2-2-7 アフォーダンス ものの形が生み出す効果
  • 2-2-8 ものの形がもたらす効果
  • 2-2-9 錯視効果

2-3 認知の向きと方向

  • 2-3-1 人間の視覚による水平と垂直の違い
  • 2-3-2 上と下の意味
  • 2-3-3 左と右の意味
  • 2-3-4 右回りか?左回りか?

2-4 色

  • 2-4-1 色の属性
  • 2-4-2 色の効果
  • 2-4-3 コンピュータにおける色
  • 2-4-4 色の重さと大きさ、奥行き
  • 2-4-5 インタフェースにおける色の活用

2-5 動きの効果

  • 2-5-1 動きによる効果
  • 2-5-2 マウスクリックの秀逸性

2-6 擬似的な3Dの視覚的効果と問題点

  • 2-6-1 インタフェースへの3Dの組み込み効果
  • 2-6-2 ボタンのデザインと視線の流れ
  • 2-6-3 3Dコンポーネントによる無意識のいらつき

Chapter 3 操作方法

3-1 マンマシンインタフェース

  • 3-1-1 マンマシンインタフェースの歴史と種類
  • 3-1-2 認知的に見たマウスの効用
  • 3-1-3 万人に利用しやすいタッチパネル
  • 3-1-4 キーボード操作のメリット

3-2 操作手順と機能の流れ

  • 3-2-1 対話型とオブジェクト型の違い
  • 3-2-2 2つの操作系の融合

3-3  操作の慣れ

  • 3-3-1 学習効果と無意識の操作
  • 3-3-2 ソフトウェアにおける操作の慣れ
  • 3-3-3 誤ったインタフェース設計とその対応方法
  • 3-3-4 無意識の操作への対応

3-4 時間の要素

  • 3-4-1 ユーザーへの処理に関する情報提供
  • 3-4-2 処理時間を錯覚させるごまかし方
  • 3-4-3 操作時間の統一による安心感
  • 3-4-4 システムへの時間要素の導入

3-5 ターゲットユーザーによる違い

  • 3-5-1 ユーザーレベルによる設計の変更
  • 3-5-2 利用場所と利用時間による設計の変更

Chapter 4 よりよいシステムにするために

4-1 ヒューマンエラーの防止

  • 4-1-1 ヒューマンエラーの防止方法
  • 4-1-2 ソフトウェアにおけるヒューマンエラー対策

4-2 認知不安の解消

  • 4-2-1 ユーザーストレスとその要因
  • 4-2-2 居場所を明確にする
  • 4-2-3 識別しやすい選択肢の数
  • 4-2-4 情報のグループ化
  • 4-2-5 ユーザーへのフィードバック
  • 4-2-6 エラーメッセージ
  • 4-2-7 ヘルプの充実

4-3 心地よいデザイン

  • 4-3-1 色の活用
  • 4-3-2 色の役割分担と配色サンプル
  • 4-3-3 視認性の向上とコントラスト
  • 4-3-4 視線の安定と情報の入手
  • 4-3-5 バランスの良いデザイン

著者プロフィール

古賀直樹(こがなおき)

ファンテック株式会社 代表取締役。東京理科大学応用数学科卒業。平成2年,教育用ソフトの企画・開発を行うことを目的にファンテック株式会社を設立。MS-DOS の時代からグラフィカルなインタフェースを研究し,ゲーム大工さん,童話大工さん,メディアルーム,メディアマップといった多くのエデュテインメントソフトを制作した。現在は,業務システムのコンサルタント・設計を主業務としている。

主な執筆書籍に,「体系的に学ぶコンピュータ言語」(日経BP ソフトプレス)がある。