---
title: 体験をデザインするとは何か
tags: 
author: [Hokuto SUNAMI](https://www.docswell.com/user/shokuto)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/PJR29199E9.jpg?width=480
description: 2012年10月24日に行われた「NPO法人ウェアラブルコンピュータ研究開発機構（チームつかもと）大阪交流会」での角南の発表スライド。
published: October 25, 12
canonical: https://www.docswell.com/s/shokuto/5YW8E9-2012wct
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/PJR29199E9.jpg)

“ 体験をデザインする”
とは何か
すなみ
ほくと
角南 北斗
@shokuto


# Page. 2

![Page Image](https://bcdn.docswell.com/page/PEXDQYQ37X.jpg)

1
テーマについて
@shokuto


# Page. 3

![Page Image](https://bcdn.docswell.com/page/3EKX939N7D.jpg)

なぜ
“体験をデザインすること”
を取り上げるのか？
これからのデザインに重要だから
@shokuto


# Page. 4

![Page Image](https://bcdn.docswell.com/page/L735WGWZE5.jpg)

UX
Webデザイン業界で
この数年、流行中
@shokuto


# Page. 5

![Page Image](https://bcdn.docswell.com/page/87DDK1K47G.jpg)

UX
User Experience
ユーザー体験
@shokuto


# Page. 6

![Page Image](https://bcdn.docswell.com/page/VJPXKQKV78.jpg)

UXD
User Experience Design
ユーザー体験のデザイン
@shokuto


# Page. 7

![Page Image](https://bcdn.docswell.com/page/2EVLV5VRJQ.jpg)

なぜ
“体験をデザインすること”
が重要なのか？
流行ってるから
@shokuto


# Page. 8

![Page Image](https://bcdn.docswell.com/page/57GXL6L6EL.jpg)

なぜ
“体験をデザインすること”
が重要なのか？
おかしな語られ方を
しているから
@shokuto


# Page. 9

![Page Image](https://bcdn.docswell.com/page/4EQ8Y4Y2JP.jpg)

“体験をデザインすること”
は
どのように語られてる？
なぜそのように語られてる？
@shokuto


# Page. 10

![Page Image](https://bcdn.docswell.com/page/KJ42WQWPE1.jpg)

UXD
“体験をデザインすること”
の重要性を考えたい
どのように語られてる？
なぜそのように語られてる？
@shokuto


# Page. 11

![Page Image](https://bcdn.docswell.com/page/LE1MYPYX7G.jpg)

2
デザインの２つの意味
@shokuto


# Page. 12

![Page Image](https://bcdn.docswell.com/page/GEW3G2GKE2.jpg)

服をデザインする
服をつくる
1. 型紙を作り生地を裁断し縫う
＝手を動かしその服を形にする
2. 形は？生地は？色は？サイズは？
＝その服のあるべき姿を決める
@shokuto


# Page. 13

![Page Image](https://bcdn.docswell.com/page/47ZVLDLNE3.jpg)

建物をデザインする
建物をつくる
1. 大工が施工する
2. 建築士が設計する
☞ デザイン＝ 設計→実装 のプロセス
@shokuto


# Page. 14

![Page Image](https://bcdn.docswell.com/page/YJ65W1W97V.jpg)

体験をデザインする
体験をつくる
1. 体験を実装する
2. 体験を設計する
☞ 体験は技術では形作れない
体験のあるべき姿を考えるということ
@shokuto


# Page. 15

![Page Image](https://bcdn.docswell.com/page/GJ5YM4MDJ4.jpg)

UXD
User Experience Design
ユーザー体験のデザイン
@shokuto


# Page. 16

![Page Image](https://bcdn.docswell.com/page/LE35WG9QJ5.jpg)

UXD
Design for User Experience
ユーザー体験のデザイン
@shokuto


# Page. 17

![Page Image](https://bcdn.docswell.com/page/8EDDK1GWEG.jpg)

体験を考えることは
なぜ重要なのか？
@shokuto


# Page. 18

![Page Image](https://bcdn.docswell.com/page/V7PXKQ3XE8.jpg)

体験＝利用者の視点でデザイン
☞ ビジネスやモノの側の都合だけで
モノやサービスのあり方を決めない
体験の主体は利用者
利用者に合わせて決める
@shokuto


# Page. 19

![Page Image](https://bcdn.docswell.com/page/2JVLV5437Q.jpg)

目指すべき体験を定める
体験を実現するようなモノを設計する
そのモノを実装する（形作る）
体験が最重要である、と考える
@shokuto


# Page. 20

![Page Image](https://bcdn.docswell.com/page/5EGXL61YJL.jpg)

3
「体験」って何？どう扱う？
@shokuto


# Page. 21

![Page Image](https://bcdn.docswell.com/page/4JQ8Y4D67P.jpg)

体験とは内面的なもの
☞ 特定の感覚や感情が生まれるような
モノやサービスはどんなもの？
感覚や感情を促進する要因は？
逆に阻害する要因は？
@shokuto


# Page. 22

![Page Image](https://bcdn.docswell.com/page/K742WQZMJ1.jpg)

体験をいかに再生産するか？
☞ 特定の体験が生まれる確率を上げる
特定の体験が起こることを狙う
デザイン手法としての UXD
@shokuto


# Page. 23

![Page Image](https://bcdn.docswell.com/page/LJ1MYPRYEG.jpg)

UXの定義・捉え方は様々
@shokuto


# Page. 24

![Page Image](https://bcdn.docswell.com/page/GJW3G211J2.jpg)

Peter Morville
モノが備える左の要素が
UXに影響するという例
http://semanticstudios.com/publications/semantics/000029.php
@shokuto


# Page. 25

![Page Image](https://bcdn.docswell.com/page/4EZVLDPXJ3.jpg)

Jesse James Garrett
抽象度の異なる
様々なデザイン領域が
レイヤーになっている
http://www.jjg.net/elements/pdf/elements.pdf
@shokuto


# Page. 26

![Page Image](https://bcdn.docswell.com/page/Y765W1MPEV.jpg)

手を動かしたこと（実装の結果）の
１つ１つが、UXを形作っていく
☞ だから、体験をきちんと設計する
☞ だから、体験を捉えた実装をする
@shokuto


# Page. 27

![Page Image](https://bcdn.docswell.com/page/G75YM4ZP74.jpg)

4
UX のおかしな語られ方
@shokuto


# Page. 28

![Page Image](https://bcdn.docswell.com/page/9J2G9VRZJR.jpg)

UX=UI
User Interfaceと同義？
@shokuto


# Page. 29

![Page Image](https://bcdn.docswell.com/page/DEYV43DNEM.jpg)

/
UX UI
「私はUX/UIデザイナーです」
@shokuto


# Page. 30

![Page Image](https://bcdn.docswell.com/page/VJNMYV6V78.jpg)

UXとUIは混同されてる...？
@shokuto


# Page. 31

![Page Image](https://bcdn.docswell.com/page/YE9NP6LVE3.jpg)

UX
User Experience
ユーザー体験
@shokuto


# Page. 32

![Page Image](https://bcdn.docswell.com/page/GE8KDZX47D.jpg)

UI
User Interface
体験を形作る１つの要素
@shokuto


# Page. 33

![Page Image](https://bcdn.docswell.com/page/LELZMD8VJR.jpg)

UXとUIは全然似ていない...
@shokuto


# Page. 34

![Page Image](https://bcdn.docswell.com/page/4JMVYP6NJW.jpg)

UXとはおもてなしである
@shokuto


# Page. 35

![Page Image](https://bcdn.docswell.com/page/PJR291P4E9.jpg)

例：お店で笑顔で挨拶
UX：客は歓迎されてるんだと感じた
UI：従業員は笑顔で挨拶した
☞ 店が期待するような印象（歓迎感）を
客が抱くかどうかはわからないが、
笑顔の挨拶でその体験を促進している
@shokuto


# Page. 36

![Page Image](https://bcdn.docswell.com/page/PEXDQY3Z7X.jpg)

UXとUIは主体が違う
UXは利用者が感じること
ex）もてなされているという客の実感
UIは開発側が作るもの
ex）スタッフによるもてなしの行為
☞ 利用者視点で考えられていないことの証拠
@shokuto


# Page. 37

![Page Image](https://bcdn.docswell.com/page/3EKX93YV7D.jpg)

UXとUIは主体が違う
UXは利用者が感じること
☞ もてなされているという客の実感
UIは開発側が作るもの
☞ スタッフによるもてなしの行為
@shokuto


# Page. 38

![Page Image](https://bcdn.docswell.com/page/L735WGVQE5.jpg)

UXとUIはデザインの対象が違う
UXデザインはコトのデザイン
UIデザインはモノのデザイン
☞ コトを生み出すためにモノを作る
@shokuto


# Page. 39

![Page Image](https://bcdn.docswell.com/page/87DDK18W7G.jpg)

UXとUIは全然似ていない！
@shokuto


# Page. 40

![Page Image](https://bcdn.docswell.com/page/VJPXKQ8X78.jpg)

5
UXとUIの混同の理由
@shokuto


# Page. 41

![Page Image](https://bcdn.docswell.com/page/2EVLV5N3JQ.jpg)

問い
Webデザイナーの多くが
UXとUIを混同するのはなぜ？
@shokuto


# Page. 42

![Page Image](https://bcdn.docswell.com/page/57GXL6KYEL.jpg)

答え（のひとつ）
Webデザインの領域の拡大と
各デザイナーの実務領域の縮小
@shokuto


# Page. 43

![Page Image](https://bcdn.docswell.com/page/4EQ8Y4N6JP.jpg)

Webデザインの領域の拡大
Webサイトの高度化
! 多様で複雑なことをWebができるようになった
! Webが体験（UX）の重要な構成要素に
Webの社会インフラ化
! Webと日常の密接な結びつきは、もはや前提
! 社会システム、ビジネスモデルまで考慮する時代
@shokuto


# Page. 44

![Page Image](https://bcdn.docswell.com/page/KJ42WQGME1.jpg)

各デザイナーの実務領域の縮小
広範囲の設計と実装はひとりでは無理
! マーケティングやビジネスモデルの構築など
領域ごとに深い知識が必要に
! スピーディーなデザイン進行が要求される
Webサイト制作の分業化
! デザイナーは各自の実務担当領域だけで
デザインを考え実践しがちになった
@shokuto


# Page. 45

![Page Image](https://bcdn.docswell.com/page/LE1MYPDY7G.jpg)

例：UIデザインの実務者
UI ＝ ボタンの色・形・配置・動き
UX ＝ ユーザーの体験 ...?
@shokuto


# Page. 46

![Page Image](https://bcdn.docswell.com/page/GEW3G2Y1E2.jpg)

例：UIデザインの実務者
UIが体験に与える影響
＝ 気持ちいい・わかりやすい
＝ UIの操作感
UX
@shokuto


# Page. 47

![Page Image](https://bcdn.docswell.com/page/47ZVLDXXE3.jpg)

例：UIデザインの実務者
操作感（＝UX）を考えたボタンデザイン
＝ UIデザイン
＝ UXデザイン
@shokuto


# Page. 48

![Page Image](https://bcdn.docswell.com/page/YJ65W14P7V.jpg)

UIの操作感はUXの構成要素
でも１要素であって全体ではない
@shokuto


# Page. 49

![Page Image](https://bcdn.docswell.com/page/GJ5YM4QPJ4.jpg)

例：オンラインショップ
ボタンは押しやすい（UIはよい）が
注文した商品がちゃんと届かない...
UXはUIだけで決まるものではない
全体を意識しないとUXDなどと言えない
@shokuto


# Page. 50

![Page Image](https://bcdn.docswell.com/page/9E2G9VPZER.jpg)

例：ライターの安全装置
誰でも火がつけやすい（UIはよい）のは
子どもによる事故の原因にもなりうる
“使いやすい” は正しい、と思い込まない
UIやUXの部分最適化はベストでない
@shokuto


# Page. 51

![Page Image](https://bcdn.docswell.com/page/D7YV435N7M.jpg)

全体を考えることの難しさ
UXをデザイン ＝ 事業全体の設計
! 事業デザインに関われるデザイナーはごく一部
! 大抵の要素は「すでに決まっていること」
! 知らされない、教えてもらえない要素も多数
デザイン領域の違い・デザインの2つの意味
! ボタンの実装からビジネスモデルの設計まで
! 「UX/UIデザイナー」は現場で何をしている？
@shokuto


# Page. 52

![Page Image](https://bcdn.docswell.com/page/VENMYVNVJ8.jpg)

6
これからのデザイン
@shokuto


# Page. 53

![Page Image](https://bcdn.docswell.com/page/Y79NP6RV73.jpg)

まとめ
体験を考えることで、利用者視点になれる
体験を構成する要素は広範かつ内面的
! 構成要素をどのようにピックアップするか
! それを誰がどのように取り扱うか
! 利用者の心は直接コントロールできない
体験のデザインは難しい...が
@shokuto


# Page. 54

![Page Image](https://bcdn.docswell.com/page/G78KDZW4JD.jpg)

これからのデザイン
体験のデザインは、意識から始まる
! 業務分担は別にして、まず全員が意識する
! 意識すれば気づけることがある
! 気づきを共有し、設計と実装に生かす
体験 ＝ 分業時代の共通言語
! 同じものを心に描いて分業するための鍵として
☞ ゲームデザインの業界などでは普通のこと
@shokuto


# Page. 55

![Page Image](https://bcdn.docswell.com/page/L7LZMDNVER.jpg)

体験をキーワードとして
ユーザー中心のデザインに
いっしょに取り組みましょう
@shokuto


# Page. 56

![Page Image](https://bcdn.docswell.com/page/4EMVYPXNEW.jpg)

お聴きいただき
ありがとうございました！
withcomputer.jp
@shokuto
@shokuto


