SlideShare uma empresa Scribd logo
1 de 48
長谷川恭久スクー オンライン講座 2013年6月10日
ハ セ ガ ワ ヤ ス ヒ サ
yhassy
1 なぜゲームに注目しなければならないのか
2 Web & アプリデザインへの適応事例
3 ゲームから学べるデザインのあるべき姿
最近ゲームしていますか?
ゲーム機は何ですか?
どこでゲームしていますか?
http://www.theesa.com/facts/pdfs/ESA_EF_2012.pdf
30 ゲーマーの平均年齢
47% 女性の割合
62% 誰かと一緒にゲームする
33% スマートフォンでゲーム
http://onforb.es/19ewFYT
6,210,000,000,0002012
by Hans Splinter
by Ted Eytan
ビジュアル システム インターフェイス
複雑でもいつの間にか遊べる
同じことばかりしていても続けられる
説明書がないのに遊べる
EXPERIENTIAL LEARNING体験学習
David A. Kolb
実体験を基に知識を得るプロセス
失敗や模索を通して学ぶ
個々の学習スピードを尊重
手を動かしたり、実物を観察する
報酬・成果
短期ゴール & 長期ゴール
早いフィードバック
スキルの視覚化
人がWebサイトを去る理由
何をしたら良いのか分からない
初期画面が明確ではない
今何処にいるか分からない
どこから始めていいか分からない
読み難い・見難い
求めている情報が見当たらない
Usability
使いやすさ・学びやすさ
http://www.youtube.com/watch?v=JvQcabZ1zrk
体験学習をWeb・アプリに適応
by JD Hancock
明確であること 間違いを許す仕組み
BE
OBVIOUS
なぜこうなったのかを示しているか
次のステップが明確かどうか
利用者が理解できる言葉が使われているか
素早く、分かりやすく表示しているか
ERRORS
MISTAKES
AND
間違い・エラーを罰していないか
簡単にもとに戻れる導線はあるか
不安を解消する処置がなされているか
ゲーム的な仕組み ゲームプレイ
ゲーム的な仕組み ゲームプレイ
デザイン コンテンツ
デザイン コンテンツ
デザイン コンテンツ
1 ゲームは体験学習の最高峰
2 利用シーンを思い浮かべて的確な処置を行う
3 コンテンツを補助するためにデザインがある
Webサイト / アプリを使い続ける理由は?
遊び続けているゲームがある?
楽しい・面白いの「なぜ」を見つけ出す
mail@yasuhisa.com
@yhassy
長谷川恭久
yasuhisa.com/could
THANK YOU!

Mais conteúdo relacionado

Mais procurados

NASAゲームオンライン
NASAゲームオンラインNASAゲームオンライン
NASAゲームオンラインJun Chiba
 
砂漠からの脱出ゲームオンライン
砂漠からの脱出ゲームオンライン砂漠からの脱出ゲームオンライン
砂漠からの脱出ゲームオンラインJun Chiba
 
野球のポジション当てゲームオンライン
野球のポジション当てゲームオンライン野球のポジション当てゲームオンライン
野球のポジション当てゲームオンラインJun Chiba
 
砂漠からの脱出オンライン
砂漠からの脱出オンライン砂漠からの脱出オンライン
砂漠からの脱出オンラインJun Chiba
 
ネコたたきゲーム
ネコたたきゲームネコたたきゲーム
ネコたたきゲームAlly Mukai
 
Scratch Day2017 CoderDojoFujisawa
Scratch Day2017 CoderDojoFujisawa Scratch Day2017 CoderDojoFujisawa
Scratch Day2017 CoderDojoFujisawa Ally Mukai
 
2011 0707taikenkai fukuyama
2011 0707taikenkai fukuyama2011 0707taikenkai fukuyama
2011 0707taikenkai fukuyamaYuki Fukuyama
 

Mais procurados (8)

news league
news leaguenews league
news league
 
NASAゲームオンライン
NASAゲームオンラインNASAゲームオンライン
NASAゲームオンライン
 
砂漠からの脱出ゲームオンライン
砂漠からの脱出ゲームオンライン砂漠からの脱出ゲームオンライン
砂漠からの脱出ゲームオンライン
 
野球のポジション当てゲームオンライン
野球のポジション当てゲームオンライン野球のポジション当てゲームオンライン
野球のポジション当てゲームオンライン
 
砂漠からの脱出オンライン
砂漠からの脱出オンライン砂漠からの脱出オンライン
砂漠からの脱出オンライン
 
ネコたたきゲーム
ネコたたきゲームネコたたきゲーム
ネコたたきゲーム
 
Scratch Day2017 CoderDojoFujisawa
Scratch Day2017 CoderDojoFujisawa Scratch Day2017 CoderDojoFujisawa
Scratch Day2017 CoderDojoFujisawa
 
2011 0707taikenkai fukuyama
2011 0707taikenkai fukuyama2011 0707taikenkai fukuyama
2011 0707taikenkai fukuyama
 

Destaque

デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザインMasayuki Uetani
 
やりなおせる Git 入門
やりなおせる Git 入門やりなおせる Git 入門
やりなおせる Git 入門Tomohiko Himura
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜Takashi Uemura
 
デザイナのためのGit入門
デザイナのためのGit入門デザイナのためのGit入門
デザイナのためのGit入門dsuke Takaoka
 
こわくない Git
こわくない Gitこわくない Git
こわくない GitKota Saito
 

Destaque (6)

デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザイン
 
HTTP入門
HTTP入門HTTP入門
HTTP入門
 
やりなおせる Git 入門
やりなおせる Git 入門やりなおせる Git 入門
やりなおせる Git 入門
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
 
デザイナのためのGit入門
デザイナのためのGit入門デザイナのためのGit入門
デザイナのためのGit入門
 
こわくない Git
こわくない Gitこわくない Git
こわくない Git
 

Semelhante a ゲームから学ぶデザイン思考術

20161016 体験型研修セミナー
20161016 体験型研修セミナー20161016 体験型研修セミナー
20161016 体験型研修セミナーJun Chiba
 
なぜIT企業はエスノグラファーを雇ったのか?
なぜIT企業はエスノグラファーを雇ったのか?なぜIT企業はエスノグラファーを雇ったのか?
なぜIT企業はエスノグラファーを雇ったのか?Kohei Sugiyama
 
Unity講座資料 共通
Unity講座資料 共通Unity講座資料 共通
Unity講座資料 共通Mattun
 
教育向けプログラミング環境 Scratchのご紹介
教育向けプログラミング環境 Scratchのご紹介教育向けプログラミング環境 Scratchのご紹介
教育向けプログラミング環境 Scratchのご紹介高見 知英
 
2015年JSET全国大会 SIG-05 トークセッションスライド
2015年JSET全国大会 SIG-05 トークセッションスライド2015年JSET全国大会 SIG-05 トークセッションスライド
2015年JSET全国大会 SIG-05 トークセッションスライドKatsusuke Shigeta
 
エンジニアのための格ゲー入門
エンジニアのための格ゲー入門エンジニアのための格ゲー入門
エンジニアのための格ゲー入門ダメ人間
 
プログラミング生放送20160213
プログラミング生放送20160213プログラミング生放送20160213
プログラミング生放送20160213雅希 森
 
「宴」まとめ(2016年7月23UniBoookLT大会)
「宴」まとめ(2016年7月23UniBoookLT大会)「宴」まとめ(2016年7月23UniBoookLT大会)
「宴」まとめ(2016年7月23UniBoookLT大会)Ryohei Tokimura
 
Unity勉強会 / ライトニングトーク - ゲーム開発書籍紹介
Unity勉強会 / ライトニングトーク - ゲーム開発書籍紹介Unity勉強会 / ライトニングトーク - ゲーム開発書籍紹介
Unity勉強会 / ライトニングトーク - ゲーム開発書籍紹介Ryo Yamamoto
 
AI時代に個人で爆速でゲームを作る方法。短期間でゲームを挫折せずに完成させるノウハウをまとめたサイトを作りました。
AI時代に個人で爆速でゲームを作る方法。短期間でゲームを挫折せずに完成させるノウハウをまとめたサイトを作りました。AI時代に個人で爆速でゲームを作る方法。短期間でゲームを挫折せずに完成させるノウハウをまとめたサイトを作りました。
AI時代に個人で爆速でゲームを作る方法。短期間でゲームを挫折せずに完成させるノウハウをまとめたサイトを作りました。iq11084949
 
CVCK 2016 発表資料 / おしゃべりプログラミング 代表 中村圭介
CVCK 2016 発表資料 / おしゃべりプログラミング 代表 中村圭介CVCK 2016 発表資料 / おしゃべりプログラミング 代表 中村圭介
CVCK 2016 発表資料 / おしゃべりプログラミング 代表 中村圭介Keisuke NAKAMURA
 
はじめてのプログラミング教室(Scratch)
はじめてのプログラミング教室(Scratch)はじめてのプログラミング教室(Scratch)
はじめてのプログラミング教室(Scratch)Akinori Shibuya
 
Tentoってなんだろう
TentoってなんだろうTentoってなんだろう
TentoってなんだろうShinichi Kusano
 

Semelhante a ゲームから学ぶデザイン思考術 (15)

20161016 体験型研修セミナー
20161016 体験型研修セミナー20161016 体験型研修セミナー
20161016 体験型研修セミナー
 
なぜIT企業はエスノグラファーを雇ったのか?
なぜIT企業はエスノグラファーを雇ったのか?なぜIT企業はエスノグラファーを雇ったのか?
なぜIT企業はエスノグラファーを雇ったのか?
 
Unity講座資料 共通
Unity講座資料 共通Unity講座資料 共通
Unity講座資料 共通
 
教育向けプログラミング環境 Scratchのご紹介
教育向けプログラミング環境 Scratchのご紹介教育向けプログラミング環境 Scratchのご紹介
教育向けプログラミング環境 Scratchのご紹介
 
2015年JSET全国大会 SIG-05 トークセッションスライド
2015年JSET全国大会 SIG-05 トークセッションスライド2015年JSET全国大会 SIG-05 トークセッションスライド
2015年JSET全国大会 SIG-05 トークセッションスライド
 
エンジニアのための格ゲー入門
エンジニアのための格ゲー入門エンジニアのための格ゲー入門
エンジニアのための格ゲー入門
 
プログラミング生放送20160213
プログラミング生放送20160213プログラミング生放送20160213
プログラミング生放送20160213
 
「宴」まとめ(2016年7月23UniBoookLT大会)
「宴」まとめ(2016年7月23UniBoookLT大会)「宴」まとめ(2016年7月23UniBoookLT大会)
「宴」まとめ(2016年7月23UniBoookLT大会)
 
Jasag2012
Jasag2012Jasag2012
Jasag2012
 
Unity勉強会 / ライトニングトーク - ゲーム開発書籍紹介
Unity勉強会 / ライトニングトーク - ゲーム開発書籍紹介Unity勉強会 / ライトニングトーク - ゲーム開発書籍紹介
Unity勉強会 / ライトニングトーク - ゲーム開発書籍紹介
 
AI時代に個人で爆速でゲームを作る方法。短期間でゲームを挫折せずに完成させるノウハウをまとめたサイトを作りました。
AI時代に個人で爆速でゲームを作る方法。短期間でゲームを挫折せずに完成させるノウハウをまとめたサイトを作りました。AI時代に個人で爆速でゲームを作る方法。短期間でゲームを挫折せずに完成させるノウハウをまとめたサイトを作りました。
AI時代に個人で爆速でゲームを作る方法。短期間でゲームを挫折せずに完成させるノウハウをまとめたサイトを作りました。
 
CVCK 2016 発表資料 / おしゃべりプログラミング 代表 中村圭介
CVCK 2016 発表資料 / おしゃべりプログラミング 代表 中村圭介CVCK 2016 発表資料 / おしゃべりプログラミング 代表 中村圭介
CVCK 2016 発表資料 / おしゃべりプログラミング 代表 中村圭介
 
Powerofgame140902koukai
Powerofgame140902koukaiPowerofgame140902koukai
Powerofgame140902koukai
 
はじめてのプログラミング教室(Scratch)
はじめてのプログラミング教室(Scratch)はじめてのプログラミング教室(Scratch)
はじめてのプログラミング教室(Scratch)
 
Tentoってなんだろう
TentoってなんだろうTentoってなんだろう
Tentoってなんだろう
 

Mais de Yasuhisa Hasegawa

作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編Yasuhisa Hasegawa
 
SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作Yasuhisa Hasegawa
 
あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法Yasuhisa Hasegawa
 
データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法Yasuhisa Hasegawa
 
再入門ペーパープロトタイピング
再入門ペーパープロトタイピング再入門ペーパープロトタイピング
再入門ペーパープロトタイピングYasuhisa Hasegawa
 
課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方Yasuhisa Hasegawa
 
Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法Yasuhisa Hasegawa
 
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセスYasuhisa Hasegawa
 
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ Yasuhisa Hasegawa
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方Yasuhisa Hasegawa
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Yasuhisa Hasegawa
 
センスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることセンスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることYasuhisa Hasegawa
 
マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計Yasuhisa Hasegawa
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方Yasuhisa Hasegawa
 
スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法Yasuhisa Hasegawa
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Yasuhisa Hasegawa
 
6から始まる Movable Type の旅
6から始まる Movable Type の旅6から始まる Movable Type の旅
6から始まる Movable Type の旅Yasuhisa Hasegawa
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考Yasuhisa Hasegawa
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Yasuhisa Hasegawa
 
今だからデザインできるMTの未来
今だからデザインできるMTの未来今だからデザインできるMTの未来
今だからデザインできるMTの未来Yasuhisa Hasegawa
 

Mais de Yasuhisa Hasegawa (20)

作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編
 
SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作SVGをつかったプロトタイプ制作
SVGをつかったプロトタイプ制作
 
あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法
 
データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法
 
再入門ペーパープロトタイピング
再入門ペーパープロトタイピング再入門ペーパープロトタイピング
再入門ペーパープロトタイピング
 
課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方
 
Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法Webのスーパーヒーローになる方法
Webのスーパーヒーローになる方法
 
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
 
デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査
 
センスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることセンスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすること
 
マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方
 
スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩
 
6から始まる Movable Type の旅
6から始まる Movable Type の旅6から始まる Movable Type の旅
6から始まる Movable Type の旅
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法
 
今だからデザインできるMTの未来
今だからデザインできるMTの未来今だからデザインできるMTの未来
今だからデザインできるMTの未来
 

ゲームから学ぶデザイン思考術