SlideShare a Scribd company logo
1 of 18
Download to read offline
前のはなし
インタラクションデザインの
DMM.com labo Makoto Inoue
井上 誠
金沢美術工芸大学工芸科卒
DMM.comラボ 東京デザイン部マネージャー
人間中心設計専門家
「インタラクション」とは?
音声インターフェイス
なぁ
なんですか?
聞いてんのかコノヤロー
では踊ります
まーさかーりーかーついーだ
きーんたーろーおー
・・・なんだよ急に
ユーザーの利用文脈によっては問題ない
音声インターフェイスから見える
インタラクションの本質
交流 ふれあい やりとり 相互作用
Interaction
出典:三省堂 ウィズダム英和辞典
https://www.flickr.com/photos/greeblie/3338710223
インタラクション GUIの挙動
「会 話」
人類最古のインタラクション
心地良い会話
相手の状況を読み取り
話に耳を傾け、うなづき
次の話を引き出す
https://www.flickr.com/photos/20444618@N00/2224217746
https://www.flickr.com/photos/neccorp/14445634744
心地良いインタラクションデザイン
ユーザーの利用文脈を読み取り
やりたいことを理解しフィードバックを与え
次の行動を促す
意識されないインタラクションが理想
IoTが進んでアプリがディスプレイの中から
実生活の中へ飛び出してくる
http://robots.dmm.com/robot/bocco
GUIにとらわれない
ユーザーの利用文脈に沿った
より対話的なインタラクションが必要になる
インタラクションはユーザーとの対話
意識されないインタラクションを目指す
ユーザーの利用文脈を知る
まとめ
Thank You!

More Related Content

Viewers also liked

UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料Satoru MURAKOSHI
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのかMikihiro Fujii
 
フロント作業の効率化
フロント作業の効率化フロント作業の効率化
フロント作業の効率化Yuto Yoshinari
 
UI/UXじゃないUXの話 〜ボトムアップで始めるUX導入のススメ〜
UI/UXじゃないUXの話 〜ボトムアップで始めるUX導入のススメ〜UI/UXじゃないUXの話 〜ボトムアップで始めるUX導入のススメ〜
UI/UXじゃないUXの話 〜ボトムアップで始めるUX導入のススメ〜井上 誠
 
サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介
サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介
サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介Tetsuya Takeda
 
プロトタイピングで変わる開発プロセス 一休.comレストランの事例
プロトタイピングで変わる開発プロセス 一休.comレストランの事例プロトタイピングで変わる開発プロセス 一休.comレストランの事例
プロトタイピングで変わる開発プロセス 一休.comレストランの事例Tetsuya Takeda
 
恰好よいwebデザインの作り方
恰好よいwebデザインの作り方恰好よいwebデザインの作り方
恰好よいwebデザインの作り方井上 誠
 
Summary of Digital Information from Understanding Context
Summary of Digital Information from Understanding ContextSummary of Digital Information from Understanding Context
Summary of Digital Information from Understanding ContextRoy Kim
 
モバイルファーストで考える最新トレンドと アダプティブデザイン
モバイルファーストで考える最新トレンドと アダプティブデザインモバイルファーストで考える最新トレンドと アダプティブデザイン
モバイルファーストで考える最新トレンドと アダプティブデザインTakeshiro Kani
 
もっとコラボ! を図解してみた
もっとコラボ! を図解してみたもっとコラボ! を図解してみた
もっとコラボ! を図解してみたTakako Horiuchi
 
早く・良いものを作るための、WordPressサイト構築ワークフロー
早く・良いものを作るための、WordPressサイト構築ワークフロー早く・良いものを作るための、WordPressサイト構築ワークフロー
早く・良いものを作るための、WordPressサイト構築ワークフローTakako Horiuchi
 
分かりやすいUXデザインの紹介
分かりやすいUXデザインの紹介分かりやすいUXデザインの紹介
分かりやすいUXデザインの紹介Roy Kim
 
UXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUpUXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUpKazuki Yamashita
 
Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Roy Kim
 
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方Roy Kim
 
Githubのブランチ運用戦略
Githubのブランチ運用戦略Githubのブランチ運用戦略
Githubのブランチ運用戦略Roy Kim
 
企業向けUXデザイン導入のポイント
企業向けUXデザイン導入のポイント企業向けUXデザイン導入のポイント
企業向けUXデザイン導入のポイントRoy Kim
 
UX Design x Marketing Workshop - worksheet templates
UX Design x Marketing Workshop - worksheet templatesUX Design x Marketing Workshop - worksheet templates
UX Design x Marketing Workshop - worksheet templatesTetsuya Takeda
 
ライターさんと良い関係を築くには
ライターさんと良い関係を築くにはライターさんと良い関係を築くには
ライターさんと良い関係を築くにはKensuke Suzuki
 

Viewers also liked (20)

UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのか
 
フロント作業の効率化
フロント作業の効率化フロント作業の効率化
フロント作業の効率化
 
UI/UXなUXのお話
UI/UXなUXのお話 UI/UXなUXのお話
UI/UXなUXのお話
 
UI/UXじゃないUXの話 〜ボトムアップで始めるUX導入のススメ〜
UI/UXじゃないUXの話 〜ボトムアップで始めるUX導入のススメ〜UI/UXじゃないUXの話 〜ボトムアップで始めるUX導入のススメ〜
UI/UXじゃないUXの話 〜ボトムアップで始めるUX導入のススメ〜
 
サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介
サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介
サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介
 
プロトタイピングで変わる開発プロセス 一休.comレストランの事例
プロトタイピングで変わる開発プロセス 一休.comレストランの事例プロトタイピングで変わる開発プロセス 一休.comレストランの事例
プロトタイピングで変わる開発プロセス 一休.comレストランの事例
 
恰好よいwebデザインの作り方
恰好よいwebデザインの作り方恰好よいwebデザインの作り方
恰好よいwebデザインの作り方
 
Summary of Digital Information from Understanding Context
Summary of Digital Information from Understanding ContextSummary of Digital Information from Understanding Context
Summary of Digital Information from Understanding Context
 
モバイルファーストで考える最新トレンドと アダプティブデザイン
モバイルファーストで考える最新トレンドと アダプティブデザインモバイルファーストで考える最新トレンドと アダプティブデザイン
モバイルファーストで考える最新トレンドと アダプティブデザイン
 
もっとコラボ! を図解してみた
もっとコラボ! を図解してみたもっとコラボ! を図解してみた
もっとコラボ! を図解してみた
 
早く・良いものを作るための、WordPressサイト構築ワークフロー
早く・良いものを作るための、WordPressサイト構築ワークフロー早く・良いものを作るための、WordPressサイト構築ワークフロー
早く・良いものを作るための、WordPressサイト構築ワークフロー
 
分かりやすいUXデザインの紹介
分かりやすいUXデザインの紹介分かりやすいUXデザインの紹介
分かりやすいUXデザインの紹介
 
UXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUpUXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUp
 
Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法
 
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
Swiftで説明する「モナド」:Swiftにおける関数型プログラミングの使い方
 
Githubのブランチ運用戦略
Githubのブランチ運用戦略Githubのブランチ運用戦略
Githubのブランチ運用戦略
 
企業向けUXデザイン導入のポイント
企業向けUXデザイン導入のポイント企業向けUXデザイン導入のポイント
企業向けUXデザイン導入のポイント
 
UX Design x Marketing Workshop - worksheet templates
UX Design x Marketing Workshop - worksheet templatesUX Design x Marketing Workshop - worksheet templates
UX Design x Marketing Workshop - worksheet templates
 
ライターさんと良い関係を築くには
ライターさんと良い関係を築くにはライターさんと良い関係を築くには
ライターさんと良い関係を築くには
 

インタラクションデザインの前のはなし UX生トークvol.2