Devlove_kohshien_131109

2013.11.09
DevLOVE現場甲子園2013

ＵＸやＵＸのデザインについて、
業界を横断的に見ていて
気付いたこと
hcdvalue　伊藤英明@itow_ponde

自己紹介

伊藤英明と申します
twitterID（@itow_ponde）

株式会社U’eyes Design
デザインコンサルティング事業部ＤＣ第２部ディレクター
自動車および車載機器、家電製品、モバイル機器、医療機器、公共機
器、サービス等、オールラウンドな分野での業務経験を活かし、それら
の知見を取り入れた企画開発、評価、提案業務に従事しています。
→訳：わりと何でも屋で便利屋期まっしぐらです

人間中心設計プロセス
「人間中心設計（ＨＣＤ）」とは、インタラクティブシステムを使いやすくする
ためにユーザの立場や視点に立って設計を行うことで、その設計を行なう
際のプロセスが非常に重要とされています。

出典：ＩＳＯ９２４１－２１０
インタラクティブシステムのためのＨＣＤ
（2010）

人間中心設計プロセス
どのくらい
使いやすく
するべきか判断

使っている
人・現場
を確認

ニーズ、ウォンツ
の確認・推測

評価する
使えるかを確認

お試し案
を複数作る

人間中心設計プロセスの計画
人間中心設計プロセスを実施すべきか否かを決断
ユーザと製品やソフトウェアとの対話(インタラクション)が複雑な場合は開発にＨＣＤ
プロセスの導入を決断

ステークホルダーの決断

必要なメンバーを集める

5/58

利用状況の理解と特定
使っている現場を確認
ユーザの利用状況を正しく状況を把握するために、最適な調査を実施
アンケート

行動観察

インタビュー

ユーザ要求の特定/仕様化
ニーズ、ウォンツの確認・推測
ターゲットユーザはどのような状況でどう使いたいか、ニーズ、ウォンツを明確化して、
仕様書等にまとめる
ペルソナ

シナリオ

仕様書

設計解の作成
お試し案を複数作る
スケッチ、図面、モデル、プロトタイプ、試作、操作フロー図等で設計案を作成

ペーパープロト

シミュレーター

8/58

要求に対する設計の評価
評価する
ユーザの要求に答えているか、試作やプロトタイプの使い勝手を評価
ヒューリスティック評価

ユーザビリティテスト

突然ですが

ＵＸって何でしょう？

新潟のテレビ局ですか？

まさかのＵＸテーマソング

ＵＸの定義
ｗｉｋｉｐｅｄｉａより
ユーザーエクスペリエンス（ＵＸと略記されることが多い）
とは、ユーザーがある製品やシステムを使ったときに得られる
経験や満足など全体を指す

ＵＸの定義
ＩＳＯ9241-210におけるＵＸの定義
ユーザエクスペリエンス(ＵＸ)：
製品やシステム、サービスの利用、および・もしくは予想された使い方によってもたら
される人々の知覚と反応
①ユーザエクスペリエンスは、使用前、使用中、使用後に起こる、すべてのユーザの
感情や意見、好み、感じ方、身体的・心理的な反応、態度、達成感を含む。
②ユーザエクスペリエンスは、ブランドイメージ、見た目、機能、システムのパフォーマ
ンス、インタラクティブシステムのインタラクティブな振る舞いと支援機能、事前の経
験から生じたユーザの内的および身体的状態、態度、スキルとパーソナリティ、利用
の状況の結果である。
③ユーザビリティをユーザ個人のゴールの視点から解釈する場合、ユーザビリティには、
ユーザエクスペリエンスに伴って典型的に生じる知覚や感情などの側面を含むこと
ができる。ユーザビリティの基準を用いて、ユーザエクスペリエンスの側面を評価する
ことができる

ＵＸの定義
Ｄ.Ａ.ノーマン博士の定義
「ユーザーエクスペリエンス」は、エンドユーザーと「会社、会社のサービス、商品」の相
互作用の全ての側面を含んでいる。
第一の要件は、混乱や面倒なしで顧客の的確なニーズを満たす事。
第二の要件は、所有する楽しさ、使用する楽しさを生み出す「簡潔さと優雅さ」である。
真のユーザーエクスペリエンスは、顧客が欲しいと言うものを与えたり、チェックリスト
に載っている機能を提供するだけでは十分ではない。
提供するサービスや商品において、クオリティの高いユーザーエクスペリエンスを実現
するためには、「多角的な専門分野のサービス」のシームレスな結合が必要である。
それらの分野とは、エンジニアリング、マーケティング、グラフィックデザイン、インダスト
リアルデザイン、インターフェイスデザインである。

まだおぼろげな認識ですね

ユーザの経験？満足？
感覚？感情？楽しさ？

このままでは・・・

「俺は20年後の未来から来た。最新のＵＸ
を授けよう」
「すげえ！」
「誰もがＵＸという言葉を知っていて流行語
大賞もとった」
「えっ」


「今や500万人がＵＸデザイナーを名乗る」
「そんなすごいＵＸで未来の人は一体何を」


「今や500万人がＵＸデザイナーを名乗る」
「まだＵＩとＵＸの違いもよく分かってないし
テレビ局かもしれないと思ってる」
「（変わってねえな・・・(´・ω・`)）」

ＵＸの定義
Ｄ.Ａ.ノーマン博士の定義
これって
「ユーザーエクスペリエンス」は、エンドユーザーと「会社、会社のサービス、商品」の相
「ユーザビリティ」
互作用の全ての側面を含んでいる。
のこと？
第一の要件は、混乱や面倒なしで顧客の的確なニーズを満たす事。
第二の要件は、所有する楽しさ、使用する楽しさを生み出す「簡潔さと優雅さ」である。
真のユーザーエクスペリエンスは、顧客が欲しいと言うものを与えたり、チェックリスト
に載っている機能を提供するだけでは十分ではない。
提供するサービスや商品において、クオリティの高いユーザーエクスペリエンスを実現
するためには、「多角的な専門分野のサービス」のシームレスな結合が必要である。
それらの分野とは、エンジニアリング、マーケティング、グラフィックデザイン、インダスト
リアルデザイン、インターフェイスデザインである。

ユーザビリティとＵＸ
ＩＳＯ9241-210にて規定されたＵＸの概念
ＩＳＯ１３４０７

ＩＳＯ９２４１-２１０

発行

1999年

2010年

名称

インタラクティブシステムの
ためのＨＣＤプロセス

インタラクティブシステムのた
めのＨＣＤ

対象

インタラクティブシステム

“サービスを含む”インタラク
ティブシステム

目的

ユーザビリティの実現

ユーザエクスペリエンス（ＵＸ）
の実現

ＵＸについて記述なし

ＵＸに関する定義＆「ＨＣＤの
目的はよいＵＸを実現する
こと」の記述
ユーザビリティからＵＸへ

ＩＳＯ9241-11によるユーザビリティの定義
出典：平沢尚毅氏　ESEC2005専門セミナー資料

ユーザビリティとは、
指定された利用者によって、
指定された利用状況の下で、
指定された目的を
利用者が有効に、効率良く、
満足して達成できるための製品
の能力

利用者

意図した
結果

目標

作業
設備

利用
の結果

有効さ

環境

効率

利用状況

満足度

製品

ユーザビリティの測定値

製品やサービス

ユーザ

利用
やり取り

ユーザビリティ
有効さ、効率、満足度を高め
使いやすく、分かりやすく

利用、やり取りがあったときに
ユーザが何を感じるかは
その背景によって変化する

ユーザエクスペリエンス
ユーザによい体験を提供

The Difference Between UX and UI :Subtleties Explained in Cereal
http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal

手段

ＰＡＲＴＳ
（構成要素）

目的

ＳＥＲＶＥＲ
ＤＡＴＡＣＥＮＴＥＲ
（成り立たせるためのシステムやインフラ）

ＵＩ
（操作部や表示部）

ＰＲＯＤＵＣＴ
（提供される製品やサービス）

ＵＸ
美味しい、楽しい、嬉しい
という価値そのもの

それぞれがユーザによいＵＸを
提供するための手段

ＵＸは目的であり結果

作り手の及ぶ範囲

作り手の直接及ぶ範囲ではない

ＵＸをデザインするということ

ユーザエクスペリエンスを
デザインすること

＝
どんな“体験” をしてもらうかを計画し、
“体験” が量産・再生産される仕組みを作ること

生活におけるものやサービスの
意味・価値を創造すること
27/74

ＵＸ白書からの視点
「ＵＸの期間」：ＵＸを期間で区切る考え方
いつ

利用前
非利用時

なにを

予期的UX
Anticipated UX

どのように

体験を想像する

利用中

一時的UX
Momentary UX

体験する

利用後

エピソード的UX
Episodic UX

ある体験を内省する

利用時間全体

累積的UX
Cumulative UX
多種多様な利用
時間を回想する

“体験”の種類、解釈を整理するのに効果的
28/74

一方、ゲーム開発者の業界では
2013年6月22日　ゲームコミュニティサミット

DigraJ ゲームデザイン研究会さんの発表
「開発のためのゲーム分析：手法と実例の紹介」

ＭＤＡフレームワークとは

引用：
開発のためのゲーム分析：手法と実例の紹介@ｹﾞｰﾑｺﾐｭﾆﾃｨｻﾐｯﾄ2013
DiGRAJ ゲームデザイン研究会ケネス・チャン氏

• Marc LeBlancが提唱する、ゲームの構造の
　　コンテクストを共有するための思想プロセス、総論
• 2004年に論文化されている
• GDCで毎回ワークショップを開催している
• ゲームの設計、分析、研究をつなげるフレーム
　　ワーク

ゲームの基本構造

引用：

ルール
システム
楽しさ・面白さ


引用：

メカニックス

[[MM]]eecchhaanniiccss
ダイナミックス

[[DD]]yynnaammiiccss
アスセティックス

[[AA]]eesstthheettiiccss

「Ｍ」と「Ｄ」と「Ａ」の定義

引用：

・MMeecchhaanniiccss ((メカニックス))
データ、アルゴリズムレベルのゲームの根本的な仕組み

・DDyynnaammiiccss ((ダイナミックス))
様々なMechanicsの相互作用。プレイヤーの操作によって
生まれてくる展開

・AAeesstthheettiiccss ((アスセティックス・表現))
ゲームとインタラクションを通してプレイヤーが感じる望ま
れる感情


製作者
の視点

引用：

メカニックス

[[MM]]eecchhaanniiccss
ダイナミックス

[[DD]]yynnaammiiccss
アスセティックス

[[AA]]eesstthheettiiccss

消費者
の視点

構造の違いが体験を変えるという例


Call
of
Duty

MMeecchhaanniiccss
((メカニックス))

DDyynnaammiiccss
((ダイナミックス))

AAeesstthheettiiccss
((アスセティックス・表現))

引用：
ゲーム分析実例@ｹﾞｰﾑｺﾐｭﾆﾃｨｻﾐｯﾄ2013

DiGRAJ ゲームデザイン研究会簗瀨洋平氏

HALO

大部分のメカニックスは同じ


Call
of
Duty

MMeecchhaanniiccss

DDyynnaammiiccss


引用：


HALO

シールドなし

シールドあり


Call
of
Duty

MMeecchhaanniiccss

引用：


HALO

シールドなし

シールドあり

DDyynnaammiiccss

シールドがないことで
死と隣合わせ

シールドのある間は
無敵の戦士


リアリティのある
戦場の一兵士として
の体験

人類の頂点に立つ
戦士・ヒーローとして
の体験

各業界を横断的に見ていて気づいたこと　その１

もしかしたら、

ＭＤＡの構造を意識してゲーム
デザインについて考えること
と、

ユーザーエクスペリエンスの
ためのデザインを考えること
は一緒？

もしかしたら

ＵＸのデザインも？

ＵＸのデザインプロセス
ＩＳＯ9241-210にて規定されたＵＸの概念
ＩＳＯ１３４０７

ＩＳＯ９２４１-２１０

発行

1999年

2010年

名称

インタラクティブシステムの
ためのＨＣＤプロセス

インタラクティブシステムのた
めのＨＣＤ

対象

インタラクティブシステム

“サービスを含む”インタラク
ティブシステム

目的

ユーザビリティの実現

ユーザエクスペリエンス（ＵＸ）
の実現

ＵＸについて記述なし

ＵＸに関する定義＆「ＨＣＤの
目的はよいＵＸを実現する
こと」の記述
ユーザビリティからＵＸへ

ＨＣＤプロセス＝ＵＸのデザインプロセス

ＨＣＤプロセス＝ＵＸのデザインプロセス

例：

一般ユーザーをモニタ（被験者）とし、製品、機能におけるユーザインタ
フェースなどの使い勝手を検証

操作の様子やコメントから、具体的な問題点を明らかにできるのが
特徴

ゲーム業界における「テスト」

引用：
「ロケテストについて」：HDIfes #01「価値のためのテスト」
IGDA日本 motoko128k氏

ｗｉｋｉｐｅｄｉａ　「ローションテスト」より
開発中のゲームを一部公開し、ユーザの意見の取り入れ・
ゲームバランスの調整・市場調査などのために行う、ベータ
テストの一形態である。
ゲームセンターの店舗のことを指す業界用語の「ロケーション」
と試験の「テスト」をあわせたという説が一般的である。
「ロケテスト」、「ロケテ」と略されることが多い。市場調査を目
的としている場合は、特に「インカムテスト」と呼ばれることも
ある。

ゲーム業界における「テスト」

引用：
「ロケテストについて」：HDIfes #01「価値のためのテスト」
IGDA日本 motoko128k氏

プレイテスト

テストプレイヤーによるテスト。ゲームの内容、クオリティ、
バランス調整を行い、より（ゲーム内容的に）品質の高い
ゲームに近づけるためのテスト

ユーザーテスト

サンプルユーザー（社内or社外）を募り、そのユーザーに
実際にプレイしてもらった上でユーザーがどういう反応を
示すかを確認し、製品開発へとフィードバックするテスト

ロケテスト

テストするゲームを実際の稼働現場（ゲーセン、ショップ
等）に設置し、他のゲーム機等が並んでいる中で、実際
どういうユーザーが興味を示し、「お金を入れてプレイする
か」をチェックするテスト。

各業界を横断的に見ていて気づいたこと　その２

もしかしたら、

ゲーム業界の人がテストで
したいこと
と、

HCDプロセスの仮説検証の
ための評価(＝テスト)
も一緒？

そこまで共通点が多いんだったら・・・

お互いの現場・やり方
について知っておいた
ほうがよくないですか？

こういうのが理想

「そもそもＵＸとか言う呼び方はしてないし
各業界の開発者やデザイナーが共通の
認識でユーザーの価値とその実現方法に
ついて議論する毎日だ」
「（それは良かった(*´ω｀*)）」

まとめ
ＭＤＡの構造を意識してゲームデザインについて
考えることと、ユーザーエクスペリエンスのため
のデザインを考えることは一緒？
ゲーム業界の人がテストでしたいことと、HCD
プロセスの仮説検証のための評価(＝テスト)も
一緒？
そこまで共通点が多いなら、お互いの現場・やり方
について知っておいたほうがよさそう。

Devlove_kohshien_131109

Recommended

Recommended

More Related Content

What's hot

What's hot (15)

Similar to Devlove_kohshien_131109

Similar to Devlove_kohshien_131109 (20)

More from 英明伊藤

More from 英明伊藤 (13)