SlideShare a Scribd company logo
1 of 38
UXドキュメンテーション
TWITTER #WCAF @BOOKSLOPE2012.11.21 WCAF VOL.9 THINK OF UX IN FUKUI
WCAF VOL.9
by carriejeberhardt
坂本貴史
UX Designer
グラフィックデザイナー出身
2002年 ネットイヤーグループ
国内大手企業のWeb戦略
情報アーキテクチャ
クリエイティブディレクション
IA Institute会員 HCD-Net会員
OpenUMプロジェクト
IAシンキング
寄稿・講演
by Sgkh
情報分類
by Ipoh kia
検索パターン
ユーザー コンテキストコンテンツ
ナビゲーションサイトストラクチャ ラベル
ワイヤーフレーム
ビジュアルデザイン
コンセプト・戦略
可視化
されやすい領域
可視化
されにくい領域
優れたユーザエクスペリエン
スデザインを実現するため
Russ Unger, Carolyn Chandler (共著)
UXデザイン
プロジェクトガイド
UXに惑わされない
by Ed Lea
現象としてのUX
研究分野としてのUX
実践としてのUX
ユーザーが何をどう感じるか、心理構造の解明
結果どうすれば、ユーザーの満足が得られるのか
仕組化して継続的に提供し続けられるようにするには
実践としてのUX
by BBC
Peter Morville「Cross-Channel Strategy」
一貫性文脈性 対立性
構成接続性 継続性
UXジャーニーマップ
byThe Anatomy of an Experience Map – Adaptive Path
どういう状況か
ステージ
だれが関係するか
ユーザー
場所や環境
コンテクスト
製品やサービス
ビジネス
なにをしているのか
アクション
どう感じるか
エモーション
UXジャーニーマップサンプル
プライオリティガイドサンプル
箱を開ける 顧客体験
Webサイトに訪れる 顧客体験
ユーザーの行動モデルとWebサイトの役割
ペルソナテンプレート
by KONIGI
by UXPIN
by eightshapes
by eightshapes
成果物ダイアグラム
ドキュメンテーションをデザインする
プロジェクトをデザインする
by carriejeberhardt
文脈を固める
どんな風に見える化したか示す
主要な決定事項を強調する
制約を明らかにする
詳細を伝える
by carriejeberhardt
目的との照合
ユーザビリティの問題
内容や優先順位の問題
機能的な問題
実現可能性
by carriejeberhardt
WFに描かれていることを理解していない
そのWFがUXの中にどう収まるのかを理解していない
作者を傷つけたくない
他のステークホルダーがいるところで発言したくない
デザインの批評ができない
by carriejeberhardt
「UX」をドキュメントベースでとらえなおすことは、
「UXデザイン」のスキルを確実に身につけている証拠です。
デザインのスキルUX
ありがとうございました
DO YOU HAVE ANY QUESTIONS?
TWITTER #WCAF @BOOKSLOPE2012.11.21 WCAF VOL.9 THINK OF UX IN FUKUI
ドキュメントコミュニケーションの教科書
Dan M. Brown (著), 奥泉直子 (翻訳), 佐藤伸哉 (監訳)
Webサイト設計のための
デザイン&プランニング

More Related Content

Viewers also liked

Beyond Mobile IA Thinking at Goodpatch LT
Beyond Mobile IA Thinking at Goodpatch LTBeyond Mobile IA Thinking at Goodpatch LT
Beyond Mobile IA Thinking at Goodpatch LTTakashi Sakamoto
 
「ソーシャルメディアがもたらす変化と企業戦略 ~ビジネスチャンスを活かす組織づくり~」
「ソーシャルメディアがもたらす変化と企業戦略 ~ビジネスチャンスを活かす組織づくり~」「ソーシャルメディアがもたらす変化と企業戦略 ~ビジネスチャンスを活かす組織づくり~」
「ソーシャルメディアがもたらす変化と企業戦略 ~ビジネスチャンスを活かす組織づくり~」NetyearGroup
 
2013.12.06開催 Google アナリティクス プレミアム導入検討・活用セミナー ~マーケティングプラットフォームとしての可能性を考える~
2013.12.06開催 Google アナリティクス プレミアム導入検討・活用セミナー ~マーケティングプラットフォームとしての可能性を考える~2013.12.06開催 Google アナリティクス プレミアム導入検討・活用セミナー ~マーケティングプラットフォームとしての可能性を考える~
2013.12.06開催 Google アナリティクス プレミアム導入検討・活用セミナー ~マーケティングプラットフォームとしての可能性を考える~NetyearGroup
 
”FaceBookと企業サイト" netyear seminar 20101008
”FaceBookと企業サイト" netyear seminar 20101008”FaceBookと企業サイト" netyear seminar 20101008
”FaceBookと企業サイト" netyear seminar 20101008NetyearGroup
 
ネットイヤーグループ×レスポンシス共催 米国最新事例を紹介!利益が30%向上した次世代のデジタルコミュニケーションの実践とは?
ネットイヤーグループ×レスポンシス共催  米国最新事例を紹介!利益が30%向上した次世代のデジタルコミュニケーションの実践とは?ネットイヤーグループ×レスポンシス共催  米国最新事例を紹介!利益が30%向上した次世代のデジタルコミュニケーションの実践とは?
ネットイヤーグループ×レスポンシス共催 米国最新事例を紹介!利益が30%向上した次世代のデジタルコミュニケーションの実践とは?NetyearGroup
 
20110712中国ecセミナー
20110712中国ecセミナー20110712中国ecセミナー
20110712中国ecセミナーNetyearGroup
 
成果を出すデジタル化支援とは
成果を出すデジタル化支援とは成果を出すデジタル化支援とは
成果を出すデジタル化支援とはNetyearGroup
 
”Facebookと企業の上手な付き合い方について" netyeargroup seminar 20110114
”Facebookと企業の上手な付き合い方について" netyeargroup seminar 20110114”Facebookと企業の上手な付き合い方について" netyeargroup seminar 20110114
”Facebookと企業の上手な付き合い方について" netyeargroup seminar 20110114NetyearGroup
 
「地域がメディアを持つ時代」~地域共創メディア開発への挑戦~
「地域がメディアを持つ時代」~地域共創メディア開発への挑戦~「地域がメディアを持つ時代」~地域共創メディア開発への挑戦~
「地域がメディアを持つ時代」~地域共創メディア開発への挑戦~NetyearGroup
 
20170215 NPS導入のSTEPと成功に導くアプローチとは
20170215 NPS導入のSTEPと成功に導くアプローチとは20170215 NPS導入のSTEPと成功に導くアプローチとは
20170215 NPS導入のSTEPと成功に導くアプローチとはNetyearGroup
 
Lead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX DesignLead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX DesignTakashi Sakamoto
 
訳書『デザイニング・インターフェース』について
訳書『デザイニング・インターフェース』について訳書『デザイニング・インターフェース』について
訳書『デザイニング・インターフェース』についてNoriyo Asano
 
オムニチャネルとは - 顧客体験からすべてが始まる -
オムニチャネルとは - 顧客体験からすべてが始まる -オムニチャネルとは - 顧客体験からすべてが始まる -
オムニチャネルとは - 顧客体験からすべてが始まる -NetyearGroup
 
#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐためにTakashi Sakamoto
 
The Architecture of Understanding (and Happiness)
The Architecture of Understanding (and Happiness)The Architecture of Understanding (and Happiness)
The Architecture of Understanding (and Happiness)Peter Morville
 
LINEファミリーサービスの育て方 LINEバイトの場合
LINEファミリーサービスの育て方 LINEバイトの場合LINEファミリーサービスの育て方 LINEバイトの場合
LINEファミリーサービスの育て方 LINEバイトの場合LINE Corporation
 
ユーザー像を捉えてサービスを成長させよう
ユーザー像を捉えてサービスを成長させようユーザー像を捉えてサービスを成長させよう
ユーザー像を捉えてサービスを成長させよう真朝 山口
 

Viewers also liked (19)

Beyond Mobile IA Thinking at Goodpatch LT
Beyond Mobile IA Thinking at Goodpatch LTBeyond Mobile IA Thinking at Goodpatch LT
Beyond Mobile IA Thinking at Goodpatch LT
 
「ソーシャルメディアがもたらす変化と企業戦略 ~ビジネスチャンスを活かす組織づくり~」
「ソーシャルメディアがもたらす変化と企業戦略 ~ビジネスチャンスを活かす組織づくり~」「ソーシャルメディアがもたらす変化と企業戦略 ~ビジネスチャンスを活かす組織づくり~」
「ソーシャルメディアがもたらす変化と企業戦略 ~ビジネスチャンスを活かす組織づくり~」
 
2013.12.06開催 Google アナリティクス プレミアム導入検討・活用セミナー ~マーケティングプラットフォームとしての可能性を考える~
2013.12.06開催 Google アナリティクス プレミアム導入検討・活用セミナー ~マーケティングプラットフォームとしての可能性を考える~2013.12.06開催 Google アナリティクス プレミアム導入検討・活用セミナー ~マーケティングプラットフォームとしての可能性を考える~
2013.12.06開催 Google アナリティクス プレミアム導入検討・活用セミナー ~マーケティングプラットフォームとしての可能性を考える~
 
”FaceBookと企業サイト" netyear seminar 20101008
”FaceBookと企業サイト" netyear seminar 20101008”FaceBookと企業サイト" netyear seminar 20101008
”FaceBookと企業サイト" netyear seminar 20101008
 
ネットイヤーグループ×レスポンシス共催 米国最新事例を紹介!利益が30%向上した次世代のデジタルコミュニケーションの実践とは?
ネットイヤーグループ×レスポンシス共催  米国最新事例を紹介!利益が30%向上した次世代のデジタルコミュニケーションの実践とは?ネットイヤーグループ×レスポンシス共催  米国最新事例を紹介!利益が30%向上した次世代のデジタルコミュニケーションの実践とは?
ネットイヤーグループ×レスポンシス共催 米国最新事例を紹介!利益が30%向上した次世代のデジタルコミュニケーションの実践とは?
 
20110712中国ecセミナー
20110712中国ecセミナー20110712中国ecセミナー
20110712中国ecセミナー
 
成果を出すデジタル化支援とは
成果を出すデジタル化支援とは成果を出すデジタル化支援とは
成果を出すデジタル化支援とは
 
”Facebookと企業の上手な付き合い方について" netyeargroup seminar 20110114
”Facebookと企業の上手な付き合い方について" netyeargroup seminar 20110114”Facebookと企業の上手な付き合い方について" netyeargroup seminar 20110114
”Facebookと企業の上手な付き合い方について" netyeargroup seminar 20110114
 
「地域がメディアを持つ時代」~地域共創メディア開発への挑戦~
「地域がメディアを持つ時代」~地域共創メディア開発への挑戦~「地域がメディアを持つ時代」~地域共創メディア開発への挑戦~
「地域がメディアを持つ時代」~地域共創メディア開発への挑戦~
 
20170215 NPS導入のSTEPと成功に導くアプローチとは
20170215 NPS導入のSTEPと成功に導くアプローチとは20170215 NPS導入のSTEPと成功に導くアプローチとは
20170215 NPS導入のSTEPと成功に導くアプローチとは
 
World IA Day 2017 Tokyo
World IA Day 2017 TokyoWorld IA Day 2017 Tokyo
World IA Day 2017 Tokyo
 
Lead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX DesignLead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX Design
 
訳書『デザイニング・インターフェース』について
訳書『デザイニング・インターフェース』について訳書『デザイニング・インターフェース』について
訳書『デザイニング・インターフェース』について
 
オムニチャネルとは - 顧客体験からすべてが始まる -
オムニチャネルとは - 顧客体験からすべてが始まる -オムニチャネルとは - 顧客体験からすべてが始まる -
オムニチャネルとは - 顧客体験からすべてが始まる -
 
#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために
 
The Architecture of Understanding (and Happiness)
The Architecture of Understanding (and Happiness)The Architecture of Understanding (and Happiness)
The Architecture of Understanding (and Happiness)
 
LINEファミリーサービスの育て方 LINEバイトの場合
LINEファミリーサービスの育て方 LINEバイトの場合LINEファミリーサービスの育て方 LINEバイトの場合
LINEファミリーサービスの育て方 LINEバイトの場合
 
UX TOKYO Jam 2014 Closing Keynote
UX TOKYO Jam 2014 Closing KeynoteUX TOKYO Jam 2014 Closing Keynote
UX TOKYO Jam 2014 Closing Keynote
 
ユーザー像を捉えてサービスを成長させよう
ユーザー像を捉えてサービスを成長させようユーザー像を捉えてサービスを成長させよう
ユーザー像を捉えてサービスを成長させよう
 

More from Takashi Sakamoto

カスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイントカスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイントTakashi Sakamoto
 
Casual Journey Mapping for UX Design Method - UXSF 2015 Summer
Casual Journey Mapping for UX Design Method - UXSF 2015 SummerCasual Journey Mapping for UX Design Method - UXSF 2015 Summer
Casual Journey Mapping for UX Design Method - UXSF 2015 SummerTakashi Sakamoto
 
UX approach for real cross media planning
UX approach for real cross media planningUX approach for real cross media planning
UX approach for real cross media planningTakashi Sakamoto
 
"UI Patterns for Smartphone" HCD-Net SD #6 2014
"UI Patterns for Smartphone" HCD-Net SD #6 2014"UI Patterns for Smartphone" HCD-Net SD #6 2014
"UI Patterns for Smartphone" HCD-Net SD #6 2014Takashi Sakamoto
 
東北セミボラ #6 IA/UXデザインワークショップ
東北セミボラ #6 IA/UXデザインワークショップ東北セミボラ #6 IA/UXデザインワークショップ
東北セミボラ #6 IA/UXデザインワークショップTakashi Sakamoto
 
CSS Nite LP33 UI/UX "Bridge Builder"
CSS Nite LP33 UI/UX "Bridge Builder"CSS Nite LP33 UI/UX "Bridge Builder"
CSS Nite LP33 UI/UX "Bridge Builder"Takashi Sakamoto
 
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題Takashi Sakamoto
 
#DevLOVE IAシンキングによるモバイル再設計
#DevLOVE IAシンキングによるモバイル再設計#DevLOVE IAシンキングによるモバイル再設計
#DevLOVE IAシンキングによるモバイル再設計Takashi Sakamoto
 
schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"Takashi Sakamoto
 
"UI Patterns for Smartphone" HCD-Net SD #6
"UI Patterns for Smartphone" HCD-Net SD #6"UI Patterns for Smartphone" HCD-Net SD #6
"UI Patterns for Smartphone" HCD-Net SD #6Takashi Sakamoto
 
UX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザインUX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザインTakashi Sakamoto
 
UX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザインUX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザインTakashi Sakamoto
 
Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"Takashi Sakamoto
 
Schoo the user experience of web site
Schoo the user experience of web siteSchoo the user experience of web site
Schoo the user experience of web siteTakashi Sakamoto
 
"World IA Day 2012 Tokyo" Keynote Presentation
"World IA Day 2012 Tokyo" Keynote Presentation"World IA Day 2012 Tokyo" Keynote Presentation
"World IA Day 2012 Tokyo" Keynote PresentationTakashi Sakamoto
 
HCD-Net "Information inventory" of local government website
HCD-Net "Information inventory" of local government websiteHCD-Net "Information inventory" of local government website
HCD-Net "Information inventory" of local government websiteTakashi Sakamoto
 
OpenUM presents "Content First" for local government sites"
OpenUM presents "Content First" for local government sites" OpenUM presents "Content First" for local government sites"
OpenUM presents "Content First" for local government sites" Takashi Sakamoto
 
aquent "IA" Workshop @Osaka 20111123
aquent "IA" Workshop @Osaka 20111123aquent "IA" Workshop @Osaka 20111123
aquent "IA" Workshop @Osaka 20111123Takashi Sakamoto
 
"IA and Global Web" at FatWire Seminar 20110607
"IA and Global Web" at FatWire Seminar 20110607"IA and Global Web" at FatWire Seminar 20110607
"IA and Global Web" at FatWire Seminar 20110607Takashi Sakamoto
 
UX Design Project Guide at WebUX information design forum 20110604
UX Design Project Guide at WebUX information design forum 20110604UX Design Project Guide at WebUX information design forum 20110604
UX Design Project Guide at WebUX information design forum 20110604Takashi Sakamoto
 

More from Takashi Sakamoto (20)

カスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイントカスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイント
 
Casual Journey Mapping for UX Design Method - UXSF 2015 Summer
Casual Journey Mapping for UX Design Method - UXSF 2015 SummerCasual Journey Mapping for UX Design Method - UXSF 2015 Summer
Casual Journey Mapping for UX Design Method - UXSF 2015 Summer
 
UX approach for real cross media planning
UX approach for real cross media planningUX approach for real cross media planning
UX approach for real cross media planning
 
"UI Patterns for Smartphone" HCD-Net SD #6 2014
"UI Patterns for Smartphone" HCD-Net SD #6 2014"UI Patterns for Smartphone" HCD-Net SD #6 2014
"UI Patterns for Smartphone" HCD-Net SD #6 2014
 
東北セミボラ #6 IA/UXデザインワークショップ
東北セミボラ #6 IA/UXデザインワークショップ東北セミボラ #6 IA/UXデザインワークショップ
東北セミボラ #6 IA/UXデザインワークショップ
 
CSS Nite LP33 UI/UX "Bridge Builder"
CSS Nite LP33 UI/UX "Bridge Builder"CSS Nite LP33 UI/UX "Bridge Builder"
CSS Nite LP33 UI/UX "Bridge Builder"
 
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
 
#DevLOVE IAシンキングによるモバイル再設計
#DevLOVE IAシンキングによるモバイル再設計#DevLOVE IAシンキングによるモバイル再設計
#DevLOVE IAシンキングによるモバイル再設計
 
schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"
 
"UI Patterns for Smartphone" HCD-Net SD #6
"UI Patterns for Smartphone" HCD-Net SD #6"UI Patterns for Smartphone" HCD-Net SD #6
"UI Patterns for Smartphone" HCD-Net SD #6
 
UX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザインUX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
 
UX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザインUX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
 
Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"
 
Schoo the user experience of web site
Schoo the user experience of web siteSchoo the user experience of web site
Schoo the user experience of web site
 
"World IA Day 2012 Tokyo" Keynote Presentation
"World IA Day 2012 Tokyo" Keynote Presentation"World IA Day 2012 Tokyo" Keynote Presentation
"World IA Day 2012 Tokyo" Keynote Presentation
 
HCD-Net "Information inventory" of local government website
HCD-Net "Information inventory" of local government websiteHCD-Net "Information inventory" of local government website
HCD-Net "Information inventory" of local government website
 
OpenUM presents "Content First" for local government sites"
OpenUM presents "Content First" for local government sites" OpenUM presents "Content First" for local government sites"
OpenUM presents "Content First" for local government sites"
 
aquent "IA" Workshop @Osaka 20111123
aquent "IA" Workshop @Osaka 20111123aquent "IA" Workshop @Osaka 20111123
aquent "IA" Workshop @Osaka 20111123
 
"IA and Global Web" at FatWire Seminar 20110607
"IA and Global Web" at FatWire Seminar 20110607"IA and Global Web" at FatWire Seminar 20110607
"IA and Global Web" at FatWire Seminar 20110607
 
UX Design Project Guide at WebUX information design forum 20110604
UX Design Project Guide at WebUX information design forum 20110604UX Design Project Guide at WebUX information design forum 20110604
UX Design Project Guide at WebUX information design forum 20110604
 

WCAF #9 "Think of UX" UX Documentation