Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
第1回メンバーズモバイルセミナー                           モバイル時代の                     UI/UX設計とビジネス評価の指標                            2013年2...
ソシオメディアのご紹介                     User Experience Design Consulting                            利用体験のデザインコンサルティング            ...
モバイル時代のUI/UX設計© Sociomedia, Inc.                    3
ユーザーエクスペリエンスとは?  ■ Use(使う) + Ability (能力) = ユーザビリティ                                利用中                                    ...
ユーザーエクスペリエンスとは?                                利用前       利用中            利用後          利用時間全体                      UX	     予...
ユーザーエクスペリエンス設計プロセス                                     グラフィック                     3. デザイン                                 ...
ユーザーエクスペリエンス設計プロセス                                                コンテンツを                     画面    モバイルを起動   メニューを選ぶ      ...
UIデザインパターン                             要件、コンテンツ、機能、目的、環境ごとの                     効率と品質                             ユーザーインター...
UIデザインパターン     インタラクションのベストプラクティス                                                          マルチデバイスに共通/特有の体験               ...
UIデザインパターン                       ラベルプロンプト          解説:          入力プロンプト(手がかり)として、コントロールに対するラベルをフィールド          の中に入れておく。   ...
UIデザインパターン                       ディスクロージャー           解説:           ひとまとまりのコントロールが配置された領域を、ユーザーが任意に開閉して、           一度に見えるコン...
UIデザインパターン                             クラスアイコン               解説:               「一覧操作(Manipulator)」の画面でオブジェクト群を表示する際、それ    ...
ケーススタディ                     利用シーンを考慮したデザイン                     映画          アクション      帰宅途中の電車                     ドラマ     ...
モバイルサービス設計のポイント                                   デザインパターン                                         3                      ...
UI/UX設計のビジネス評価指標© Sociomedia, Inc.                      15
UI/UX設計の評価指標                     ビジネス評価の基本事項の理解                       KGI・CSF・KPIの理解                       分析の目的・対象の決定    ...
ビジネス評価の対象は?                                    社  会                                 社内スタッフ・上司          利用者                ...
UI/UX設計の評価指標                                                              Do	                                             ...
UI/UX設計の評価指標                                   マーケティング視点KPI            業務プロセス                     ユーザー視点KPI               ...
UI/UX設計とビジネス評価                     KPI分析からの課題は、「機能」や「コンテンツ」に関連性あり                                 ユーザー行動	                 ...
モバイル UI/UXデザインはおまかせください                        ソシオメディア株式会社                     http://www.sociomedia.co.jp                ...
【スマートフォンサイト構築】2013年はモバイルファースト!企業Webサイトの現状と最新トレンド徹底解説!(2013/02/26メンバーズモバイルセミナー)
Prochain SlideShare
Chargement dans…5
×

【スマートフォンサイト構築】2013年はモバイルファースト!企業Webサイトの現状と最新トレンド徹底解説!(2013/02/26メンバーズモバイルセミナー)

3 859 vues

Publié le

【スマートフォンサイト構築】2013年はモバイルファースト!企業Webサイトの現状と最新トレンド徹底解説!(2013/02/26メンバーズモバイルセミナー)

Publié dans : Business
  • Soyez le premier à commenter

【スマートフォンサイト構築】2013年はモバイルファースト!企業Webサイトの現状と最新トレンド徹底解説!(2013/02/26メンバーズモバイルセミナー)

  1. 1. 第1回メンバーズモバイルセミナー モバイル時代の UI/UX設計とビジネス評価の指標 2013年2月26日 ソシオメディア株式会社 篠原 稔和© Sociomedia, Inc. 1
  2. 2. ソシオメディアのご紹介 User Experience Design Consulting 利用体験のデザインコンサルティング Ux user UI system© Sociomedia, Inc. 2
  3. 3. モバイル時代のUI/UX設計© Sociomedia, Inc. 3
  4. 4. ユーザーエクスペリエンスとは? ■ Use(使う) + Ability (能力) = ユーザビリティ 利用中 → 効果・効率 使う (瞬間的UX) → 満足度 ■ User(ユーザー) + Experience(体験・経験) = UX 利用前 利用中 利用後 利用時間全体 予期的 瞬間的 エピソード的 累積的 UX UX UX UX (経験を想像) (経験そのもの) (経験を内省) (利用期間を回想)© Sociomedia, Inc. 4
  5. 5. ユーザーエクスペリエンスとは? 利用前 利用中 利用後 利用時間全体 UX 予期的 UX (経験を想像) 瞬間的 UX (経験そのもの) エピソード的 UX (経験を内省) 累積的 UX (利用期間を回想) PC t モバイル t © Sociomedia, Inc. 5
  6. 6. ユーザーエクスペリエンス設計プロセス グラフィック 3. デザイン インターフェース 2. 仕様 機能 コンテンツ ユーザーの ビジネスの 1. 要件 目的 目的© Sociomedia, Inc. 6
  7. 7. ユーザーエクスペリエンス設計プロセス コンテンツを 画面 モバイルを起動 メニューを選ぶ 選ぶ コンテンツを オフィスに 電車に乗る 視聴する 着く 生活の中の ユーザーの行動 コンテンツを デスクに座る 視聴する ブレイクダウン 選んだコンテンツ 画面 PCを起動 を確認する© Sociomedia, Inc. 7
  8. 8. UIデザインパターン 要件、コンテンツ、機能、目的、環境ごとの 効率と品質 ユーザーインターフェースのベストプラクティスの蓄積© Sociomedia, Inc. 8
  9. 9. UIデザインパターン インタラクションのベストプラクティス マルチデバイスに共通/特有の体験 に必須のUI部品 最適なデザインパターンの選定 PC モバイル ソシオメディア・UIデザインパターン 『デザイニング・インターフェース』 『インタラクションデザインの教科書』(ソシオメディア監修) (ソシオメディア訳・監修)© Sociomedia, Inc. 9
  10. 10. UIデザインパターン ラベルプロンプト 解説: 入力プロンプト(手がかり)として、コントロールに対するラベルをフィールド の中に入れておく。   理由: ラベルを入力フィールドの中に配置することによって,スペースを節約でき、UIを シンプルにできる。© Sociomedia, Inc. 10
  11. 11. UIデザインパターン ディスクロージャー 解説: ひとまとまりのコントロールが配置された領域を、ユーザーが任意に開閉して、 一度に見えるコントロールの量を調節できるようにする。   理由: スペースを節約して画面をシンプルに保ちながらも、隠されたコントロールに ユーザーがすぐアクセスできるようにするため。© Sociomedia, Inc. 11
  12. 12. UIデザインパターン クラスアイコン 解説: 「一覧操作(Manipulator)」の画面でオブジェクト群を表示する際、それ ぞれの共通性を示すために、分類(クラス)ごとのアイコンを付与する。   理由: 各オブジェクトの存在と独立性がアイコンとして明確に表現されると同時に、 それぞれの性質を感覚的に把握できるようにするため。© Sociomedia, Inc. 12
  13. 13. ケーススタディ 利用シーンを考慮したデザイン 映画 アクション 帰宅途中の電車 ドラマ ファンタジー 楽しい番組が見たい気分 スポーツ 恋愛 ●●●●●● 自分の部屋 ●●●● 友だちから聞いた動画を ●●●●● 週末のリビング 家族で楽しめる映画を© Sociomedia, Inc. 13
  14. 14. モバイルサービス設計のポイント デザインパターン 3 サービス 1 分析 設計 2 デザイン ガイドライン (iPhone, Android) 1.  モバイル特有のサービス設計と状況分析 2.  モバイル特有の体験を確認するデザインガイドライン確認 3.  モバイル特有/共通の体験を提供するUIデザインパターン活用© Sociomedia, Inc. 14
  15. 15. UI/UX設計のビジネス評価指標© Sociomedia, Inc. 15
  16. 16. UI/UX設計の評価指標 ビジネス評価の基本事項の理解 KGI・CSF・KPIの理解 分析の目的・対象の決定 分析の実施 分析結果の評価・レポーティング 評価結果からの課題出し© Sociomedia, Inc. 16
  17. 17. ビジネス評価の対象は? 社  会 社内スタッフ・上司 利用者 専門家団体 ユーザー UI/UX推進者 (デザイナー・エンジニア) クライアント 出資者 支援者© Sociomedia, Inc. 17
  18. 18. UI/UX設計の評価指標 Do Plan 現場の取り組み KPI Check 環境与件 Action KGI(目 的) CSF(戦 略) KPI 現場の取り組み KPI 指標 指標例 現場の取り組み KPI KGI 売上を120%増やす CSF 購入者数を増やす KPI 直帰率を10%減らす© Sociomedia, Inc. 18
  19. 19. UI/UX設計の評価指標 マーケティング視点KPI 業務プロセス ユーザー視点KPI 視点KPI 定量化可能な ユーザー視点KPI 現場の取り組み KPI の見直し 現場の取り組み KPI ユーザー視点 定性的データ のKPI化 Do Plan 現場の取り組み KPI Check 財務視点KPI Action 組織化活動© Sociomedia, Inc. 19
  20. 20. UI/UX設計とビジネス評価 KPI分析からの課題は、「機能」や「コンテンツ」に関連性あり ユーザー行動 UI/UX KPI 機 能    コンテンツ KGI 要 件 ただし、そもそもの「UI/UX」に課題があると、解決策を見いだせなくなる© Sociomedia, Inc. 20
  21. 21. モバイル UI/UXデザインはおまかせください ソシオメディア株式会社 http://www.sociomedia.co.jp contact@sociomedia.co.jp ※ このスライドは講演でご覧になっていただいた一部です。 ※ 本セミナーに参加された方で、すべてのスライドをご希望の方は上記メールアド レスにご連絡ください。(セミナーに参加されていない方はご遠慮ください)© Sociomedia, Inc. 21

×