SlideShare uma empresa Scribd logo
1 de 63
HUMAN CENTERED
                GAME DESIGN
                      人間中心遊戯設計




Android Bazaar and Conference 2012 Spring   長谷川 恭久   2012年 3月 24日
ハ セ   ガ   ワ   ヤ   ス   ヒ   サ


長谷川恭久
@yhassy
2006

50+
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
ポイント


レベル


ランキング


アチーブメント/達成


バッジ




             by Kris Wise
サプライズ


ステータス


フィードバック


好奇心




          by Kris Wise
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
flow
    rhythm



identity
rhythm
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
パターン



                                 動き




photo by Pocket Shop AB
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
反復
交互
グラデーション
インプット

                  シンプル




                         調和

                              テンポ




photo by Stéfan
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
スクロール   ページめくり
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
インターフェイスのリズム

行動のリズム

デザインによる対話
flow
Peak
Experience
              Zone
              無我の境地

ピークエクスペリエンス




                      by Michele M. F.
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
不安
                      flow

難易度

挑戦



      無関心
                      退屈
      無感情



             スキル・経験
シンプル
明確なゴール



                       スキルベース

      明確な
    フィードバック


              コントロール
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
不安




難易度

挑戦




                退屈




       スキル・経験
不安




難易度

挑戦




                退屈




       スキル・経験
by Hans Splinter
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
分かりやすい入り口




目的のフォーカス
ゴールへの助長

分かりやすい進行状況
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
フォーカス

入り口の敷居を低く

利用者に主導権

人の中に Flow はある
identity
ロールプレイ


Role-playing
なりきる

                自己表現




       行動でみせる
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
社会的意図


Social Purpose
承認

             共通のゴール




     協力・対話
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
利用者のモードを知る

振る舞いや考え方

アイデンティティを育む要素
flow
    rhythm



identity
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
やり直しがきく
面倒な作業を何度も繰り返さなくてすむ
幾つかのステップをふまなくても完了できる
作業を途中で終わらせても最初に戻らない
深い階層を掘らなくても情報が見つかる
システム的な言語を理解しなくて済む
Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)
Developers = Just Develop?
App/Website + Play/Reward != Gamification




photo by EB Morse
Why?
長谷川 恭久
www.yasuhisa.com
mail@yasuhisa.com
    @yhassy

Mais conteúdo relacionado

Destaque

DiGRAJ-GD 07/17/2011 ケネス・チャン
DiGRAJ-GD 07/17/2011 ケネス・チャンDiGRAJ-GD 07/17/2011 ケネス・チャン
DiGRAJ-GD 07/17/2011 ケネス・チャンKenneth Chan
 
#68_ゲームデザインのはなし(前編)
#68_ゲームデザインのはなし(前編)#68_ゲームデザインのはなし(前編)
#68_ゲームデザインのはなし(前編)Yoshihiro Furukawa
 
GCS2013 DiGRA Japan ゲームデザイン研究会 MDAフレームワークによるゲーム分析
GCS2013 DiGRA Japan ゲームデザイン研究会 MDAフレームワークによるゲーム分析GCS2013 DiGRA Japan ゲームデザイン研究会 MDAフレームワークによるゲーム分析
GCS2013 DiGRA Japan ゲームデザイン研究会 MDAフレームワークによるゲーム分析Youhei Yanase
 
Mda framework for gcs2013
Mda framework for gcs2013Mda framework for gcs2013
Mda framework for gcs2013Kenneth Chan
 
#69_ゲームデザインのはなし(後編)
#69_ゲームデザインのはなし(後編)#69_ゲームデザインのはなし(後編)
#69_ゲームデザインのはなし(後編)Yoshihiro Furukawa
 
リサーチャーとマーケター原稿2012326
リサーチャーとマーケター原稿2012326リサーチャーとマーケター原稿2012326
リサーチャーとマーケター原稿2012326Shigeru Kishikawa
 
3D printing for Development Hack Day in Bucharest, session 1
3D printing for Development Hack Day in Bucharest, session 13D printing for Development Hack Day in Bucharest, session 1
3D printing for Development Hack Day in Bucharest, session 1Asociatia Techsoup Romania
 
解析データの分析と活用
解析データの分析と活用解析データの分析と活用
解析データの分析と活用Keisuke Anzai
 
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench NagoyaWordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoyatakashi ono
 
Debugging mobile websites and web apps
Debugging mobile websites and web appsDebugging mobile websites and web apps
Debugging mobile websites and web appsMihai Corlan
 
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれマークアップエンジニア だからうれしい Fireworksの使い方あれこれ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれNaoki Matsuda
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Yasuhisa Hasegawa
 
デザイナーがエンジニアさんと楽しくデザイン実装の話をするために
デザイナーがエンジニアさんと楽しくデザイン実装の話をするためにデザイナーがエンジニアさんと楽しくデザイン実装の話をするために
デザイナーがエンジニアさんと楽しくデザイン実装の話をするためにChihiro Tomita
 
最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応Osamu Monoe
 
WebフレームワークXSS対策の自動化
WebフレームワークXSS対策の自動化WebフレームワークXSS対策の自動化
WebフレームワークXSS対策の自動化Yoshihiro Ura
 
Simple Pure Java
Simple Pure JavaSimple Pure Java
Simple Pure JavaAnton Keks
 
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料Noriyo Asano
 

Destaque (20)

DiGRAJ-GD 07/17/2011 ケネス・チャン
DiGRAJ-GD 07/17/2011 ケネス・チャンDiGRAJ-GD 07/17/2011 ケネス・チャン
DiGRAJ-GD 07/17/2011 ケネス・チャン
 
#68_ゲームデザインのはなし(前編)
#68_ゲームデザインのはなし(前編)#68_ゲームデザインのはなし(前編)
#68_ゲームデザインのはなし(前編)
 
GCS2013 DiGRA Japan ゲームデザイン研究会 MDAフレームワークによるゲーム分析
GCS2013 DiGRA Japan ゲームデザイン研究会 MDAフレームワークによるゲーム分析GCS2013 DiGRA Japan ゲームデザイン研究会 MDAフレームワークによるゲーム分析
GCS2013 DiGRA Japan ゲームデザイン研究会 MDAフレームワークによるゲーム分析
 
Mda framework for gcs2013
Mda framework for gcs2013Mda framework for gcs2013
Mda framework for gcs2013
 
#69_ゲームデザインのはなし(後編)
#69_ゲームデザインのはなし(後編)#69_ゲームデザインのはなし(後編)
#69_ゲームデザインのはなし(後編)
 
リサーチャーとマーケター原稿2012326
リサーチャーとマーケター原稿2012326リサーチャーとマーケター原稿2012326
リサーチャーとマーケター原稿2012326
 
3D printing for Development Hack Day in Bucharest, session 1
3D printing for Development Hack Day in Bucharest, session 13D printing for Development Hack Day in Bucharest, session 1
3D printing for Development Hack Day in Bucharest, session 1
 
解析データの分析と活用
解析データの分析と活用解析データの分析と活用
解析データの分析と活用
 
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench NagoyaWordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
WordPressコミュニティの魅力 | OSC Nagoya 2012 WordBench Nagoya
 
Debugging mobile websites and web apps
Debugging mobile websites and web appsDebugging mobile websites and web apps
Debugging mobile websites and web apps
 
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれマークアップエンジニア だからうれしい Fireworksの使い方あれこれ
マークアップエンジニア だからうれしい Fireworksの使い方あれこれ
 
The Craft of UX
The Craft of UXThe Craft of UX
The Craft of UX
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
 
デザイナーがエンジニアさんと楽しくデザイン実装の話をするために
デザイナーがエンジニアさんと楽しくデザイン実装の話をするためにデザイナーがエンジニアさんと楽しくデザイン実装の話をするために
デザイナーがエンジニアさんと楽しくデザイン実装の話をするために
 
最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応最新開発支援ツールを使ったデバッグ対応
最新開発支援ツールを使ったデバッグ対応
 
画像Hacks
画像Hacks画像Hacks
画像Hacks
 
WebフレームワークXSS対策の自動化
WebフレームワークXSS対策の自動化WebフレームワークXSS対策の自動化
WebフレームワークXSS対策の自動化
 
Simple Pure Java
Simple Pure JavaSimple Pure Java
Simple Pure Java
 
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料
 
言語の世界
言語の世界言語の世界
言語の世界
 

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
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Yasuhisa Hasegawa
 
今だからデザインできるMTの未来
今だからデザインできるMTの未来今だからデザインできるMTの未来
今だからデザインできるMTの未来Yasuhisa Hasegawa
 
ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術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 の旅
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法
 
今だからデザインできるMTの未来
今だからデザインできるMTの未来今だからデザインできるMTの未来
今だからデザインできるMTの未来
 
ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術
 

Human Centered Game Design (人間中心遊戯設計: 人に寄り添ったゲームデザイン)