InteractionDesign をテンプレートにして作成

開始行:
*インタラクションデザイン｜IxD //人とモノ、人と社会との「心地よいキャッチボール」を設計... ~ インタラクションデザインは、人間と機械・システムとの対話(... インタラクションデザインという語は、イギリスのインダスト... ~ ~ **UI/UX と IxD 関連する概念として UI/UX がありますが、これらの包含関係を... ~ ***UXデザイン (User Experience Design) 体験全体の質の設計 -範囲：最も広く、製品の利用前・利用中・利用後すべてを含む -焦点：ユーザーの「感情」や「満足度」 -評価： --このサービスを使ってユーザーの悩みは解決したか？ --また使いたいと思ったか？ ~ ***UIデザイン (User Interface Design) 配色、フォント、アイコン配置、画面のレイアウトなどの静的... -範囲：ユーザーが直接触れる「接点（インターフェース）」に... -焦点：「視覚的要素」や「情報の整理」 -評価： --ボタンは押しやすい位置にあるか？ --文字は読みやすいか？ --ブランドの雰囲気は伝わっているか？ ~ ***インタラクションデザイン (Interaction Design / IxD) スワイプした時のアニメーション、エラー時のポップアップの... -範囲：UIとUXの橋渡しをする「動き」や「対話」の部分です。 -焦点：「時間軸に沿った振る舞い」と「フィードバック」。 -評価： --ボタンを押したときにどう動くか？ --読み込み中（待機時）にどう見せるか？ --ユーザーの操作に対して、システムはどう反応を返すか？ -インタラクションデザイン４つのレベル --直感的に理解可能なインターフェース モノ自体とユーザ間のアフォーダンスによる --使っているうちに自然に学習できるインターフェイス アクションに対するリアクション（因果関係）が明瞭であるこ... --表記の支援によって理解できるインターフェイス 操作手順の表記など、補足情報が必要なレベル --マニュアルなど操作説明が必要なインターフェイス パソコンなどのように、マニュアルと概念理解が必要なレベル　 ~ ~ **__[[オブジェクト指向>ObjectOrientedProgramming]]__とタ... 使いにくい製品・・の最大の理由は、ユーザー視点ではなく、... ~ ***オブジェクト指向 ユーザーに対して対象（オブジェクト）が開示されています。... アナログの道具の大半は基本このタイプで、見て触ってみれば... ~ ***タスク指向 ユーザーに対して対象は開示されておらず、システムがどんな... デジタル家電の多くが、このタイプに陥っています。ボタンの... ~ ***見た目の良し悪しの問題ではなく、根本的な設計思想の問題 プロプライエタリなものは、メーカー視点で設計されたタスク... その点、オープンソースはユーザー視点で設計されたオブジェ... ~ ***オブジェクト指向とタスク指向の事例比較 -オブジェクト指向（名詞→動詞：操作する対象からスタート） --''商品''を選ぶ ＞ お金を入れる / ICカードをタッチ ＞ ・... &small(キャンセルの場合、そのまま立ち去ればよい。); --連絡したい''相手''を選ぶ ＞ 電話する / メールする ＞ --画面上の''ファイル''を右クリック ＞ コンテキストメニュ... &small(パソコン・スマホの GUI は、基本的にオブジェクト指... -タスク指向（動詞→名詞：操作対象は事後に登場） --お金を入れる ＞ ''商品''を選ぶ ＞ ・・（旧自販機） &small(キャンセルの場合、「返却」操作をする必要がある。); --受話器を取る ＞ 連絡したい''相手''の電話番号をプッシュ... --ログインする ＞ 必要項目を入力する ＞「次へ」を押して進む ~ ***付記：パソコンとテレビの比較 テレビやレコーダーという家電製品は、GUIではなく、リモコン... 一方で、最近のスマートテレビのUI（NetflixやYouTubeのアプ... -サムネイルの並び： まず見たい「作品（オブジェクト）」が並び、それを選んでか... -ポインティングリモコン： LGのマジックリモコンのように、画面を直接指せるデバイスの... 「まずボタンを探す（タスク指向）」というテレビの操作系は... ~ ~ **オブジェクト指向ユーザーインターフェイス オブジェクト指向ユーザーインターフェイス（OOUI：Object-Or... ~ ***オブジェクト指向ユーザーインターフェイスの原則 -オブジェクトを知覚することができ、直接それを操作すること... - オブジェクトは自身のプロパティ（属性・状態情報）をもっ... &small(例えば、今選択されいてるファイル（オブジェクト）が... -オブジェクトは自身に対するメソッド（操作機能）をもつ -接触の順序は、オブジェクトの選択 ＞ 操作の選択 -すべてのオブジェクトが自律分散的に協調する仕組みをもつ ~ ~ //***デザインプロセス //-調査（参与観察・インタビュー） //-コンセプト・プロファイルの生成 //-プロトタイプの作成 //-ユーザーテスト //-実装・検証 //-システムテスト ~ ~ **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の橋渡しをする「動き」や「対話」の部分です。 -焦点：「時間軸に沿った振る舞い」と「フィードバック」。 -評価： --ボタンを押したときにどう動くか？ --読み込み中（待機時）にどう見せるか？ --ユーザーの操作に対して、システムはどう反応を返すか？ -インタラクションデザイン４つのレベル --直感的に理解可能なインターフェース モノ自体とユーザ間のアフォーダンスによる --使っているうちに自然に学習できるインターフェイス アクションに対するリアクション（因果関係）が明瞭であるこ... --表記の支援によって理解できるインターフェイス 操作手順の表記など、補足情報が必要なレベル --マニュアルなど操作説明が必要なインターフェイス パソコンなどのように、マニュアルと概念理解が必要なレベル　 ~ ~ **__[[オブジェクト指向>ObjectOrientedProgramming]]__とタ... 使いにくい製品・・の最大の理由は、ユーザー視点ではなく、... ~ ***オブジェクト指向 ユーザーに対して対象（オブジェクト）が開示されています。... アナログの道具の大半は基本このタイプで、見て触ってみれば... ~ ***タスク指向 ユーザーに対して対象は開示されておらず、システムがどんな... デジタル家電の多くが、このタイプに陥っています。ボタンの... ~ ***見た目の良し悪しの問題ではなく、根本的な設計思想の問題 プロプライエタリなものは、メーカー視点で設計されたタスク... その点、オープンソースはユーザー視点で設計されたオブジェ... ~ ***オブジェクト指向とタスク指向の事例比較 -オブジェクト指向（名詞→動詞：操作する対象からスタート） --''商品''を選ぶ ＞ お金を入れる / ICカードをタッチ ＞ ・... &small(キャンセルの場合、そのまま立ち去ればよい。); --連絡したい''相手''を選ぶ ＞ 電話する / メールする ＞ --画面上の''ファイル''を右クリック ＞ コンテキストメニュ... &small(パソコン・スマホの GUI は、基本的にオブジェクト指... -タスク指向（動詞→名詞：操作対象は事後に登場） --お金を入れる ＞ ''商品''を選ぶ ＞ ・・（旧自販機） &small(キャンセルの場合、「返却」操作をする必要がある。); --受話器を取る ＞ 連絡したい''相手''の電話番号をプッシュ... --ログインする ＞ 必要項目を入力する ＞「次へ」を押して進む ~ ***付記：パソコンとテレビの比較 テレビやレコーダーという家電製品は、GUIではなく、リモコン... 一方で、最近のスマートテレビのUI（NetflixやYouTubeのアプ... -サムネイルの並び： まず見たい「作品（オブジェクト）」が並び、それを選んでか... -ポインティングリモコン： LGのマジックリモコンのように、画面を直接指せるデバイスの... 「まずボタンを探す（タスク指向）」というテレビの操作系は... ~ ~ **オブジェクト指向ユーザーインターフェイス オブジェクト指向ユーザーインターフェイス（OOUI：Object-Or... ~ ***オブジェクト指向ユーザーインターフェイスの原則 -オブジェクトを知覚することができ、直接それを操作すること... - オブジェクトは自身のプロパティ（属性・状態情報）をもっ... &small(例えば、今選択されいてるファイル（オブジェクト）が... -オブジェクトは自身に対するメソッド（操作機能）をもつ -接触の順序は、オブジェクトの選択 ＞ 操作の選択 -すべてのオブジェクトが自律分散的に協調する仕組みをもつ ~ ~ //***デザインプロセス //-調査（参与観察・インタビュー） //-コンセプト・プロファイルの生成 //-プロトタイプの作成 //-ユーザーテスト //-実装・検証 //-システムテスト ~ ~ **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 (著), 吉岡 いずみ (翻訳), ソシオメディア株式会... -クロフォードのインタラクティブデザイン論 クリス・クロフォード（安村通晃　監訳） ~ ~ ~

ページ名: