インフラジスティックス・ジャパン株式会社Blog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

2022年のUI・UXデザイントレンドTOP5とは?

f:id:jack1213:20220310162338j:plain

今のデジタルユーザーにとってダークモード、スキューモーフィズム、ニューモーフィズム、フラットデザインはもはや新たにユーザーの目や心を刺激するものではありません。そこでこのブログでは、みなさんのデザイン思考を2022年最新のUI/UXデザインのトレンドへ導いていこうと思います。

この記事では、「常に時代の先端を行くためには、UIやUXの見方を変えていく必要がある」ことを改めて認識するためのテーマや質問を取り上げています。

この記事はインフラジスティックス本社により作成された英文記事の機械翻訳により生成されました。
原文は以下よりご確認いただけます。
Katie Mikova. 2022.2.3 [DesignOps - What Are the Top 5 UI and UX Design Trends for 2022?](https://www.infragistics.com/community/blogs/b/infragistics/posts/top-ui-and-ux-design-trends)
また、本記事の内容に深くご興味がある場合、インフラジスティックス・ジャパンのスタッフによる翻訳リクエストを受け付けておりますので、「JapanPR@infragistics.com」宛にご連絡ください。

UI・UXの最新トレンドの概要と影響要因

電球を変えるのに、デザイナーは何人必要ですか?

電球である必要があるのでしょうか?

アイデアとデザイナー、それは終わりのない物語です。UIとUXデザインの世界では、常に何かが生まれ、何かが移り変わり、変容しています。

そして、これらのアイデア、シフト、トランスフォーメーションは、2022年のUIとUXのトレンドに影響を与えるいくつかの重要な要因によって推進されています。

デジタル製品のクリエイターとエンドユーザーの双方にこれまでにない機能を提供する現代のテクノロジー、年々向上するデバイスとソフトウェア、そして、ますます高まる消費者のイノベーションへの欲求などです。

世界、社会、ビジネス、人々のコミュニケーションや仕事のやり方を一掃し、新しいタイプの考え方、新しいタイプのソリューション、新しい採用方法を要求する出来事(新型コロナウイルスの感染)を通してです。

同じものを見るのに飽きて、すでに存在するものについてもっと真剣に考え、トレンドセッターとなるような新しいものを考え出すことです。

2021年は、デザインの面でも興味深い年でした。大胆なタイポグラフィー、多様で柔軟なベクターグラフィックス(YouTubeによるエラー状態のイラストやDropboxのウェブサイトのイラストなど)は、人々の情報の捉え方やさまざまなウェブサイトやアプリとのインタラクションを大きく変えました。

確かに、それらは心地よいUIと優れたUXの決定的な要素であることに変わりはありません。しかし今年は、AR/VRやメタバース、あるいはスクロール+ストーリーテリングの組み合わせなど、デジタル製品デザインにおける新しいモダンな要素や実践が生まれつつあります。

あなたはまだクールな2021年のデザイントレンドに流されているかもしれませんが、最新のUIとUXの動きを把握しておくことで、エンドユーザーを喜ばせ驚かせるプロジェクトに、より多くの実験と革新的なセンスを取り入れる余地が生まれるのです。

2022年のUI・UXデザイントレンドTOP5とは?

時代遅れで貧弱なデザインは、あなたのプロジェクトを無力にします。

MyTechnologyによると、94%の人が劣化したウェブサイトを信用しないそうです。

この統計によると、ユーザーは時代遅れのデザインのサイトに対して、ウェブページを閉じたり、顧客ロイヤリティを失うまでに至っています。デジタル製品の消費者を興奮させ、維持するために十分な配慮をしていないという印象を与えないために、ここで注意すべきことを説明します。

1. メタバースとAR/VR - 3D空間デザインについて

画面上だけで行われるUIは忘れてください。2022年には、物理的な世界とデジタルの世界を結びつけるだけでなく、ユーザー体験をまったく新しいレベルに引き上げるようなインタラクションにもっと焦点を当てる必要があります。 今までに、あなたは「メタバース」という言葉を何千回も聞いたことがあるはずです。しかし、マーク・ザッカーバーグが彼のプロジェクトに使う前に、「メタバース」は1992年のニール・スティーブンソンのディストピアSF小説「スノー・クラッシュ」で初めて使われた言葉です。この小説では、物理とデジタルが融合した仮想空間のことを指し、社交、逃避、アバターによる仮想存在の維持、そして単に存在するための新しいサイバーパンクの現実と次元を提供しているのです。

同様に、ザッカーバーグが表現する「具現化されたインターネット」は、拡張現実と仮想現実を通して、人々がつながり、社交し、ビジネスを成し遂げ、働き、生きる方法を変える未来のデジタル体験のために、人々を準備しているのです。同社はすでに、Oculus Quest 2 ヘッドセットを使った Horizon Workrooms アプリをテストして使用しており、ワーカーが仮想オフィスで会議を開き、アバターとして同席することができるようになっています。

この上昇傾向は何を意味するのでしょうか?

仮想現実や拡張現実は、企業やデザイナー、ユーザーにとって目新しいものではありません。しかし、現在、それらが実装される手段や適用される目的は、人々や体験、ビジネスにとって革命的で没入感のある顕在化を設定しています。VRやARを使ったものは、人々の生活や、仕事、コミュニケーション、交流、買い物、生活といった実存的な基本事項の深刻さと楽しさを扱う方法において、「かっこいいもの」から「当たり前のもの」になるのに、そう遠くない時期に移行すると思われるのです。

Covid19の大流行は、物理的な領域が変化し、人、生活、習慣、経験がオンラインに移行し、世界が極めてデジタル指向になりつつあることを思い起こさせる。機会という観点から見れば、このような出来事はUX/UIデザインに多くの扉を開くが、同時にツールや手法の転換を必要とする。現実と非現実の空間を構築するメタバースの新しいトレンドは、AI、3Dグラフィックス、ブロックチェーン技術、ユーザー行動分析などの活用をより重視するよう促しています。

そして、下記のポイントがこのようなデザインにおける仮想的な接続性のベースとなるのです。

  • 詳細かつ高速なプロセス情報。
  • 分散化されているが、いつでもどこでも複数のプラットフォームでアクセスできる同期化されたオンラインの現実。
  • UXの書き方の点でも変化、今度はSEOの指標ではなくAIを意識した書き方。
  • 透明だがより安全なウェブ環境と、コネクテッドな仮想体験。

2022年、デザインの世界では、拡張現実(Augmented Reality)と3Dを使ったイノベーションの波が押し寄せると予想されています。Eコマースサイト、博物館、スーパーマーケット、医療機関など、より多くの企業や分野でこの新しいトレンドが取り入れられると予想されます。3Dのロゴやテキストから、VRゴーグルとローカルアプリを使って世界のどこにいる人でもアクセスできるオンライン博物館訪問まで、UIとUXデザインにおけるARとVRの実装の可能性は数え切れないほどです。

AppleやGoogleといった技術大手は、Apple Glasses、ARCore、ARKitを発表し、すでにそれに向けて動き出しています。IKEAは、3Dモデルで家の家具を揃えることができる派手なARアプリでこのゲームに参入しました。UIとUXにおけるこの拡張現実のトレンドは、市場を着実に変化させ、これに追随する企業や小売業者が増加することで、2022年には急成長すると予想されます。

私たちは、デジタルの世界で十分に生活していないかのように、今度はメタバースでさらにその世界に引き込まれなければならないのです。しかし、この種のものには常に何か非常に興味をそそるものがあり、私たちを引きずり込むのです。現実逃避の感覚と、非現実的な仮想環境における現実の経験のように感じられる可能性が魅力的なのです。

2. スクロリーテリングまたはビジュアルストーリーテリング

タイポグラフィは、強調とユーザーの行動を弄ぶことで、強力なデジタル体験に力を与えてくれます。しかし、タイポグラフィは単独で使用すると、なぜか疲弊してしまうようです。2022年は、スクロリーテリングを導入することで、UIとUXに新しいものを提供します。これは、物語とデザイン美学の強固な組み合わせとなり、「エモーショナルデザイン」の構築に向けてより効果的に作用します。そして、感情のためにデザインされた場合、ユーザーエンゲージメントが高まり、定着率が向上し、ユーザーがビジュアルストーリーテリングの一部であると感じられるようになるのです。

ドン・ノーマン著の『エモーショナル・デザイン』では、消費者としての人間と、感情に導かれたその選択について、さらに深く掘り下げて書かれています。 f:id:jack1213:20220310163644j:plain

そして、そのような認知的な反省に基づき、感情を喚起し、意思決定を引き出すために、スクロリーテリングが有効な手段となってきているのです。これは、ユーザーの選択に影響を与え、真に反映させるUIとUXのデザインを語るに他なりません。Scrollytellingの素晴らしい例は、NY Timesの記事「Snow Fall」です。この記事は、読者が単に平易なテキストをスキャンして、やや基本的な情報的な生のレベルで関わり続ける必要がないことを実証しています。その代わりに、読者は誰かの物語の代理人となり、物語の一部となることができるのです。

scrollytellingのおかげで、デザインレイアウトを潜在意識と意識レベルで機能させることができるのです。動く要素、異なるナビゲーション配置、予期せぬアニメーションをスクロリテリングの一部として取り入れることで、デジタルユーザーの好奇心を刺激し、アプリやウェブサイトともっと交流してもらい、静的だったものをより魅力的な視覚体験に導くことができます。

しかし、ひとつだけ注意しなければならないことがあります。このようなギミックやトリックを導入する際には、注意が必要です。それらは、あらゆるプロジェクトや目的に対してポジティブかつ効果的に機能する万能の奇策ではありません。必ずしも、生き生きとした楽しいカーソル入力が、より大きなエンゲージメントを促進するための最適な解決策とは限りません。それはすべて、構築するプロジェクトの性質、業界、ターゲットオーディエンスに依存します。

3. データストーリーテリングとデータドリブンな意思決定

データは金鉱のようなものです。しかし、最もインパクトがあり、ゲームを変えるような方法でそれを活用している企業はごくわずかです。アクセンチュアの「The Human Impact of Data Literacy Report 2020」によると、以下の通りです。"データから測定可能な価値を創造できる経営者は32%に過ぎず、自社のデータと分析製品から実用的な洞察が得られると答えたのは27%に過ぎない" また、同レポートでは、Forresterの指摘を引用し、全企業データの60~73%が、実際に分析されることなく、虚空に沈んでいると述べています。

しかし、2022年の最新のUIとUXのトレンドの1つが「データ・ストーリーテリング」であるように、状況は今逆にシフトしているようです。より優れたデザインツール、拡張された分析、データの民主化、データリテラシーなど、データ可視化の限界をデータストーリーテリングの領域にまで押し上げようとしているのです。しかし、それはまた、UXデザイナーに力を与える方法にもなる。

  • あらゆるビジネスの目標に近づける。
  • 大企業における自分たちの役割を正当化する。
  • UXが機会や収益をもたらす重要な差別化要因であることを提示する。

しかし、データをユーザーにとってより有用で目的にかなったものにするには、どうすればよいのでしょうか。

Scrollytellingについてはすでにお話しましたが、これは主に大企業がプレミア物件(NY Timesなど)を使って余裕を持ってできる流行なのです。しかし、データストーリーテリングは、あらゆるツールにおいて、データをより消費しやすく、大衆が行動しやすいものにするためのトレンドである。

あなたがフィンテックのプロジェクトで、モバイルバンキングアプリのデザインを作成しているとします。ユーザーは、残高、収益、支出、または口座に関連するその他のデータを理解するために、銀行や金融の学位を取得するという考えを好まないでしょう。

また、複雑な分析や最新情報を何時間もかけて読むのも好きではないでしょう。そのような情報は、即座に、そして非常に消化しやすい方法で提示されるべきです。そして、2022年現在、それはグラフィカルで意味のあるものでなければなりません。そのような「乾燥した未処理の分野」でのユーザー体験を高めるために、デザイナーであるあなたは、ユーザーがやりたいことを凌駕して、予測的なデータの視覚化とデータのストーリーテリングへのアクセスを付与する方法でデザインを調整することができます。そうすることで、有益な判断や選択をするための手段や視覚的な情報を得ることができるようになるのです。

次のデザインで実現するための方法:

  • 機械学習アルゴリズムの使用。
  • スイープやタップなどの拡張可能な機能でUXを向上。
  • インパクトのある説明的なデータの可視化、ウィジェットレベルのインプレースフィルタリング、テキストベースの逸話や拡張分析。
  • 自動予測分析、最小値、最大値、合計値、デルタ値などの統計関数を可視化データシリーズにインプレース。
  • 鮮やかな色彩とインタラクティブな棒グラフ、円グラフ、折れ線グラフにより、あらゆるプラットフォームでダッシュボードと分析の体験を差別化することができます。

4. メタバースとAR/VR - 3D空間デザインについて

私たちはデジタルの世界に生きており、その場しのぎのオペレーションや、時間のかかる手作業、時代遅れの考え方が通用する場所はありません。 特にデザインにおいては。

イノベーションを加速し、デザイン実務に存在感を示すために、今最もホットなトレンドの1つがデザインアクセラレーターの利用であることを知っておいてください。このツールは、デザインのアイデア出し、コラボレーション、プロトタイピング、ユーザーリサーチ、ユーザビリティテスト、デザイン・開発者のハンドオフ、データ分析、コード生成など、デジタル製品のデザイン制作におけるあらゆるプロセスを効率化するほど進化しているのです。しかし、これらのことはすでにご存じかもしれません。しかし、プロセスの最適化とデザインの標準化のためのツールは、デザインのコアな部分に集中することを可能にするという事実を、あなたは忘れてしまったかもしれません。

5.プロセスの最適化と設計の標準化に関するツール

これは決して時代遅れになることはありません。しかし、より複雑になっています。多くのサービスやデジタル製品がある中で、消費者は今、本当にうるさくなっているのです。ユーザーの哲学は、パーソナライゼーションと、一般的なものと特別なものの違いを明確にするデザインを規定します。コンテンツ、イメージ、レイアウト、インタラクション、すべてがパーソナライズされていることが重要です。

つまり、2022年のデザインは、ますますユーザー中心になっていく傾向にあるのです。アドビによると、54%の人が自分の興味を本当に反映したコンテンツを見たいと考えているそうです。UIやUXの新しいトレンドに導かれて、デザイナーはローカライゼーションを重視し、行動データを収集してユーザーのペルソナや人口統計の360度のビューを構築してから、デザインをレイアウトするようになる傾向にあります。オンラインショッピングのアプリで適切なサイズを表示したり、好きなアーティストがその街で公演することを知らせるなど、ユーザーのロケーションに応じたおすすめ情報を提供することが、現在のUI/UXデザインで主流となっています。インスタグラムの背景色を変更するオプションをユーザーに与えることではありません。ユーザーが求めているのは、彼らのことを知ることなのです。

このようなパーソナライゼーションは、すでにデジタル広告で起こっています。新しい広告プラットフォームや、消費者について収集したすべてのユーザー行動データを使って、本当にパーソナルになっていくのです。デジタルトランスフォーメーションが急速に進む中、アプリやWebサイトのパフォーマンスに関する統計情報を収集し、データを分析するだけでは済まなくなってきている。このすべてがUI/UXにも流れ込むのは当然のことです。そして、当然というだけでなく、PIVOTALであるとさえ言えます。だから、デジタルクリエイターは、そのデータをもとにUI/UXデザインレベルで行動しなければならないのです。

なぜ、これらのトレンドに対応することが重要なのか?

デザイントレンドは、さまざまな出来事、技術の飛躍的進歩、ユーザーの迅速な追いつきと辟易する能力、そして時には単に、ディストピア小説の別のコンセプトが、適切なツールと革新的な思考の助けによってついにそれ自身を出現させたという理由で、常に変化し続けているのです。2022年のこれらのUIとUXのトレンドに従うことは、あなたがUIデザイナーであろうとUXデザイナーであろうと、あなたにとって極めて重要である、

なぜなら

  • デジタル消費者が期待するものを、より簡単に提供することができます。
  • プロジェクト、さらにはDesignOpsをモダンにする。
  • さまざまなことに挑戦すればするほど、デザインにおける他のイノベーションをかき立て、リードするチャンスは大きくなります。結局のところ、トレンドはトレンドを呼び起こすのです。
  • コンフォートゾーンから抜け出しましょう。
  • 開発するものに対して、より批判的になることです。
  • 現代的な結果を出し、顧客維持率を上げ、より多くのユーザーを巻き込み、より良いROIを実現する。
  • あなたは、企業やビジネスがその価値をオーディエンスに伝える手助けをすることができるのです。

Indigo.DesignとApp Builder このトレンドにどう対応するか?

デジタル技術の進化は、デザインの存在、プロセス、目的、結果、製品に至るまで、デザインに関わるほとんどすべてのものに革命をもたらそうとしています。

そして、イノベーション、アイディエーション、プロダクトクリエーション、コラボレーションに関わるツールに、このような新しく優れた方法を提供する業界があれば、Indigo.DesignやApp Builderのようなデジタルおよび開発促進ツールが、UIとUXデザインのあらゆるトレンドに遅れないための鍵になることは間違いないでしょう。

メリットを絞り込み、上記のような「デザインの流行」に乗り遅れないための方法を紹介します。

Indigo.Designでは、ユーザビリティテストやユーザーテストを実施することで、UIやUXを構築する際に、より有益な判断を下し、データに基づいたストーリーテラーになることを支援します。こんなことができるようになります。

  • アンケートで収集したデータをもとに、超パーソナライズされたユーザー中心の製品設計を行うことができ、例えば、特定のフィンテック・アプリケーションを構築するのに適しています。
  • 説明的なデータのビジュアライゼーションや機能を統合する。
  • 拡張分析、予測分析を利用する。

また、プロセスの最適化や設計の標準化も、これらのツールで対応することができます。これらのツールを使用することで、以下のことが可能になります。

  • デザインの繰り返しやミスコミュニケーションを減らすことができます。
  • 退屈な繰り返し作業をなくし、特定の細部に集中できる(ちなみに、UXライティングも今、人気を集めている)。
  • WYSIWYG App Builderでは、さまざまなコンポーネントやドラッグ&ドロップで要素を操作できるため、デザイナーズブロックを経験することがない。

重要な記事のポイント

トレンドを追うことは、従順になることではありません。トレンドはさらなるトレンドを生み出し、より大きな価値を持つものを生み出すと同時に、現在の傾向を一掃するようなまったく新しいものを考え出す機会を与えてくれるのです。

2022年のUI・UXデザイントレンドのトップ5は、メタバースとAR/VR、スクロリテリング、データビジュアライゼーション、ツールとプロセスの最適化、そして極めてパーソナライズされたUXです。

これらのトレンドに影響を与えた主な要因としては、Covid19の大流行、反復タスクの社内自動化の必要性、コミュニケーション強化、技術に精通したデジタル消費者などが挙げられます。

人々がどのようにつながり、社交し、ビジネスを成し遂げ、働き、生活していくかは、拡張現実と仮想現実によって変化していくでしょう。

Scrollytellingは、感情的なデザインを構築し、潜在意識と意識レベルでユーザーに影響を与える。

アプリにおけるデータの活用は、単に統計を提示することにとどまりません。予測可能なデータのストーリーテリングを提供し、ユーザーがそのデータで何をしたいかを凌駕し、より良い情報に基づいた意思決定を支援する方法となりました。

ツールやデザインアクセラレータは、デザインのアイデア出し、コラボレーション、プロトタイピング、テスト、デザイン-開発者のハンドオフ、データ分析、ローコード開発などを効率化します。

UIとUXの新しいトレンドに従い、デザイナーはローカライゼーション、行動データの収集による360度のユーザーペルソナの作成、人口統計に焦点を当て、デザインによって超パーソナライズされたユーザーエクスペリエンスを実現することができます。

Indigo.DesignやApp Builderを使えば、最新のデザイントレンドに対応することができます。

最後に、まだトレンドではないけれど、これからトレンドになる可能性を秘めた第6のデザイン、「折りたたみ式テーブルのためのデザイン」をご紹介します。あなたはどう思いますか?Samsung Z FoldとSamsung Z Flip 3は、市場を刷新し、新しいホットなデザインの強迫観念を生み出そうとしているのでしょうか?そのように見えますが、そうです。新しい折りたたみ式のデザインと技術的なムーブメントは増加傾向にあり、HuaweiとそのHuawei P50 Pocketのような他の企業もこのトレンドに追いついてきているのです。