SlideShare a Scribd company logo
1 of 25
Download to read offline
写真を見る人の経験のためにできること
DIGITABLE 正会員
shirasy
1
2014.11.15 Digitable Excite 2014
- Webサイトの要素としての写真の場合 -
2
この人はパソコンを使う人であり、Webサイト
上の写真を見る人でもある 
 
3
⃝⃝という状況で⃝⃝のために、
手段として⃝⃝の写真を見ている状態
4
5
パソコンでWebサイトを
ブラウズする経験
ユーザーエクスペリエンス
写真を見る経験
パソコンでWebサイトを
ブラウズする経験
ユーザーエクスペリエンス
写真を見る経験
7
ユーザエクスペリエンス(UX)
インタラクティブシステムを使う経験のこと
「製品・システム・サービスの使用、または使用を予想
した時における人の知覚と反応」(ISO 9241-210)
8
「UXに影響する要素」
UX白書より
ユーザーとシステムを取り巻く文脈
ユーザーの状態
システムの特性
   
 
 
 
  
エピソード的UX 
累積的UX 
対象のシステムとの最初の出会い
対象のシステム、ブランドや他システムなどについての情報
「時間軸の観点でのUX」
一時的UX 
     
予期的UX 
  UX白書より
10
UX白書(日本語版) 2011年11月公開
 
http://site.hcdvalue.org/docs
11
パソコンでWebサイトを
ブラウズする経験
ユーザーエクスペリエンス
写真を見る経験
12
なぜ、写真を見ているのか?
・事前に期待していることは何か
・写真を見るときの状況
・「See」,「Look」,「Watch」どれか
13
必ずしも写真を見ることが目的ではない、実物に
触れる代替えとして、現地に行く代替えとしての経験
百聞は一見にしかず
視覚から得られる情報は多い
14
写真を見る人の経験のためのデザインと
写真技術
15
パソコンでWebサイトを
ブラウズする経験
ユーザーエクスペリエンス
写真を見る経験
16
人間中心デザインの目的
人間の生活の質を向上させること
17
システムを使いやすく使い勝手の良いものにすることを意図し
たインタラクティブシステムの開発アプローチの一つ
ユーザーのニーズ、必要条件にフォーカスし、人間工学
(ヒューマンファクター/エルゴノミクス)およびユーザビリティの
知識や技術を適用する
人間中心デザインの概要
ISO 9241-210 より
18
利用状況の理解と特定
人間中心デザイン
プロセスの計画
ユーザ要求の特定/
仕様化
設計解の作成
要求に対する設計
の評価
ユーザ欲求に
合致した設計解
ISO 9241-210 より
人間中心デザインのプロセス
19
パソコンでWebサイトを
ブラウズする経験
ユーザーエクスペリエンス
写真を見る経験
20
表現したいイメージを実現するための写真技術
21
http://www.digitable.info
表現したいイメージを実現するための写真技術
22
23
http://www.digitable.info/report/index.html
24
パソコンでWebサイトを
ブラウズする経験
ユーザーエクスペリエンス
写真を見る経験
「写真を見る人=Webサイトをブラウズする人」
のためのデザインと写真技術が大切
25
1Fの展示ロビーで、本発表の関連パネルを
展示しています。

More Related Content

What's hot

クリエイティブMtg
クリエイティブMtgクリエイティブMtg
クリエイティブMtgYukiko Kawamura
 
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)Kazuhiko Tsuchiya
 
ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)Tarumoto Tetsuya
 
つくるべきモノをつくる
つくるべきモノをつくるつくるべきモノをつくる
つくるべきモノをつくるMikihiro Fujii
 
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメUXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメHiroyuki Arai
 
ハイブリッド画面の作り方
ハイブリッド画面の作り方ハイブリッド画面の作り方
ハイブリッド画面の作り方Osamu Nakanishi
 

What's hot (6)

クリエイティブMtg
クリエイティブMtgクリエイティブMtg
クリエイティブMtg
 
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
 
ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)ユーザビリティテストの歴史(スタイルの変遷)
ユーザビリティテストの歴史(スタイルの変遷)
 
つくるべきモノをつくる
つくるべきモノをつくるつくるべきモノをつくる
つくるべきモノをつくる
 
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメUXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
 
ハイブリッド画面の作り方
ハイブリッド画面の作り方ハイブリッド画面の作り方
ハイブリッド画面の作り方
 

Similar to 写真を見る人の経験のためにできること

UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価Naoyuki Matsumoto
 
01 idea table3.0
01 idea table3.001 idea table3.0
01 idea table3.0umisuzume
 
Devlove2012 itowponde
Devlove2012 itowpondeDevlove2012 itowponde
Devlove2012 itowponde英明 伊藤
 
UX - 業務システムにも感動を
UX - 業務システムにも感動をUX - 業務システムにも感動を
UX - 業務システムにも感動をYasunobu Kawaguchi
 
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐schoowebcampus
 
HdIfes itowponde_130223
HdIfes itowponde_130223HdIfes itowponde_130223
HdIfes itowponde_130223英明 伊藤
 
オンライン手順書の作成を支援するシステムの開発
オンライン手順書の作成を支援するシステムの開発オンライン手順書の作成を支援するシステムの開発
オンライン手順書の作成を支援するシステムの開発Takashi Kishida
 
Saleshub uxro survice document ver1.1
Saleshub uxro survice document ver1.1Saleshub uxro survice document ver1.1
Saleshub uxro survice document ver1.1hirotakashimazaki
 
開発コンセプトシートの考え方(大川弥生)
開発コンセプトシートの考え方(大川弥生)開発コンセプトシートの考え方(大川弥生)
開発コンセプトシートの考え方(大川弥生)robotcare
 
人とモノとの相互作用によるココロ計測の研究動向
人とモノとの相互作用によるココロ計測の研究動向人とモノとの相互作用によるココロ計測の研究動向
人とモノとの相互作用によるココロ計測の研究動向Masaya Ando
 
Swiftビギナーズ 2016/01/09
Swiftビギナーズ 2016/01/09Swiftビギナーズ 2016/01/09
Swiftビギナーズ 2016/01/09Yutaka Tajika
 
No innovative ideas can be created from persona and customer journey maps
No innovative ideas can be created from persona and customer journey mapsNo innovative ideas can be created from persona and customer journey maps
No innovative ideas can be created from persona and customer journey mapsToru Mizumoto
 
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -Mikihiro Fujii
 
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -Midori Hirose
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話Kazuki Yamashita
 
190521 hcd library vol.7 publication ceremony
190521 hcd library vol.7 publication ceremony190521 hcd library vol.7 publication ceremony
190521 hcd library vol.7 publication ceremonyMasaaki Kurosu
 
Visual Studio OnlineとUnityを使った バージョン管理と 継続的インテグレーション
Visual Studio OnlineとUnityを使ったバージョン管理と継続的インテグレーションVisual Studio OnlineとUnityを使ったバージョン管理と継続的インテグレーション
Visual Studio OnlineとUnityを使った バージョン管理と 継続的インテグレーションKaoru NAKAMURA
 

Similar to 写真を見る人の経験のためにできること (20)

UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価
 
01 idea table3.0
01 idea table3.001 idea table3.0
01 idea table3.0
 
Devlove2012 itowponde
Devlove2012 itowpondeDevlove2012 itowponde
Devlove2012 itowponde
 
UX - 業務システムにも感動を
UX - 業務システムにも感動をUX - 業務システムにも感動を
UX - 業務システムにも感動を
 
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」  先生:平石 大祐
約1000サービスの実績から見えた「UXを可視化するユーザーテストの極意」 先生:平石 大祐
 
UXRO_sernice materials
UXRO_sernice materialsUXRO_sernice materials
UXRO_sernice materials
 
HdIfes itowponde_130223
HdIfes itowponde_130223HdIfes itowponde_130223
HdIfes itowponde_130223
 
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプIndigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
 
オンライン手順書の作成を支援するシステムの開発
オンライン手順書の作成を支援するシステムの開発オンライン手順書の作成を支援するシステムの開発
オンライン手順書の作成を支援するシステムの開発
 
Saleshub uxro survice document ver1.1
Saleshub uxro survice document ver1.1Saleshub uxro survice document ver1.1
Saleshub uxro survice document ver1.1
 
開発コンセプトシートの考え方(大川弥生)
開発コンセプトシートの考え方(大川弥生)開発コンセプトシートの考え方(大川弥生)
開発コンセプトシートの考え方(大川弥生)
 
人とモノとの相互作用によるココロ計測の研究動向
人とモノとの相互作用によるココロ計測の研究動向人とモノとの相互作用によるココロ計測の研究動向
人とモノとの相互作用によるココロ計測の研究動向
 
Swiftビギナーズ 2016/01/09
Swiftビギナーズ 2016/01/09Swiftビギナーズ 2016/01/09
Swiftビギナーズ 2016/01/09
 
No innovative ideas can be created from persona and customer journey maps
No innovative ideas can be created from persona and customer journey mapsNo innovative ideas can be created from persona and customer journey maps
No innovative ideas can be created from persona and customer journey maps
 
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -誰のためのUI?  - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
 
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話
 
Com camp2014
Com camp2014Com camp2014
Com camp2014
 
190521 hcd library vol.7 publication ceremony
190521 hcd library vol.7 publication ceremony190521 hcd library vol.7 publication ceremony
190521 hcd library vol.7 publication ceremony
 
Visual Studio OnlineとUnityを使った バージョン管理と 継続的インテグレーション
Visual Studio OnlineとUnityを使ったバージョン管理と継続的インテグレーションVisual Studio OnlineとUnityを使ったバージョン管理と継続的インテグレーション
Visual Studio OnlineとUnityを使った バージョン管理と 継続的インテグレーション
 

More from Yoichi Shirasawa

動画にて、身体と人工物のインタラクションを表現する
動画にて、身体と人工物のインタラクションを表現する動画にて、身体と人工物のインタラクションを表現する
動画にて、身体と人工物のインタラクションを表現するYoichi Shirasawa
 
写真に関わるユーザーエクスペリエンス(UX)のためのアプローチ
写真に関わるユーザーエクスペリエンス(UX)のためのアプローチ写真に関わるユーザーエクスペリエンス(UX)のためのアプローチ
写真に関わるユーザーエクスペリエンス(UX)のためのアプローチYoichi Shirasawa
 
20151004 hcdvalue LT_shirasy_スケッチモーション
20151004 hcdvalue LT_shirasy_スケッチモーション20151004 hcdvalue LT_shirasy_スケッチモーション
20151004 hcdvalue LT_shirasy_スケッチモーションYoichi Shirasawa
 
20131116 digitable shirasy
20131116 digitable shirasy20131116 digitable shirasy
20131116 digitable shirasyYoichi Shirasawa
 
20140321_abc2014spring_shirasy
20140321_abc2014spring_shirasy20140321_abc2014spring_shirasy
20140321_abc2014spring_shirasyYoichi Shirasawa
 
20120623 cv勉強会 shirasy
20120623 cv勉強会 shirasy20120623 cv勉強会 shirasy
20120623 cv勉強会 shirasyYoichi Shirasawa
 
20111212paper whiteboard prototyping(shibuyaux)
20111212paper whiteboard prototyping(shibuyaux)20111212paper whiteboard prototyping(shibuyaux)
20111212paper whiteboard prototyping(shibuyaux)Yoichi Shirasawa
 
20111127 iccv祭り shirasy
20111127 iccv祭り shirasy20111127 iccv祭り shirasy
20111127 iccv祭り shirasyYoichi Shirasawa
 
20110904cvsaisentan(shirasy) 3 4_3
20110904cvsaisentan(shirasy) 3 4_320110904cvsaisentan(shirasy) 3 4_3
20110904cvsaisentan(shirasy) 3 4_3Yoichi Shirasawa
 
20110625 cv 3_3_5(shirasy)
20110625 cv 3_3_5(shirasy)20110625 cv 3_3_5(shirasy)
20110625 cv 3_3_5(shirasy)Yoichi Shirasawa
 
20110109第8回CV勉強会(ミーンシフトの原理と応用:6章・7章)shirasy)
20110109第8回CV勉強会(ミーンシフトの原理と応用:6章・7章)shirasy)20110109第8回CV勉強会(ミーンシフトの原理と応用:6章・7章)shirasy)
20110109第8回CV勉強会(ミーンシフトの原理と応用:6章・7章)shirasy)Yoichi Shirasawa
 
20100626 CVIM(3)6,7 shirasy
20100626 CVIM(3)6,7 shirasy20100626 CVIM(3)6,7 shirasy
20100626 CVIM(3)6,7 shirasyYoichi Shirasawa
 

More from Yoichi Shirasawa (15)

動画にて、身体と人工物のインタラクションを表現する
動画にて、身体と人工物のインタラクションを表現する動画にて、身体と人工物のインタラクションを表現する
動画にて、身体と人工物のインタラクションを表現する
 
写真に関わるユーザーエクスペリエンス(UX)のためのアプローチ
写真に関わるユーザーエクスペリエンス(UX)のためのアプローチ写真に関わるユーザーエクスペリエンス(UX)のためのアプローチ
写真に関わるユーザーエクスペリエンス(UX)のためのアプローチ
 
20151004 hcdvalue LT_shirasy_スケッチモーション
20151004 hcdvalue LT_shirasy_スケッチモーション20151004 hcdvalue LT_shirasy_スケッチモーション
20151004 hcdvalue LT_shirasy_スケッチモーション
 
20131116 digitable shirasy
20131116 digitable shirasy20131116 digitable shirasy
20131116 digitable shirasy
 
201312hcdnet2013-shirasy
201312hcdnet2013-shirasy201312hcdnet2013-shirasy
201312hcdnet2013-shirasy
 
20140321_abc2014spring_shirasy
20140321_abc2014spring_shirasy20140321_abc2014spring_shirasy
20140321_abc2014spring_shirasy
 
20121021hcdvalue_shirasy
20121021hcdvalue_shirasy20121021hcdvalue_shirasy
20121021hcdvalue_shirasy
 
20120623 cv勉強会 shirasy
20120623 cv勉強会 shirasy20120623 cv勉強会 shirasy
20120623 cv勉強会 shirasy
 
20111212paper whiteboard prototyping(shibuyaux)
20111212paper whiteboard prototyping(shibuyaux)20111212paper whiteboard prototyping(shibuyaux)
20111212paper whiteboard prototyping(shibuyaux)
 
20111127 iccv祭り shirasy
20111127 iccv祭り shirasy20111127 iccv祭り shirasy
20111127 iccv祭り shirasy
 
20111107 cvim(shirasy)
20111107 cvim(shirasy)20111107 cvim(shirasy)
20111107 cvim(shirasy)
 
20110904cvsaisentan(shirasy) 3 4_3
20110904cvsaisentan(shirasy) 3 4_320110904cvsaisentan(shirasy) 3 4_3
20110904cvsaisentan(shirasy) 3 4_3
 
20110625 cv 3_3_5(shirasy)
20110625 cv 3_3_5(shirasy)20110625 cv 3_3_5(shirasy)
20110625 cv 3_3_5(shirasy)
 
20110109第8回CV勉強会(ミーンシフトの原理と応用:6章・7章)shirasy)
20110109第8回CV勉強会(ミーンシフトの原理と応用:6章・7章)shirasy)20110109第8回CV勉強会(ミーンシフトの原理と応用:6章・7章)shirasy)
20110109第8回CV勉強会(ミーンシフトの原理と応用:6章・7章)shirasy)
 
20100626 CVIM(3)6,7 shirasy
20100626 CVIM(3)6,7 shirasy20100626 CVIM(3)6,7 shirasy
20100626 CVIM(3)6,7 shirasy
 

写真を見る人の経験のためにできること