lead the webmasters to future with "ia thinking" for ux design

53
IAシンキングで導く、これからのUXデザイン 坂本貴史 @bookslope 2012.8.10 ロフトワークセミナー Twitter #lwseminar

Upload: takashi-sakamoto

Post on 27-Jan-2015

105 views

Category:

Design


3 download

DESCRIPTION

Loftwork で開催したセミナー「UXで企業Webサイトにイノベーションを起こす方法」でプレゼンした「IAシンキングで導く、UXデザイン」のスライドです。

TRANSCRIPT

Page 1: Lead the webmasters to future with "IA Thinking" for UX Design

IAシンキングで導く、これからのUXデザイン坂本貴史 @bookslope 2012.8.10 ロフトワークセミナー

Twitter #lwseminar

Page 2: Lead the webmasters to future with "IA Thinking" for UX Design

坂本貴史UX Designer

グラフィックデザイナー出身

2002年 ネットイヤーグループ

国内大手企業のWeb戦略

情報アーキテクチャ

クリエイティブディレクション

IA Institute会員 HCD-Net会員

OpenUMプロジェクト

IAシンキング

寄稿・講演

Page 3: Lead the webmasters to future with "IA Thinking" for UX Design
Page 4: Lead the webmasters to future with "IA Thinking" for UX Design
Page 5: Lead the webmasters to future with "IA Thinking" for UX Design
Page 6: Lead the webmasters to future with "IA Thinking" for UX Design

UXデザインIAシンキング フレームワーク

Page 7: Lead the webmasters to future with "IA Thinking" for UX Design

IAシンキングを身につける

Page 10: Lead the webmasters to future with "IA Thinking" for UX Design

サイトストラクチャ

Page 11: Lead the webmasters to future with "IA Thinking" for UX Design

ワイヤーフレーム

Page 12: Lead the webmasters to future with "IA Thinking" for UX Design

開始

完了

意図

結果

ユーザーニーズ

サイトの目的

機能仕様

ビジュアルデザイン

情報デザイン

インターフェースデザイン

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

コンテンツ要求

ナビゲーションデザイン

情報アーキテクチャ

Page 13: Lead the webmasters to future with "IA Thinking" for UX Design
Page 14: Lead the webmasters to future with "IA Thinking" for UX Design

コンテクスト

ホームを配置

お知らせ、製品情報、サービス・機能、料金・割引・お客

様サポートの順番

PRが下のメニューで切り替えが可能

オススメコンテンツを配置

目的から探すを配置

お知らせやニュースの下にキャンペーンを配位

サポート「Mydocomo」やオンラインショップのリンクバナーを配置

法人やそれ以外のメニューを配置

その下に企業情報

コンテンツ

リファレンス

Page 15: Lead the webmasters to future with "IA Thinking" for UX Design

デザインパターン

Page 16: Lead the webmasters to future with "IA Thinking" for UX Design
Page 17: Lead the webmasters to future with "IA Thinking" for UX Design

面積を大きく 目に入りやすく

わかりやすくするには

文字を大きく太く 読みやすく

コントラストを強く 識別をしやすく

Page 19: Lead the webmasters to future with "IA Thinking" for UX Design

ユーザーニーズ

サイトの目的

機能仕様

ビジュアルデザイン

情報デザイン

インターフェースデザイン

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

コンテンツ要求

ナビゲーションデザイン

情報アーキテクチャ

仮説

事象

なぜ

Page 20: Lead the webmasters to future with "IA Thinking" for UX Design

ビジュアルデザイン

機能・コンテンツ

サイト構造や動線

Page 21: Lead the webmasters to future with "IA Thinking" for UX Design

仮説パターンを見つけること“ “

IAシンキングを身につけるとは

Page 22: Lead the webmasters to future with "IA Thinking" for UX Design

なぜ 楽しいのか

Page 23: Lead the webmasters to future with "IA Thinking" for UX Design

問題解決のアプローチ

思考プロセスの可視化

Page 24: Lead the webmasters to future with "IA Thinking" for UX Design

UXデザインとメリット

Page 25: Lead the webmasters to future with "IA Thinking" for UX Design
Page 26: Lead the webmasters to future with "IA Thinking" for UX Design

UXデザインとは

UXD 利用シーンの計画=

Page 27: Lead the webmasters to future with "IA Thinking" for UX Design

利用者数

アクセス数

アクセス分析

利用時間

購入情報

Page 28: Lead the webmasters to future with "IA Thinking" for UX Design

箱を開けるシーン 顧客仮説

Page 29: Lead the webmasters to future with "IA Thinking" for UX Design

数字だけでは見えない課題の発見“ “

UXデザインを取り入れるメリットとは

Page 30: Lead the webmasters to future with "IA Thinking" for UX Design

2011年4月 2011年7月

3.00

2.00

1.00

0

トレンド

?

Page 31: Lead the webmasters to future with "IA Thinking" for UX Design

2.5 時間

1日あたりの接触時間

パソコンテレビ スマートフォン

2.5 時間 65分 51分

アプリ利用インターネット利用インターネット利用視聴

Page 32: Lead the webmasters to future with "IA Thinking" for UX Design

顧客開発のための計画“ “

プロダクト開発ではなく

Page 33: Lead the webmasters to future with "IA Thinking" for UX Design

役に立つUseful

価値がある

Valuable

信頼できる

Credible

使いやすい

Usable

アクセスしやすいAccessible

好ましいDesirable

見つけやすいFindable

Page 34: Lead the webmasters to future with "IA Thinking" for UX Design

満足する

安心する

利用しやすい

アクセスしやすい

役に立つ

価値がある

信頼できる

使いやすい

アクセスしやすい

好ましい

見つけやすい

Page 35: Lead the webmasters to future with "IA Thinking" for UX Design

メディアの整理ができる

サイト/アプリの役割がわかる

KGIなど目標や指標が立てやすい

Page 36: Lead the webmasters to future with "IA Thinking" for UX Design

これからのフレームワーク

Page 37: Lead the webmasters to future with "IA Thinking" for UX Design

戦略策定をするためのフレームワーク“ “

UXデザインとは

Page 38: Lead the webmasters to future with "IA Thinking" for UX Design

koboの利用体験

Page 39: Lead the webmasters to future with "IA Thinking" for UX Design

購入後に

購入者が

koboの

箱をあける

Page 40: Lead the webmasters to future with "IA Thinking" for UX Design

UXジャーニーマップ

Page 41: Lead the webmasters to future with "IA Thinking" for UX Design

ユーザー

ビジネス

タッチポイント

Page 42: Lead the webmasters to future with "IA Thinking" for UX Design

ステージ どういう状況か

ユーザー だれが関係するか

コンテクスト 場所や環境

ビジネス 製品やサービス

アクション なにをしているか

エモーション どう感じるか

Page 43: Lead the webmasters to future with "IA Thinking" for UX Design

体験を表現するためには

Page 44: Lead the webmasters to future with "IA Thinking" for UX Design

ステージ 購入後に

ユーザー 購入者が

コンテクスト 自宅で

ビジネス koboの

アクション 箱をあける

エモーション 期待大で楽しい

Page 45: Lead the webmasters to future with "IA Thinking" for UX Design
Page 46: Lead the webmasters to future with "IA Thinking" for UX Design

ステージ 比較検討時

ユーザー 潜在顧客

コンテクスト 勤務先の会社

ビジネス Web開発ソリューション

アクション 開発会社を調べる

エモーション 困っている

Page 47: Lead the webmasters to future with "IA Thinking" for UX Design
Page 48: Lead the webmasters to future with "IA Thinking" for UX Design
Page 49: Lead the webmasters to future with "IA Thinking" for UX Design
Page 50: Lead the webmasters to future with "IA Thinking" for UX Design

ビジョン駆動型のアプローチ“ “

過去の課題の積み上げではなく、未来のあるべき姿を描く

Page 51: Lead the webmasters to future with "IA Thinking" for UX Design
Page 52: Lead the webmasters to future with "IA Thinking" for UX Design

UXデザインパッケージ“ “

デジタル新規事業を一歩進める

netyear.net

Page 53: Lead the webmasters to future with "IA Thinking" for UX Design

ありがとうございました

Twitter #lwseminar

坂本貴史 @bookslope 2012.8.10 ロフトワークセミナー