HDIfes#2_131026_itowponde

2013.10.26
HDIfes#2「『ユーザーが毎日使いたくなる』ためにできること」

ライトニングトーク

各業界を横断的に見ていて気づいたこと
HDIfes/hcdvalue　@itow_ponde

自己紹介

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

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

突然ですが

ＵＸって何でしょう？

新潟のテレビ局ですか？

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

ＵＸの定義
ＩＳＯ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

手段

ＰＡＲＴＳ
（構成要素）

目的

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

ＵＩ
（操作部や表示部）

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

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

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

ＵＸは目的であり結果

作り手の及ぶ範囲

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

一方、ゲーム開発者の業界では・・・
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
((メカニックス))

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

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

HALO

シールドなし

シールドあり

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

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

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

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

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

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

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

もしかしたら、

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

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

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

こういうのが理想

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

HDIfes#2_131026_itowponde

Recommended

Recommended

More Related Content

Similar to HDIfes#2_131026_itowponde

Similar to HDIfes#2_131026_itowponde (20)

More from 英明伊藤

More from 英明伊藤 (13)