schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/72/room

1. WebのUXとは何かがわかる
ゴール
Webの課題解決の糸口が見つかる

2. プロセスとUX / リーンUX
60 min ユーザー行動とUX / 体験マップ
心理とUX / ゲーミフィケーション
30 min 質疑応答

3. SCHOO 2013.2.21
Webサイトの
ユーザー体験を高める
坂本貴史
@bookslope
wikipedia

4. by Sgkh

5. プロセス ユーザー行動 心理

6. うまくいかない

7. 企画 開発 公開
？

8. 企画 開発 テスト 公開
製品開発モデル

9. 顧客発見 顧客実証 顧客開拓 組織構築
顧客開発モデル

10. アントレプレナーの教科書
新規事業を成功させる4つのステップ
スティーブン・G・ブランク (著), 渡邊 哲 (翻訳), 堤 孝志 (翻訳)

11. 顧客が
ほしいものを
つくれているか

12. ビジュアルデザイン
インターフェースデザイン ナビゲーションデザイン 具現
情報デザイン
インタラクションデザイン 情報アーキテクチャ
機能仕様 コンテンツ要求
抽象
ユーザーニーズ
サイトの目的
Jesse James Garrett「The Elements of User Experience」より

13. ウェブ 戦略としての
ユーザーエクスペリエンス
5つの段階で考えるユーザー中心デザイン
Jesse James Garrett (著), ソシオメディア (翻訳)

14. アジャイル開発
Manifesto for Agile Software Development

15. 個人とその相互作用
正しく機能するソフトウェアの提供
顧客とのコラボレーション
変化への対応
Manifesto for Agile Software Development

16. GENERATIVE RESEARCH Think
IDEATION
MENTAL MODELS
BEHAVIOR MODELS
TEST RESULTS
COMPETITIVE ANALYSIS
リーン UX
PROTOTYPES
A/B TESTING WIREFRAMES
SITE ANALYTICS VALUE PROP
USABILITY TESTING LANDING PAGE
FUNNEL HYPOTHESES
SIGN-UPS COMPS
DEPLOYED CODE
Check Make
Crushing the BoulderUser Experience for Lean Startups

17. デザイナー＋プロジェクトマネージャー＋開発者＝１チーム
外部化、客観的観測をする
目的駆動・結果に集中する
繰り返し可能なルーチンをする
9つの
フロー（考える、作る、検証する ）
原則
正しい課題に集中する
オプションを沢山考え、正しい物を早く決める
仮説を作り検証する
ユーザーとともにリサーチをする

18. Subject To Change
予測不可能な世界で最高の製品とサービスを作る
Peter Merholz (著), Brandon Schauer (著), David Verba
(著), Todd Wilkens (著), 高橋 信夫 (翻訳)

19. うまくいかない
プロセスが違う
顧客のニーズを知り、適応体制を構築すること

20. もっと知ってほしい

21. 認知 興味 検索 行動 共有
Attention Interst Search Action Share
マス Web 店頭 クチコミ
これまでの消費者購買行動「AISASモデル」より

22. 共感 確認 参加 共有・拡散
Sympathize Identify Participate Share & Spread
ソーシャルメディア マス Web ソーシャルメディア
これからの消費者購買行動「SIPSモデル」より

23. 広告新時代
ネット × 広告の素敵な関係
植村 祐嗣 (著), 小野 裕三 (著), 日高 靖 (著), 新谷 哲也 (著),
杉浦 友彦 (著), 岩田 正樹 (著)

24. by The Anatomy of an Experience Map – Adaptive Path

25. ステージ ユーザー コンテクスト
どういう状況か だれが関係するか 場所や環境
ビジネス アクション エモーション
製品やサービス なにをしているのか どう感じるか
by The Anatomy of an Experience Map ‒ Adaptive Path

27. Starbucks Experience Map

28. ニーズや目的 対応サービス
心地良く過ごしたい アロマの香り
どこでも仕事がしたい Wi-Fi 環境
支払いを手早くしたい クレジットカード支払い

29. gizmodojapan「koboを開封 」

30. この問題を
解決するには

31. ステージ 製品の購入後
ユーザー 製品の購入者
コンテクスト 自宅のデスク
ビジネス機会 koboの端末
アクション 箱をあける
エモーション 早く使いたい!

34. ステージ テレビを視聴中
ユーザー テレビの視聴者
コンテクスト 自宅のリビング TV前
ビジネス機会 スマートフォンサイト
アクション TV見ながらアクセスする
エモーション 自分も投稿できる!

35. 予期的UX 一時的UX エピソード的 累積的UX
UX
ユーザー体験の期間

36. UX 白書
ユーザーエクスペリエンスの概念を明確にする
HCDValue (翻訳)

37. 現象としてのUX
研究分野としてのUX
実践としてのUX

38. ユーザーが何をどう感じるか、心理構造の解明
結果どうすれば、ユーザーの満足が得られるのか
仕組化して継続的に提供し続けられるようにするには

39. by Ed Lea

40. by n2linux

41. もっと知ってほしい
クロスチャネルを理解すること
利用シーンを想像し期待に答える

42. なぜハマるの？

43. Realmac Software Clear for iPhone

44. 評価

45. 動き
軽快な音
タッチ
楽しい
機能
シンプル
触り心地
カラー

46. ビジュアルデザイン
インターフェースデザイン ナビゲーションデザイン 事象
情報デザイン
インタラクションデザイン 情報アーキテクチャ
機能仕様 コンテンツ要求
仮説
ユーザーニーズ
サイトの目的
Jesse James Garrett「The Elements of User Experience」より

47. 軽快なサウンドの採用
シンプルなUIデザイン
デザイン
原則
タッチやスワイプでの操作方法
同系統のカラー計画

48. デザイン
原則
Android Design

49. GENERATIVE RESEARCH Think
IDEATION
MENTAL MODELS
BEHAVIOR MODELS
TEST RESULTS
COMPETITIVE ANALYSIS
リーン UX
PROTOTYPES
A/B TESTING WIREFRAMES
SITE ANALYTICS VALUE PROP
USABILITY TESTING LANDING PAGE
FUNNEL HYPOTHESES
SIGN-UPS COMPS
DEPLOYED CODE
Check Make
Crushing the BoulderUser Experience for Lean Startups

50. プロトタイピング
UXPin

51. プロトタイピング
UXPin

52. ゲーミフィケーション
wikipedia

53. 課題の解決や顧客ロイヤリティの向上に、
ゲームデザインの技術やメカニズムを利用する活動

54. ゲーミフィケーション
〈ゲーム〉がビジネスを変える
井上 明人 (著)

58. by timeous

59. 情報アーキテクチャ
設計
by Sgkh

60. ビジュアル 可視化
可視化 されやすい領域
されにくい領域
ワイヤーフレーム
サイトストラクチャ ナビゲーション ラベル
コンセプト
ユーザー コンテンツ コンテキスト
坂本貴史「IAシンキング」より

61. 情報は少ないほどきちんと処理される
読むことと理解することは同じではない
一度に覚えられるのは4つだけ
目標に近づくほど「ヤル気」が出る
データより物語のほうが説得力がある

62. インタフェースデザインの心理学
ウェブやアプリに新たな視点をもたらす100の指針
Susan Weinschenk (著), 武舎 広幸 (翻訳), 武舎 るみ (翻訳),
阿部 和也 (翻訳)

63. なぜハマるの？
人を理解すること
人は社会的な動物である

64. プロセス ユーザー行動 心理

65. プロダクト開発から顧客開発へ
利用シーンからサービスを俯瞰する
仮説を見つけ、その人の心理を探る

66. UX UXデザイン
インダストリアルデザイン
その体験を量産・再生産できる仕組みが重要
安藤昌也「UXの考え方とアプローチ」より

67. SCHOO 2013.2.21
Thank you
ありがとうございました
DO YOU HAVE ANY QUESTIONS?
坂本貴史
@bookslope
wikipedia