Download as PDF, PPTX
Uploaded byYoshiki Hayama
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
2022年9月22日 TECH Street のスライドです。「youspi」「UXPin」「UserZoom 」といったUX業界の海外企業が、世界中のUXデザイナーやUXリサーチャーにアンケート調査をし定点観測をしています。最新版である「UXトレンドレポート2022」を読みながら、今のUXデザインのトレンドをプロダクト開発にどのように取り込んでいけばいいかを考えていきます。 なお、海外UXトレンドの調査には 株式会社トップランナーマーケティングさま（ https://toprunner-marketing.co.jp/ ）に全面的に支援いただきました。
![UXデザインのはじめの一歩を体験しよう！ ユーザーインタビューの基本 [第2版] | UXデザイン実践セミナー 第2回](https://cdn.slidesharecdn.com/ss_thumbnails/20221209-creekandriver-ux-workshop-2-221207181804-b44d3cb7-thumbnail.jpg?width=640&height=640&fit=bounds)
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
- 1. UXデザインの海外最新「UXトレンドレポート2022」を 読んで、考える 2022年9⽉22⽇（⽊） ⽇本ウェブデザイン株式会社 / HCD-Net認定⼈間中⼼設計専⾨家 ⽻⼭ 祥樹 @storywriter 1 Zoomの チャットで いっしょに 盛りあがってね Twitterの ハッシュタグは #テックストリート 画⾯キャプチャ 投稿OK︕ UXデザイン勉強会 vol.4
- 2.
- 3.
- 4.
- 5.
- 6.
- 7. ⽻⼭ 祥樹 @storywriter 7 ⽇本ウェブデザイン株式会社代表取締役CEO 使いやすいプロダクトをつくる専⾨家 HCD-Net認定 ⼈間中⼼設計専⾨家 Web業界に22年、AIシステムのプロダクトマネージャーとUXデザインを4年 主な実績など 2009年 ⽇経パソコン 企業サイトランキング2009 ⽇本の主要企業696サイト中、ユーザビリティ／アクセシビリティ分野で第3位 2011年 Webユーザビリティランキング2011 企業サイト編 ⽇本の⼤⼿企業150サイト中、第4位 主な専⾨分野 ユーザーエクスペリエンス、⼈間中⼼設計、情報アーキテクチャ、アクセシビリティ、ライター
- 8. 8 メンタルモデル ユーザーへの共感から⽣まれるUXデザイン戦略 Amazonで購⼊ http://amzn.asia/3cgueBZ コンピュータ・IT > インターネット・Web開発> Web開発 最⾼「1位」 コンピュータ・IT 総合 最⾼「9位」
- 9.
- 10.
- 11.
- 12.
- 13. 13 海外では、UXデザインのトレンド調査をしている会社 youspi, UXPin, UserZoomがあります。 今⽇は彼らの最新レポートを読んで 今のUXデザインのトレンドをプロダクト開発に どのように取り込んでいけばいいかを考えていきます。
- 14. 引用元: 14 UXトレンドレポート2022 UX TREND REPORT2022 UXコンサルティング会社 youspi （オーストリア） https://worldusabilitycongress.com/wp- content/uploads/2022/03/Youspi-UX_Trend_Report_2022.pdf ※⽐較対象: 2021年版 https://worldusabilitycongress.com/wp-content/uploads/2022/02/UX-Trend-Report-2021.pdf
- 15.
- 16.
- 17.
- 18. 今年、エクスペリエンスデザイン業界でもっともよく⽿にしたバズ ワードは何ですか︖ 18 • オムニチャネル／シームレス（複数の顧客接点で⼀貫した体験を提供する） • パーソナライゼーション（顧客それぞれに合わせた体験を提供する） 2010年ごろのバズワードでもあった。コロナ禍で意味が⼀段階上がったと思われる。 20102022 PCでも スマホでも リアルでも ネットでも コロナ禍でリアル店舗に⾏けなくても 顧客ごとに⼀貫した体験を 当時に話題になった例: Evernote PCで⼊⼒したものがスマホでもすぐ同期
- 19.
- 20.
- 21. 来年（2022年）、もっとも重要なエクスペリエンスデザインの トレンドは何でしょうか︖ 21 プレディクティブUX 19.9％ ゲーミフィケーション 4.3% エモーショナルデザイン10.0% デバイスに依存しないUX 10.0％ ウェアラブル 3.3％ コラボレーションメソッド 11.8％ 音声UI 8.1％ デザインオペレーション 10.0％ ストーリーテリング 8.1％ UXライティング 4.7％ 標準化されたデザイン手法 6.6% その他 3.3％
- 22. 来年（2022年）、もっとも重要なエクスペリエンスデザインの トレンドは何でしょうか︖ 22 プレディクティブUX 19.9％ ゲーミフィケーション 4.3% エモーショナルデザイン10.0% デバイスに依存しないUX 10.0％ ウェアラブル 3.3％ コラボレーションメソッド 11.8％ 音声UI 8.1％ デザインオペレーション 10.0％ ストーリーテリング 8.1％ UXライティング 4.7％ 標準化されたデザイン手法 6.6% その他 3.3％ 「プレディクティブUX」 パーソナライゼーションを 機械学習（AI）の⼒でする 「プレディクティブUX」とは、パーソナライゼーションを機械学習（AI）の⼒ですること。ただAIプロダクト のUXデザインをしている⽻⼭としては「AIでどんな体験を提供できるか理解しているのか」という印象。
- 23.
- 24. UX業界関係者にとって、来年もっとも重要になるトピックは何 でしょうか︖ 24 ビッグデータ＆AI 69.2％ VR/AR 34.1％ アクセシビリティ46.4％ サステナビリティ 52.6％ エシカルデザイン 50.2％ 行動科学 37.4％ リアルタイムデータ収集 35.1％ ロボティクス 12.8％ グローバリゼーション 17.5％ ソーシャルデザイン 37.9％ その他 3.8％
- 25. UX業界関係者にとって、来年もっとも重要になるトピックは何 でしょうか︖ 25 ビッグデータ＆AI 69.2％ VR/AR 34.1％ アクセシビリティ46.4％ サステナビリティ 52.6％ エシカルデザイン 50.2％ 行動科学 37.4％ リアルタイムデータ収集 35.1％ ロボティクス 12.8％ グローバリゼーション 17.5％ ソーシャルデザイン 37.9％ その他 3.8％ ビッグデータ、AI、ロボティクスといった先端技術に注⽬が集まっている。「ビッグデータ、AI、ロボティクスで 実現したいUXがある」というより「どんなUXが実現できるか注視している」ということと思われる。 先端技術 先端技術
- 26.
- 27. UX業界関係者にとって、来年もっとも重要になるトピックは何 でしょうか︖ 27 ビッグデータ＆AI 69.2％ VR/AR 34.1％ アクセシビリティ46.4％ サステナビリティ 52.6％ エシカルデザイン 50.2％ 行動科学 37.4％ リアルタイムデータ収集 35.1％ ロボティクス 12.8％ グローバリゼーション 17.5％ ソーシャルデザイン 37.9％ その他 3.8％ ⼈にやさしいUX アクセシビリティ、サステナビリティ、エシカル（倫理）、ソーシャル、インクルーシブなど、⼈の多様性や倫 理を⼤切にする姿勢が⼤切に。コロナ禍によりニューノーマルな価値観が広まる。 ⼈にやさしいUX
- 28.
- 29. 今後、エクスペリエンスデザインの⽀援が求められるのはどの業 界でしょうか︖ 29 ヘルスケア 71.6％ モビリティ 49.8％ ECと⼩売51.7％ 政府 48.3％ 教育 59.7％ 通信 29.9％ エンターテインメント 40.8％ ニュース＆メディア 31.3％ ⾦融/銀⾏/保険 51.2％ エンジニアリング/建築 22.9％ サステナブル分野 43.3％ 法務 13.9％ 製造業 25.4％ マーケティング/市場調査/広報 33.3％ ソーシャルメディア 32.3％ 研究/サイエンス 24.4％ その他 6％
- 30. 今後、エクスペリエンスデザインの⽀援が求められるのはどの業 界でしょうか︖ 30 ヘルスケア 71.6％ モビリティ 49.8％ ECと⼩売51.7％ 政府 48.3％ 教育 59.7％ 通信 29.9％ エンターテインメント 40.8％ ニュース＆メディア 31.3％ ⾦融/銀⾏/保険 51.2％ エンジニアリング/建築 22.9％ サステナブル分野 43.3％ 法務 13.9％ 製造業 25.4％ マーケティング/市場調査/広報 33.3％ ソーシャルメディア 32.3％ 研究/サイエンス 24.4％ その他 6％ 1位はヘルスケア業界で71.6％。コロナ禍でリモートワークが増え、精神的かつ⾝体的に病む⼈が激 増し、瞑想アプリやリモート診療などの新サービスが急成⻑。2位は教育業界で、これもコロナ禍におい てリモート授業が浸透した影響か。 ヘルスケア︓71.6％ 教育︓59.7％
- 31. 引用元: 31 2022年以降台頭するUI/UXデザイントレンド UI and UXDesign Trends that Dominate 2022 and Beyond デザインシステムツール「UXPin Merge」の会社 UXPin （アメリカ） https://www.uxpin.com/studio/blog/ui-ux-design-trends/
- 32. 10のデザイントレンド 32 フロントエンド技術でアニメーションを実装するライブラリ 「Lottie」 に注⽬。 「Lottie」はAirbnbが開発しており、AdobeAfter Effects で作成したアニメーションを再 現できる。アニメーション⼿法を取り⼊れたUIデザインは、2017年〜2021年のあいだに 2300％も検索数が急増、注⽬を集めていることがわかる。 Lottie（ロッティー: https://airbnb.design/lottie/ ） 1 より多くのアプリやウェブサイトがダークモードに対応するようになっている。 眼精疲労やブルーライトの軽減や、⿊背景に⽩⽂字をおくことによるテキストの可読性向上な どがメリットである。他⽅で、ダークモードでは透過背景に⿊⽂字をおいた画像が読めなくなって しまうなど、デザイナーはダークモードでも画像やテキストが表⽰されるよう設計する必要がある。 2
- 33. 10のデザイントレンド 33 ⾳声ユーザーインターフェース（VUI）が増加する。 ⾳声ユーザーインターフェースは、Siri、Amazon Alexa、Google Nestのデバイスのおかげ で、すでに主流となっている。MarketsandMarketsのレポートによると、⾳声インターフェース 市場は2025年までに250億ドル近くまで成⻑するとされている。 3 マイクロインタラクションをうまく使おう。 たとえばローディングバーなど⼩さな画像やアニメーションも、ユーザーの注意を引く優れた⽅法 である。マイクロインタラクションで、ユーザーに情報を提供し、ユーザーに必要な場所（あるい は⾏ってほしい場所）へ誘導することができる。 4
- 34.
- 35. ⽻⼭の体感としてはVUIでなくボイスコミュニケーション 35 • Discord やSlack Huddle のようにチームコミュニケーションから ゲームのエンターテイメントまで、ボイスチャットがなくてなはならないものになった。 • また⾳声配信サービス Twitter スペース、Clubhouse なども拡⼤した。 • そうすると、⽻⼭の体感としては、注⽬すべきはVUIよりボイスコミュニケーション のUXではないだろうか・・・。
- 36. 10のデザイントレンド 36 Googleが新たに3つのユーザビリティ指標を公開した。Core Web Vitalsというこの指標は 「Googleによる優れたUXを⽰す指標」である。 • Largest Contentful Paint (最⼤視覚コンテンツの表⽰時間、LCP) LCPはローディング時間を測定する。ページの読み込みが開始されてから最⼤値は2.5 秒以内である。 • First Input Delay (初回⼊⼒までの遅延時間、FID) FIDは、インタラクションにかかる時間をチェックする。たとえば「カートに⼊れる」ボタンをク リックしてから、じっさいに商品が追加される（そしてユーザーに通知される）までの時間を 指す。100ミリ秒以下が求められる。 • Cumulative Layout Shift (累積レイアウト シフト数、CLS) 視覚的な安定性を測定する。たとえばページの表⽰中に発⽣する、ユーザーが予期しな いレイアウト変更をさす。ページのCLSを0.1以下に維持する。 5
- 37.
- 38.
- 39.
- 40.
- 41.
- 42. 引用元: 42 2022年のUX時流 〜UXインサイトとビジネスインパクトの間の溝を埋める〜 The Stateof UX 2022 - Bridging the gap between UX insights and business impact UXリサーチツール「UserZoom」の会社 UserZoom（アメリカ） https://info.userzoom.com/state-of-ux-in-2022-confirmation.html
- 43. ユーザーインサイトは製品・サービス改善に活かせていない 43 • 43%の企業はUXリサーチによるフィードバックにもとづいてプロダクトのデザインと UXの意思決定をするプロセスがない。 • UXリサーチをプロダクト開発プロセスに組み込んでいる企業は、そうでない企業 と⽐較して、顧客満⾜度（80%〜50%）とブランド認知度（76%〜 45%）にプラスの影響がある。 •重要な指標 (リテンション、コンバージョン、収益) において、 UXリサーチをプロ ダクト開発プロセスに組み込んでいる企業は、そうでない企業よりもおよそ2倍の 成果が出る。
- 44. 企業はUXデザインの⼒をうまく収益に結びつけられていない 44 • 2022年、⾰新的な企業（わずか13%）はUXのマネジメントと戦略の責務 を執⾏役員（CxO）に移⾏し、そうでない多数の企業を置き去りにしている。 • 2/3以上の企業が、UXは顧客満⾜度にプラスの影響を与えると答え、⼤多 数（62%）がブランド認知度を向上させると答えている。 •経営層からの強⼒な⽀援と予算の増加が必要で、その獲得にはUXチームは 「経営層の⾔葉」を話せるようにならなければならない。 • 70%が過去1年間でUXリサーチの需要が増加したと回答しているが、ほぼ半 数が予算は変わっていないと述べている。これはUXへの投資の価値を証明す る成功指標が定まっていないことを⽰している。
- 45. 不完全なUX指標に依存しており、実⽤的なインサイトが得られ ていない 45 • 経営層はUXの評価をしているが、しばしば間違った指標を使っている。彼らが がUXを評価する⼀般的な指標は、 顧客満⾜度（63%）、ビジネス指標 （60%）、プロダクト/サイト分析（51%）だが、これらの指標はユーザーの 体験の内容や、体験を改善⽅法についての洞察をもたらさない。 •企業は、プロダクト戦略やイノベーションの推進（50%）や競合他社に対する UXパフォーマンスの測定（36%）ではなく、ユーザビリティの問題の発⾒ （68%）やデザインの検証（66%）のためにUXリサーチに取り組む傾向が ある。
- 46. ユーザー中⼼の⽂化をつくるための障害は「時間」 46 • UXリサーチに対する障害のトップ5 • 時間（55%）、予算（44%）、リソース（44%）、参加者の募集が 困難（34%）、利害関係者の賛同の⽋如（28%） • 70%の企業が、過去1年間でUXの需要が増加したと答えており、1/4の企業 では⼤幅に増加している。しかし同時に、45%の企業は予算は変わらないと 答えている。 • 「限られたインサイトでより速く開発を進める」か「製品開発を遅らせてでも⾼品 質のインサイトでより深く進む」かの⼆択になってしまうと、UXチームがうまく貢献 できなくなる。
- 47. UXリサーチの需要は供給を上回っている 47 • 50%の企業がUXリサーチで得られたインサイトを⼀元化して共有している。 • 42%の企業が社内にUXリサームの専⾨チームがある。 •UXデザイナーの約半数（51%）が、UXチームがUXリサーチを⾏っている。 マーケティングチームのほぼ1/3がUXリサーチをしている。5社に2社が、デザイン、 カスタマーエクスペリエンス、およびプロダクトチームがUX分析をしている。 • 他のチームの⼈材に対して、UXリサーチのトレーニングすることは、成功に不可 ⽋である。時間と労⼒がかかるが、UXリサーチをよりかんたんに、より迅速に、よ り⼀貫性を持たせ、アクセスしやすくし、部⾨全体でUXに対する信頼を構築す ることができる。
- 48. 約半数のUXチームで、DE&I（ダイバーシティ、エクイティ&イ ンクルージョン）への配慮は標準ではない 48 • 43%の企業が、今後5年間でDE&IがUXに影響を与える最も重要なトレンド の1つになると述べている。 • UXチームの45%が、DE&Iへの配慮はふだんの仕事のやりかたに含まれてい ないと述べている。 • 1/5以上（28%）の企業が、UXリサーチの被験者の確保においてDE&Iを もたせることが、もっとも困難な部分であると述べている。 • DE&Iを拡⼤するためのヒントに再考するとよい。
- 49.
- 50.
- 51.
- 52.
- 53.
- 54. UXデザインの2022年のトレンド 54 1. 企業はコロナ禍でリアル店舗に⾏けなくても、顧客ごとに⼀貫した体験を提供 しようとしている。 2. みんな「UXは⼤事」とは思っている。が、費⽤対効果が説明できず投資に踏 みきれない。 3.「AIによる新しいUX」が⽣まれるのではないかとみんな妄想している。 4. ニューノーマルにより「⼈とのつながり」「多様性」「サステナビリティ」を⼤切にする 価値観が広まりつつある。デザイン分野にもそれは現れている。 5. UXPin Merge, Storybookのようにデザインとコードの統合が進む。 6. UIはアニメーション表現などをより容易に実装できるように進歩していく。
- 55. 55 ありがとうございました ⽻⼭ 祥樹 （⽇本ウェブデザイン株式会社） Twitter:@storywriter
- 56. ⽻⼭のプレゼンのアレ が、 LINEスタンプになりました︕ スタンプ名︓ハーミィ（CSS編） 作者名︓⽻⼭祥樹 https://store.line.me/stickershop/product/1228201/ja Web・CSSネタ 全40種類