SlideShare a Scribd company logo
1 of 28
IA/UX
坂本貴史 /上平崇仁 / 森田雄 / 村越悟 / 和田嘉弘
2014年4月4日
日本アドバタイザーズ協会 Web広告研究会
第6回東北セミボラ
#webken
ワークショップ
本セッションのねらいと目的10min
RFPの説明10min
重要なポイントを整理10min
コンテクストの設計20min
ワイヤーフレームの設計20min
まとめ10min
本セッションのねらいと目的
ワークショップ
あなたは、観光庁による Web 開発のプロジェクトメンバーに抜
擢されました。東北への観光の魅力をもっと高めるために、あな
たの情報を設計する力を貸して欲しいという直々の依頼です。ク
ライアントである観光庁から渡された提案依頼書は配布物の通
り。これに対する Best なデザインとは、一体どのようなもので
しょうか? みなさんも一緒に考えてみてください。
背景
RFPの説明
東北セミボラ #6 IA/UXデザインワークショップ
東北セミボラ #6 IA/UXデザインワークショップ
東北セミボラ #6 IA/UXデザインワークショップ
東北セミボラ #6 IA/UXデザインワークショップ
重要なポイント整理
1) 復興などをリアルタイムで情報発信
2) 太平洋沿岸エリアの来訪促進
・震災の記憶アーカイブ
・Myルートガイド(MAP)
・フォトコンテスト(旅日記・フォトダイアリー賞)
・スタンプなどの抽選キャンペーン(温泉ペア宿泊券など)
現行サイト概要
具現化
表層
骨格
構造
要件
戦略
ビジュアルデザイン
ナビゲーション

デザイン
インタラクション

デザイン
機能仕様
インターフェース

デザイン
情報デザイン
コンテンツ要求
情報アーキテクチャ
ユーザーニーズ
サイトの目的
コンテクストの設計
ユーザー目的 コンテンツ
・在住経験のある人(東北出身者)
・来訪経験のない人
・震災以降に来訪経験のない人
ユーザー
コンテンツ
おすすめのイベント
おすすめの観光情報
とれたて情報
PR動画
観光情報
メニュー
お知らせ
PRバナー
ソーシャル
東北パスポート
バナー
フッター
東北物語とは
スタンプラリー
観光情報
ゾーン・エリアから
探す
震災の記憶
Myルートガイド
ルート情報
お気に入り
とれたて情報
お申込
IDをお持ちの方はこちら
ホーム
コンセプトとコンテンツ
東北セミボラ #6 IA/UXデザインワークショップ
新規コンテンツの企画
ジャーニーマップの設計
要求整理
ステージ
ニーズ/課題
タッチポイント
友達に共有したい
トレーナーを見たい
ジムの場所を知りたい効果や体験談を知りたい
トレーナー写真の掲載
スマホ
行動/心情/思考
効果や体験談の掲載 SNS(シェア)機能店舗マップの掲載/GPS
帰宅時/電車夕方 自宅
お得な情報を知りたい 体験申込みをしたい
スマホ
キャンペーン情報の掲載 体験申込みへの誘導
スマホ
トレーナーが見たい!
友達からメッセが届いた!
とりあえず始めたい!
ジャーニー
マップ
ワイヤーフレームの設計
いつ・誰が・どのように使うのか、

を整理して画面設計に反映します。
はじめての方向け
キャンペーン
効果・体験談
こんなトレーナーが指導
帰宅時/電車時夕方時 自宅時
近くの店舗を探す
SNSシェア
体験申込み
オンラインパーソナル
トレーニング近くの店舗を探す
トレーナー トレーナー
トレーナー トレーナー詳しく見る
パーソナルトレーニング
ワイヤー
フレーム
まとめ
Thank you!
坂本貴史 /上平崇仁 / 森田雄 / 村越悟 / 和田嘉弘
2014年4月4日
日本アドバタイザーズ協会 Web広告研究会
第6回東北セミボラ
#webken

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
 
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
 
カスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイントカスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイント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
 
schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"Takashi Sakamoto
 
UX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザインUX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザインTakashi Sakamoto
 

Viewers also liked (6)

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
 
Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"
 
カスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイントカスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイント
 
"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
 
schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"
 
UX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザインUX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
 

Similar to 東北セミボラ #6 IA/UXデザインワークショップ

これからの産業をつくるために、ものづくりの今を学ぶ 先生:高野 元・野村 岳史
これからの産業をつくるために、ものづくりの今を学ぶ 先生:高野 元・野村 岳史これからの産業をつくるために、ものづくりの今を学ぶ 先生:高野 元・野村 岳史
これからの産業をつくるために、ものづくりの今を学ぶ 先生:高野 元・野村 岳史schoowebcampus
 
UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発Takuya Kitamura
 
リクルートでのUXリサーチ
リクルートでのUXリサーチリクルートでのUXリサーチ
リクルートでのUXリサーチSteph Maki Okusa
 
connpass特徴と開発の流れ
connpass特徴と開発の流れconnpass特徴と開発の流れ
connpass特徴と開発の流れIkeda Yosuke
 
ミラノ工科大学連携プログラム サービスデザイン基礎研修 募集要項|Tangity part of NTTDATA
ミラノ工科大学連携プログラム サービスデザイン基礎研修 募集要項|Tangity part of NTTDATAミラノ工科大学連携プログラム サービスデザイン基礎研修 募集要項|Tangity part of NTTDATA
ミラノ工科大学連携プログラム サービスデザイン基礎研修 募集要項|Tangity part of NTTDATAMiyuki Okabe
 
Human Centered Design Practice Workshop in Product Development
Human Centered Design Practice Workshop in Product DevelopmentHuman Centered Design Practice Workshop in Product Development
Human Centered Design Practice Workshop in Product DevelopmentToru Mizumoto
 
20190201 nec solution_innovator_workshop
20190201 nec solution_innovator_workshop20190201 nec solution_innovator_workshop
20190201 nec solution_innovator_workshopTakashi Yamada
 
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアルUIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアルTaiki Kawakami
 
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEUX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEYoshiki Hayama
 
04 コンテナ管理ツール比較 public_r001
04 コンテナ管理ツール比較 public_r00104 コンテナ管理ツール比較 public_r001
04 コンテナ管理ツール比較 public_r001cyberblack28 Ichikawa
 
Prototype in Service Design
Prototype in Service DesignPrototype in Service Design
Prototype in Service DesignHiiro Kato
 
「OpenStack最新情報セミナー」2014/4 アンケート集計結果
「OpenStack最新情報セミナー」2014/4 アンケート集計結果「OpenStack最新情報セミナー」2014/4 アンケート集計結果
「OpenStack最新情報セミナー」2014/4 アンケート集計結果VirtualTech Japan Inc.
 
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125VOYAGE GROUP UIO strategies section
 
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザインConcent, Inc.
 
[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!c-mitsuba
 
第8回八子クラウド座談会資料 20120929
第8回八子クラウド座談会資料 20120929第8回八子クラウド座談会資料 20120929
第8回八子クラウド座談会資料 20120929知礼 八子
 
ReDesigner Online Meetup for INTERNSHIP Vol.1
ReDesigner Online Meetup for INTERNSHIP Vol.1ReDesigner Online Meetup for INTERNSHIP Vol.1
ReDesigner Online Meetup for INTERNSHIP Vol.1Satoshi Shibata
 
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド0120121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01Kenta Nakamura
 
HeapStatsの出展と発表を通して見えた JavaOne2014
HeapStatsの出展と発表を通して見えた JavaOne2014HeapStatsの出展と発表を通して見えた JavaOne2014
HeapStatsの出展と発表を通して見えた JavaOne2014Shinji Takao
 

Similar to 東北セミボラ #6 IA/UXデザインワークショップ (20)

これからの産業をつくるために、ものづくりの今を学ぶ 先生:高野 元・野村 岳史
これからの産業をつくるために、ものづくりの今を学ぶ 先生:高野 元・野村 岳史これからの産業をつくるために、ものづくりの今を学ぶ 先生:高野 元・野村 岳史
これからの産業をつくるために、ものづくりの今を学ぶ 先生:高野 元・野村 岳史
 
UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発
 
リクルートでのUXリサーチ
リクルートでのUXリサーチリクルートでのUXリサーチ
リクルートでのUXリサーチ
 
connpass特徴と開発の流れ
connpass特徴と開発の流れconnpass特徴と開発の流れ
connpass特徴と開発の流れ
 
ミラノ工科大学連携プログラム サービスデザイン基礎研修 募集要項|Tangity part of NTTDATA
ミラノ工科大学連携プログラム サービスデザイン基礎研修 募集要項|Tangity part of NTTDATAミラノ工科大学連携プログラム サービスデザイン基礎研修 募集要項|Tangity part of NTTDATA
ミラノ工科大学連携プログラム サービスデザイン基礎研修 募集要項|Tangity part of NTTDATA
 
Human Centered Design Practice Workshop in Product Development
Human Centered Design Practice Workshop in Product DevelopmentHuman Centered Design Practice Workshop in Product Development
Human Centered Design Practice Workshop in Product Development
 
20190201 nec solution_innovator_workshop
20190201 nec solution_innovator_workshop20190201 nec solution_innovator_workshop
20190201 nec solution_innovator_workshop
 
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアルUIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
 
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEUX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
 
04 コンテナ管理ツール比較 public_r001
04 コンテナ管理ツール比較 public_r00104 コンテナ管理ツール比較 public_r001
04 コンテナ管理ツール比較 public_r001
 
Rancher select
Rancher selectRancher select
Rancher select
 
Prototype in Service Design
Prototype in Service DesignPrototype in Service Design
Prototype in Service Design
 
「OpenStack最新情報セミナー」2014/4 アンケート集計結果
「OpenStack最新情報セミナー」2014/4 アンケート集計結果「OpenStack最新情報セミナー」2014/4 アンケート集計結果
「OpenStack最新情報セミナー」2014/4 アンケート集計結果
 
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
 
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン
 
[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!
 
第8回八子クラウド座談会資料 20120929
第8回八子クラウド座談会資料 20120929第8回八子クラウド座談会資料 20120929
第8回八子クラウド座談会資料 20120929
 
ReDesigner Online Meetup for INTERNSHIP Vol.1
ReDesigner Online Meetup for INTERNSHIP Vol.1ReDesigner Online Meetup for INTERNSHIP Vol.1
ReDesigner Online Meetup for INTERNSHIP Vol.1
 
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド0120121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
 
HeapStatsの出展と発表を通して見えた JavaOne2014
HeapStatsの出展と発表を通して見えた JavaOne2014HeapStatsの出展と発表を通して見えた JavaOne2014
HeapStatsの出展と発表を通して見えた JavaOne2014
 

More from Takashi Sakamoto

#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐためにTakashi 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
 
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
 
TC x IA "UX Design" Technical Communication Symposium 2012 Tokyo
TC x IA "UX Design" Technical Communication Symposium 2012 TokyoTC x IA "UX Design" Technical Communication Symposium 2012 Tokyo
TC x IA "UX Design" Technical Communication Symposium 2012 TokyoTakashi Sakamoto
 
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
 
Business ICT seminar #43 Keynote Presentation
Business ICT seminar #43 Keynote PresentationBusiness ICT seminar #43 Keynote Presentation
Business ICT seminar #43 Keynote PresentationTakashi 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
 
"IA Thinking" Workshop at Open-I Seminar 20110528
"IA Thinking" Workshop at Open-I Seminar 20110528 "IA Thinking" Workshop at Open-I Seminar 20110528
"IA Thinking" Workshop at Open-I Seminar 20110528 Takashi Sakamoto
 
"IA Thinking" Workshop at Digital Hollywood OSAKA 20110522
"IA Thinking" Workshop at Digital Hollywood OSAKA 20110522"IA Thinking" Workshop at Digital Hollywood OSAKA 20110522
"IA Thinking" Workshop at Digital Hollywood OSAKA 20110522Takashi Sakamoto
 
"IA Thinking" Workshop at Apple Store Sakae 20110521
"IA Thinking" Workshop at Apple Store Sakae 20110521"IA Thinking" Workshop at Apple Store Sakae 20110521
"IA Thinking" Workshop at Apple Store Sakae 20110521Takashi Sakamoto
 
"IA Thinking" Workshop at Apple Store Ginza 20110514
"IA Thinking" Workshop at Apple Store Ginza 20110514"IA Thinking" Workshop at Apple Store Ginza 20110514
"IA Thinking" Workshop at Apple Store Ginza 20110514Takashi Sakamoto
 

More from Takashi Sakamoto (16)

#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために
 
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
 
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
 
TC x IA "UX Design" Technical Communication Symposium 2012 Tokyo
TC x IA "UX Design" Technical Communication Symposium 2012 TokyoTC x IA "UX Design" Technical Communication Symposium 2012 Tokyo
TC x IA "UX Design" Technical Communication Symposium 2012 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
 
Business ICT seminar #43 Keynote Presentation
Business ICT seminar #43 Keynote PresentationBusiness ICT seminar #43 Keynote Presentation
Business ICT seminar #43 Keynote Presentation
 
"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
 
"IA Thinking" Workshop at Open-I Seminar 20110528
"IA Thinking" Workshop at Open-I Seminar 20110528 "IA Thinking" Workshop at Open-I Seminar 20110528
"IA Thinking" Workshop at Open-I Seminar 20110528
 
"IA Thinking" Workshop at Digital Hollywood OSAKA 20110522
"IA Thinking" Workshop at Digital Hollywood OSAKA 20110522"IA Thinking" Workshop at Digital Hollywood OSAKA 20110522
"IA Thinking" Workshop at Digital Hollywood OSAKA 20110522
 
"IA Thinking" Workshop at Apple Store Sakae 20110521
"IA Thinking" Workshop at Apple Store Sakae 20110521"IA Thinking" Workshop at Apple Store Sakae 20110521
"IA Thinking" Workshop at Apple Store Sakae 20110521
 
"IA Thinking" Workshop at Apple Store Ginza 20110514
"IA Thinking" Workshop at Apple Store Ginza 20110514"IA Thinking" Workshop at Apple Store Ginza 20110514
"IA Thinking" Workshop at Apple Store Ginza 20110514
 

東北セミボラ #6 IA/UXデザインワークショップ