SlideShare a Scribd company logo
1 of 43
長谷川恭久スクー オンライン講座 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
使いやすさ・学びやすさ
ゲーム的な体験学習をWeb・アプリに適応
by JD Hancock
明確であること 間違いを許す仕組み
BE
OBVIOUS
なぜこうなったのかを示しているか
次のステップが明確かどうか
利用者が理解できる言葉が使われているか
素早く、分かりやすく表示しているか
ERRORS
MISTAKES
AND
間違い・エラーを罰していないか
簡単にもとに戻れる導線はあるか
不安を解消する処置がなされているか
ゲーム的な仕組み ゲームプレイ
デザイン コンテンツ
デザイン コンテンツ
1 ゲームは体験学習の最高峰
2 利用シーンを思い浮かべて的確な処置を行う
3 コンテンツを補助するためにデザインがある
mail@yasuhisa.com
@yhassy
長谷川恭久
yasuhisa.com/could
THANK YOU!

More Related Content

What's hot

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
 

What's hot (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
 

Viewers also liked

レゴシリアスプレイ研修 Lego serious play
レゴシリアスプレイ研修 Lego serious playレゴシリアスプレイ研修 Lego serious play
レゴシリアスプレイ研修 Lego serious playJun Chiba
 
グループワーク向け脱出ゲーム「緊急出動」
グループワーク向け脱出ゲーム「緊急出動」グループワーク向け脱出ゲーム「緊急出動」
グループワーク向け脱出ゲーム「緊急出動」Jun Chiba
 
コミュニケーションゲーム「野球のポジション当てゲーム」
コミュニケーションゲーム「野球のポジション当てゲーム」コミュニケーションゲーム「野球のポジション当てゲーム」
コミュニケーションゲーム「野球のポジション当てゲーム」Jun Chiba
 
NASAゲーム(コンセンサスゲーム)
NASAゲーム(コンセンサスゲーム)NASAゲーム(コンセンサスゲーム)
NASAゲーム(コンセンサスゲーム)Jun Chiba
 
研修で使えるマシュマロチャレンジの運営スライド
研修で使えるマシュマロチャレンジの運営スライド研修で使えるマシュマロチャレンジの運営スライド
研修で使えるマシュマロチャレンジの運営スライドJun Chiba
 
ビジネスマナー研修 マナーファイト
ビジネスマナー研修 マナーファイトビジネスマナー研修 マナーファイト
ビジネスマナー研修 マナーファイトJun Chiba
 

Viewers also liked (6)

レゴシリアスプレイ研修 Lego serious play
レゴシリアスプレイ研修 Lego serious playレゴシリアスプレイ研修 Lego serious play
レゴシリアスプレイ研修 Lego serious play
 
グループワーク向け脱出ゲーム「緊急出動」
グループワーク向け脱出ゲーム「緊急出動」グループワーク向け脱出ゲーム「緊急出動」
グループワーク向け脱出ゲーム「緊急出動」
 
コミュニケーションゲーム「野球のポジション当てゲーム」
コミュニケーションゲーム「野球のポジション当てゲーム」コミュニケーションゲーム「野球のポジション当てゲーム」
コミュニケーションゲーム「野球のポジション当てゲーム」
 
NASAゲーム(コンセンサスゲーム)
NASAゲーム(コンセンサスゲーム)NASAゲーム(コンセンサスゲーム)
NASAゲーム(コンセンサスゲーム)
 
研修で使えるマシュマロチャレンジの運営スライド
研修で使えるマシュマロチャレンジの運営スライド研修で使えるマシュマロチャレンジの運営スライド
研修で使えるマシュマロチャレンジの運営スライド
 
ビジネスマナー研修 マナーファイト
ビジネスマナー研修 マナーファイトビジネスマナー研修 マナーファイト
ビジネスマナー研修 マナーファイト
 

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

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
 

Similar to ゲームから学ぶデザイン思考術 (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ってなんだろう
 

More from webcampusschoo

再放送キャンペーン0103
再放送キャンペーン0103再放送キャンペーン0103
再放送キャンペーン0103webcampusschoo
 
再放送キャンペーン 1231
再放送キャンペーン 1231再放送キャンペーン 1231
再放送キャンペーン 1231webcampusschoo
 
再放送キャンペーン 123
再放送キャンペーン 123 再放送キャンペーン 123
再放送キャンペーン 123 webcampusschoo
 
再放送キャンペーン 1229
再放送キャンペーン 1229再放送キャンペーン 1229
再放送キャンペーン 1229webcampusschoo
 
再放送キャンペーン1228
再放送キャンペーン1228再放送キャンペーン1228
再放送キャンペーン1228webcampusschoo
 
再放送キャンペーン1227
再放送キャンペーン1227再放送キャンペーン1227
再放送キャンペーン1227webcampusschoo
 
再放送キャンペーン1225
再放送キャンペーン1225再放送キャンペーン1225
再放送キャンペーン1225webcampusschoo
 
再放送キャンペーン1224
再放送キャンペーン1224再放送キャンペーン1224
再放送キャンペーン1224webcampusschoo
 
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!webcampusschoo
 
これからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメントこれからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメントwebcampusschoo
 
ホームルーム12月_2
ホームルーム12月_2ホームルーム12月_2
ホームルーム12月_2webcampusschoo
 
schoo WEB-campus ホームルーム12月
schoo WEB-campus ホームルーム12月schoo WEB-campus ホームルーム12月
schoo WEB-campus ホームルーム12月webcampusschoo
 
デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門webcampusschoo
 
表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使いwebcampusschoo
 
1119 高倉さま fixfix
1119 高倉さま fixfix1119 高倉さま fixfix
1119 高倉さま fixfixwebcampusschoo
 
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析webcampusschoo
 
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶカフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶwebcampusschoo
 

More from webcampusschoo (20)

再放送キャンペーン0103
再放送キャンペーン0103再放送キャンペーン0103
再放送キャンペーン0103
 
再放送キャンペーン 1231
再放送キャンペーン 1231再放送キャンペーン 1231
再放送キャンペーン 1231
 
再放送キャンペーン 123
再放送キャンペーン 123 再放送キャンペーン 123
再放送キャンペーン 123
 
再放送キャンペーン 1229
再放送キャンペーン 1229再放送キャンペーン 1229
再放送キャンペーン 1229
 
再放送キャンペーン1228
再放送キャンペーン1228再放送キャンペーン1228
再放送キャンペーン1228
 
再放送キャンペーン1227
再放送キャンペーン1227再放送キャンペーン1227
再放送キャンペーン1227
 
1226
12261226
1226
 
1226
12261226
1226
 
再放送キャンペーン1225
再放送キャンペーン1225再放送キャンペーン1225
再放送キャンペーン1225
 
再放送キャンペーン1224
再放送キャンペーン1224再放送キャンペーン1224
再放送キャンペーン1224
 
1223 再放送
1223 再放送1223 再放送
1223 再放送
 
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
 
これからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメントこれからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメント
 
ホームルーム12月_2
ホームルーム12月_2ホームルーム12月_2
ホームルーム12月_2
 
schoo WEB-campus ホームルーム12月
schoo WEB-campus ホームルーム12月schoo WEB-campus ホームルーム12月
schoo WEB-campus ホームルーム12月
 
デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門
 
表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い
 
1119 高倉さま fixfix
1119 高倉さま fixfix1119 高倉さま fixfix
1119 高倉さま fixfix
 
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析
 
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶカフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
 

Recently uploaded

20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdfssuser80a51f
 
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)KayaSuetake1
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipYasuyoshi Minehisa
 
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ 株式会社
 
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfmasakisaito12
 
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチUP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチユニパー株式会社
 

Recently uploaded (6)

20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf
 
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
 
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
 
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
 
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチUP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
 

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