Microsoft PowerPoint - 1.ppt [互換モード]

Size: px

Start display at page:

Download "Microsoft PowerPoint - 1.ppt [互換モード]"

うきえまるこ
5 years ago
Views:

1 1. ユーザインタフェースとは 1. ヒューマンーコンピュータインタラクションの定義 1. ユーザインタフェースとは 2. 利用者中心デザイン 3. 認知科学との関連 4. ソフトウェア工学との関連 1. ヒューマンコンピュータインタラクションの定義マンーマシンインタフェース人間ヒューマンーマシンインタフェース (Human-Machine Interface: HMI) ヒューマンインタフェースシステムヒューマンインタフェース (Human Interface: HI) ヒューマンーコンピュータインタフェース (Human-Computer Interface) ヒューマンーコンピュータインタラクション (Human-Computer Interaction: HCI) ユーザインタフェース (User Interface) ユーザインタフェース機械特にコンピュータとその利用者 ( ユーザ ) の間で情報交換をするためのインタフェース入力装置出力装置利用者 ( ユーザ ) 顧客別の機械設計者運用者 etc. HCI 社会組織と仕事人間人間情報処理言語コミュニケーションインタラクション評価技法利用とコンテキスト人間ー機械適合と順応アプリケーション領域コンピュータ対話技法エルゴノミクス入出力装置サンプルシステムとケーススタディデザインアプローチ開発工程対話形式 CG 対話アーキテクチャ実装技法ツール (ACM SIGCHI Curricula for HCI) 1

HCI の関連領域利用形態およびユーザの変遷コンピュータ科学認知科学 ( 含認知心理学 ) 社会組織心理学エルゴノミクス人間工学工学人工知能デザイン人類学社会学哲学言語学利用形態 UI ユーザなし発明者計算機としてバッチ専門家情報処理装置としてコマンド専門技術者仕事の道具フォーム別の分野の専門家趣味にも WIMP コンピュータの得意な人

2 HCI の関連領域利用形態およびユーザの変遷コンピュータ科学認知科学 ( 含認知心理学 ) 社会組織心理学エルゴノミクス人間工学工学人工知能デザイン人類学社会学哲学言語学利用形態 UI ユーザなし発明者計算機としてバッチ専門家情報処理装置としてコマンド専門技術者仕事の道具フォーム別の分野の専門家趣味にも WIMP コンピュータの得意な人ユビキタス環境? 誰でも ( Human-Computer Interaction ) ( ユーザビリティエンジニアリング原論を参考に改変 ) 2. 利用者中心デザイン利用者中心デザインのためのルール (Norman) 1. 外界にある知識と頭の中にある知識の両方を利用する 2. 作業の構造を簡単にする 3. 対象を目に見えるようにする 4. 対応づけを正しくおこなう 5. 自然の制約や人工的な制約など制約の力を利用する 6. エラーに備えたデザインをする 7. 以上がすべて上手くいかない場合は標準化する 1. 外界にある知識と頭の中にある知識を活用するアフォーダンス 1. 外界にある知識と頭の中にある知識を活用する 3 つの概念モデル過去の知識や経験を使って物事を解釈することから生じる知識デザインモデルユーザのモデルデザイナーユーザシステムシステムイメージ 2

3 2. 作業の構造を簡単にする複雑な作業は新しい技術を導入して構造を組み直すことができる 3. 対象を目に見えるようにするキャラクタユーザインタフェース (CUI) グラフィカルユーザインタフェース (GUI) メンタルエイド可視化自動化作業内容の変更 (CUI) (GUI) 4. 対応づけを正しくおこなう自然な対応づけ意図とその時点でユーザが実行できる行為の関係意図とその時点でユーザが実行できる行為の関係ユーザの行為とそれがシステムに及ぼす影響の関係システムの内部状態とユーザが知覚できるものの関係ユーザが知覚できるシステムの状態とユーザの欲求意図期待の関係 3

4 ユーザの行為とそれがシステムに及ぼす影響の関係システムの内部状態とユーザが知覚できるものの関係ユーザが知覚できるシステムの状態とユーザの欲求意図期待の関係 WYSIWYG What you see is what you get. 5. 自然の制約や人工的な制約など制約の力を利用する物理的制約意味的制約文化的制約論理的制約コネクタ形状蛍光灯の位置男性は黒女性は赤コードと端子の色を揃える選択できない部分を薄く表示した例 6. エラーに備えたデザインをするエラーの原因を解明し原因が起きないように設計する元に戻せるようにするエラーを発見しやすく訂正しやすくするエラーをユーザが悪いことをしているとは考えない 4

フールプルーフ利用者が誤った操作をしても危険にさらされないようにする小松原冗長操作とするデフォルトを安全側にする

以上がすべて上手くいかない場合は標準化する ISO(International Organization for

5 フールプルーフ利用者が誤った操作をしても危険にさらされないようにする小松原冗長操作とするデフォルトを安全側にする制約を設ける危険な状態が続くと自動停止するわざと使いにくくする 7. 以上がすべて上手くいかない場合は標準化する ISO(International Organization for Standardization: 国際標準化機構 ) JIS(Japanese Industrial Standard: 日本工業規格 ) 3. 認知科学との関連主要分野認知科学脳と心のはたらきを情報の概念や情報科学の方法論に基づいて明らかにしもって生物特に人間の理解を深めようとする知的営み ( 岩波講座認知科学 ) 神経科学 ( 脳科学 ) 情報科学 ( 人工知能 ) 心理学 ( 認知心理学 ) 言語学哲学 5

6 認知工学応用認知科学の一種 Norman (1986) 目的 1. 人の行為の背景にある基本的原則を明らかにしデザインの原則に反映させる 2. 使って楽しいシステムを作る課題 1. 人の行為のモデルを作る 2. ユーザが対象に対して持つメンタルモデルを明らかにする 3. 対象となる課題を分析する利用者中心デザイン海保 (2005) 実行の淵と評価の淵 (Norman,1986) 認知工学わかりやすい情報環境の設計人間の認知特性に関心機器 ( 物理的世界 ) 実行の淵評価の淵目標 ( 心理的世界 ) 人間工学使いやすい道具 / 機械の設計人間の物理的生理的特性に関心実行の淵と評価の淵の橋渡し (Norman,1986) 行為の 7 段階モデル (Norman, 1986) 目標意図形成評価操作選択解釈心理的世界実行知覚物理的世界 6

7 ATS モデル (Norman) スキーマの階層構造 Activation-Trigger-Schema System Model 上位スキーマスキーマの階層構造行為の発現構造 1. 意図の形成 2. スキーマの活性化下位スキーマ 1 下位スキーマ 2 下位スキーマ 3 さらに下位スキーマ 1 さらに下位スキーマ 2 3. スキーマのトリガリング 1. 意図の形成記述エラーモードエラー 2. スキーマの活性化データ駆動エラー囚われエラー連想活性化エラー活性化喪失エラー 3. スキーマのトリガリング 4. ソフトウェア工学との関連正しいソフトウェアを計画的に作成しソフトウェアの生産性と品質の向上をはかるための理論と実践的な技術工学的な方法論や技法を体系化適用順序を間違ったトリガリングソフトウェアの開発工程 1. 要求分析 2. 設計 / 仕様化 3. コーディング 4. テストソフトウェアの開発モデルウォータフォールモデル成長モデルスパイラルモデルプロトタイプモデル 5. 運用保守 7

8 8 ウォーターフォールモデルシステム要求仕様ソフトウェア要求定義内部設計プログラミングテスト運用保守外部設計上流成長モデルモデル評価要求仕様実装要求変更スパイラルモデル目標決定分析分析プロトタイププロトタイプ要求定義開発計画検証制約条件付加設計検証テスト計画制約条件付加分析プロトタイプ実装テスト計画目標決定制約条件付加評価分析開発検証プロトタイプモデル要求仕様完成品試用プロトタイプ ( 試作品 )

1.1 ユーザーインターフェースとは 1.1 ユーザーインターフェースとはユーザーインターフェースの定義ユーザーインターフェースとは人間とコンピュータの間 1 で情報をやりとりするためのしくみのことですユーザーがコンピュータを操作するために必要な情報を入力しそのユーザーアクシ

第 1 章ユーザーインターフェース設計の概要 1.1 ユーザーインターフェースとは 1.2 ユーザビリティとアクセシビリティ 1.3 人間中心設計とはこの章のねらいこの章ではユーザーインターフェースの概要と人間中心設計の考え方を紹介します 1.1 ユーザーインターフェースとは 1.1 ユーザーインターフェースとは 1.1.1 ユーザーインターフェースの定義ユーザーインターフェースとは人間とコンピュータの間