InteractionDesign
をテンプレートにして作成
LECTURE
担当科目一覧
デジタルプラットフォーム/2026
データサイエンス/2026
情報デザイン研究/2026
卒業研究/2026
3DCG演習/2026
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*インタラクションデザイン|IxD
//人とモノ、人と社会との「心地よいキャッチボール」を設計...
~
インタラクションデザインは、人間と機械・システムとの対話(...
インタラクションデザインという語は、イギリスのインダスト...
~
~
**UI/UX と IxD
関連する概念として UI/UX がありますが、これらの包含関係を...
~
***UXデザイン (User Experience Design)
体験全体の質の設計
-範囲:最も広く、製品の利用前・利用中・利用後すべてを含む
-焦点:ユーザーの「感情」や「満足度」
-評価:
--このサービスを使ってユーザーの悩みは解決したか?
--また使いたいと思ったか?
~
***UIデザイン (User Interface Design)
配色、フォント、アイコン配置、画面のレイアウトなどの静的...
-範囲:ユーザーが直接触れる「接点(インターフェース)」に...
-焦点:「視覚的要素」や「情報の整理」
-評価:
--ボタンは押しやすい位置にあるか?
--文字は読みやすいか?
--ブランドの雰囲気は伝わっているか?
~
***インタラクションデザイン (Interaction Design / IxD)
スワイプした時のアニメーション、エラー時のポップアップの...
-範囲:UIとUXの橋渡しをする「動き」や「対話」の部分です。
-焦点:「時間軸に沿った振る舞い」と「フィードバック」。
-評価:
--ボタンを押したときにどう動くか?
--読み込み中(待機時)にどう見せるか?
--ユーザーの操作に対して、システムはどう反応を返すか?
-インタラクションデザイン4つのレベル
--直感的に理解可能なインターフェース
モノ自体とユーザ間のアフォーダンスによる
--使っているうちに自然に学習できるインターフェイス
アクションに対するリアクション(因果関係)が明瞭であるこ...
--表記の支援によって理解できるインターフェイス
操作手順の表記など、補足情報が必要なレベル
--マニュアルなど操作説明が必要なインターフェイス
パソコンなどのように、マニュアルと概念理解が必要なレベル
~
~
**オブジェクト指向ユーザーインターフェイス
> ページを独立させました __[[OOUI]]__
//***デザインプロセス
//-調査(参与観察・インタビュー)
//-コンセプト・プロファイルの生成
//-プロトタイプの作成
//-ユーザーテスト
//-実装・検証
//-システムテスト
~
~
**KEYWORD LINKS
***法則
-[[テスラの複雑性保存の法則>Google:テスラの複雑性保存の法...
-[[ヒックの法則>Google:ヒックの法則]]
-[[フィッツの法則>Google:フィッツの法則]]
-[[マジカルナンバー7±2>Google:Magical Number 7]]
--[[マジカルナンバー4>Google:Magical Number 4]]
-[[ムーアの法則>Google:ムーアの法則]]
~
***関連キーワード
-[[INTERACTION-DESIGN.ORG | Encyclopedia>http://www.inte...
-[[アフォーダンス>Google:アフォーダンス]]
--[[アフォーダンス>http://www.isis.ne.jp/mnn/senya/senya1...
-[[マッピング>http://www.interactiondesignblog.com/2008/0...
-[[メンタルモデル>Google:メンタルモデル]]
-[[メタファー>Google:メタファー]]
-[[ルック&フィール>http://ja.wikipedia.org/wiki/%E3%83%A...
~
~
**参考図書
-誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知...
ドナルド・A. ノーマン (著), 野島 久雄 (翻訳), D.A. ノーマ...
-インタラクションデザインの教科書 (DESIGN IT! BOOKS)
Dan Saffer (著), 吉岡 いずみ (翻訳), ソシオメディア株式会...
-クロフォードのインタラクティブデザイン論
クリス・クロフォード(安村通晃 監訳)
~
~
~
終了行:
*インタラクションデザイン|IxD
//人とモノ、人と社会との「心地よいキャッチボール」を設計...
~
インタラクションデザインは、人間と機械・システムとの対話(...
インタラクションデザインという語は、イギリスのインダスト...
~
~
**UI/UX と IxD
関連する概念として UI/UX がありますが、これらの包含関係を...
~
***UXデザイン (User Experience Design)
体験全体の質の設計
-範囲:最も広く、製品の利用前・利用中・利用後すべてを含む
-焦点:ユーザーの「感情」や「満足度」
-評価:
--このサービスを使ってユーザーの悩みは解決したか?
--また使いたいと思ったか?
~
***UIデザイン (User Interface Design)
配色、フォント、アイコン配置、画面のレイアウトなどの静的...
-範囲:ユーザーが直接触れる「接点(インターフェース)」に...
-焦点:「視覚的要素」や「情報の整理」
-評価:
--ボタンは押しやすい位置にあるか?
--文字は読みやすいか?
--ブランドの雰囲気は伝わっているか?
~
***インタラクションデザイン (Interaction Design / IxD)
スワイプした時のアニメーション、エラー時のポップアップの...
-範囲:UIとUXの橋渡しをする「動き」や「対話」の部分です。
-焦点:「時間軸に沿った振る舞い」と「フィードバック」。
-評価:
--ボタンを押したときにどう動くか?
--読み込み中(待機時)にどう見せるか?
--ユーザーの操作に対して、システムはどう反応を返すか?
-インタラクションデザイン4つのレベル
--直感的に理解可能なインターフェース
モノ自体とユーザ間のアフォーダンスによる
--使っているうちに自然に学習できるインターフェイス
アクションに対するリアクション(因果関係)が明瞭であるこ...
--表記の支援によって理解できるインターフェイス
操作手順の表記など、補足情報が必要なレベル
--マニュアルなど操作説明が必要なインターフェイス
パソコンなどのように、マニュアルと概念理解が必要なレベル
~
~
**オブジェクト指向ユーザーインターフェイス
> ページを独立させました __[[OOUI]]__
//***デザインプロセス
//-調査(参与観察・インタビュー)
//-コンセプト・プロファイルの生成
//-プロトタイプの作成
//-ユーザーテスト
//-実装・検証
//-システムテスト
~
~
**KEYWORD LINKS
***法則
-[[テスラの複雑性保存の法則>Google:テスラの複雑性保存の法...
-[[ヒックの法則>Google:ヒックの法則]]
-[[フィッツの法則>Google:フィッツの法則]]
-[[マジカルナンバー7±2>Google:Magical Number 7]]
--[[マジカルナンバー4>Google:Magical Number 4]]
-[[ムーアの法則>Google:ムーアの法則]]
~
***関連キーワード
-[[INTERACTION-DESIGN.ORG | Encyclopedia>http://www.inte...
-[[アフォーダンス>Google:アフォーダンス]]
--[[アフォーダンス>http://www.isis.ne.jp/mnn/senya/senya1...
-[[マッピング>http://www.interactiondesignblog.com/2008/0...
-[[メンタルモデル>Google:メンタルモデル]]
-[[メタファー>Google:メタファー]]
-[[ルック&フィール>http://ja.wikipedia.org/wiki/%E3%83%A...
~
~
**参考図書
-誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知...
ドナルド・A. ノーマン (著), 野島 久雄 (翻訳), D.A. ノーマ...
-インタラクションデザインの教科書 (DESIGN IT! BOOKS)
Dan Saffer (著), 吉岡 いずみ (翻訳), ソシオメディア株式会...
-クロフォードのインタラクティブデザイン論
クリス・クロフォード(安村通晃 監訳)
~
~
~
ページ名: