Bridge UXからUIへ
•
8 likes•1,929 views
UX Sketch 第三回「UXデザイナーのスキルセット」というテーマに合わせてプレゼンしたスライドです。 http://mtl.connpass.com/event/18884/ UXデザイナーとしてこれから力をつけていきたい人向けに、幅広いスキルセットの話をシンプルに捉えてスキルアップを考えようという話と、デザインプロセスの中でUXデザイナーにとって大事な力はなにか？という話をしています。
Report
Share
Bridge UXからUIへ
- 6. Skill set • デジタルマーケティング領域に関わる職種は、ど の職種でも求められるスキルセットが幅広く、 大量 • しかも求められるスキルが被っている
- 7. USER EXPERIENCE DESIGN INFORMATION ARCHITECTURE VISUAL DESIGN INTERACTION DESIGN INDUSTRIAL DESIGN CONTENT CREATION (Text, Data, Graphiics) MECHANICAL ENGINEERING ELECTRIAL ENGINEERING Signage Info Viz Navigation INTERFACE DESIGN USABILITY ENGINEERING Interactive Environments Controls Ubicomp ARCHITECTURE HUMAN-COMPUTER INTERACTION 領域視点の例 ユーザーエクスペリエンスデザインが内包する領域は、 UXデザイナーが関わる領域を多く内包している。 The Disciplines of User Experience by Dan Saffer http://www.kickerstudio.com/ 2008/12/the-disciplines-of- user-experience/
- 10. 途方に暮れる
- 12. UX設計 UI設計リサーチ
- 14. UX設計とは？ • だれが？ • どのような体験をするのか？ • それを実現するための要件は何か？ を決める概念的な設計領域。
- 20. なぜか？
- 23. そもそもどうあるべきか？
- 24. UX設計は戦略的な作業
- 25. コンサルテーションの領域
- 27. UX設計 UI設計リサーチ ユーザー定義 UXシナリオ 構造設計 画面設計 ユーザー調査 評価 UX系採用応募者 リサーチや評価の経験を専門的に積んだ人 UI設計の経験を専門的に積んだ人 が多い。
- 30. UX設計 UI設計リサーチ アシスタント アシスタント ユーザー調査 評価 メイン アシスタント アシスタント ユーザー定義 UXシナリオ メイン ベテラン メイン ベテラン アシスタント アシスタント 構造設計 画面設計 メイン ベテラン メイン ベテランベテラン メイン ベテラン スキルアップのシンプルな階層
- 31. UX設計 UI設計リサーチ アシスタント アシスタント ユーザー調査 評価 アシスタント アシスタント ユーザー定義 UXシナリオ アシスタント アシスタント 構造設計 画面設計 未経験からの初年度
- 32. UX設計 UI設計リサーチ アシスタント アシスタント ユーザー調査 評価 メイン アシスタント アシスタント ユーザー定義 UXシナリオ アシスタント アシスタント 構造設計 画面設計 メインメイン ２年目 メインメインメイン
- 33. UX設計 UI設計リサーチ アシスタント アシスタント ユーザー調査 評価 メイン アシスタント アシスタント ユーザー定義 UXシナリオ アシスタント アシスタント 構造設計 画面設計 メインメイン ３年目 メインメインメイン
- 34. UX設計 UI設計リサーチ アシスタント アシスタント ユーザー調査 評価 メイン アシスタント アシスタント ユーザー定義 UXシナリオ メインメイン アシスタント アシスタント 構造設計 画面設計 メイン ベテラン メイン ベテラン メイン ４∼５年目 ベテラン
- 35. ※いまのはあくまでもイメージです
- 39. UXデザイナーの一番大事な力
- 40. UX設計 UI設計リサーチ
- 41. Bridge
- 43. リサーチ UX設計へのBridge • （そもそもの前提として）UX設計のために必要な情 報をリサーチできるように計画すること • リサーチして得たファクトを分析しUX設計に活かす こと • 沢山の情報を整理し「重要な」「特徴的な」UX要素 をピックアップすること
- 50. イメージ 設計のポイント ! • 最新のイベント、店舗、商業施設の状況は、視覚的に眺めながらウォッ チできるようにする（ホーム中心）。 • 商業施設エリアの来訪目的のために調べる情報は、「種別によるカテ ゴリ」「目的によるカテゴリ」「タグ」の３軸で、サイトのどこから でもすぐに探索行動に移ることができる。 • 複数の施設横断で情報を探せる。 • 情報は施設に縛り付けず、商業施設全体でフラットに扱い、後から目 的の店舗やイベントがどの施設・どの場所にあるのかを知る流れとす る。 • 商業施設エリアの体験価値を理解できるコンテンツへ、適切な文脈で 誘導し、楽しみ方の発見に繋げる。
- 51. イメージ 概要図 ホーム ! ! 目的軸種別軸 タグ軸 キーワード検索 商業施設エリア の概要 楽しみ方 イベント 店舗 エリアマップ アクセス 検索エンジン ソーシャル 検索エンジン ソーシャル
- 52. イメージ 詳細な設計方針 シナリオから導き出された UX要件 具体的な設計方針 現状 実現に向けた検討課題 複数の視点でフラットに情報 を探す ホームに「種別」「目的」「タグ」の３つの探索軸を 用意する 探索軸と他要素とのプラ イオリティの検討が必要 下層ページにおいても、３つの探索軸をすぐに呼び出 せる or その場で使えるエリアを用意する ３つの探索軸は施設・店舗・イベントを横断的に探索 できるものとする 軸内の項目を選択したらざっと結果を一覧で俯瞰して 見ることができる。条件の絞込はその後可能とする △ コンパクトなUI表現の検 討が必要 検索機能の拡充と、メタ データの追加が必要 検索結果のレスポンス向 上が必要
- 59. Bridge UXからUIへ
- 61. Thank you！