DMN Design Management Report #054
Manan Gupta プロダクトデザイナー
2021年は、業界全体のデザイナーにとって心躍るような年だったことはよく知られています。2022年もそれに劣らないものになると考えています。これからのデザイントレンドは、よりユーザー中心で、操作しやすいインターフェースであるべきです。
多くの意味で、このダイナミックな業界は、ユーザーのニーズに耳を傾け、配慮しながら、ユーザーを惹きつける新しい方法を生み出すというバランスのとれた行為を行っています。そして、私たちは2022年のデザイン界をキュレーションするものの一翼を担う存在として、それが指標を超えた方法で前進していることは明らかです。
この記事では、2022年内にあなた自身を鼓舞する価値のあるUIとUXのデザイントレンドについて概説しています。最新のデザイントレンドを把握するために、まだの方は今後のプロジェクトで実践してみてほしいアイデアをリストアップしています。確かに挑戦的に思えるかもしれませんが、それは自分のスキルを磨き、万能選手にすることに他なりません。
今回は、その新しいデザイントレンドについて、簡単にご紹介しましょう。
Android & iOSの両方で採用されているダークモードは見逃せません。Facebook、Instagram、Youtube、Whatsapp、Google（Docs、Gmail、Maps）、Twitterなどの主要なプラットフォームはすべて、デザインとコードにダークモードを実装しています。
ダークモードの利点は以下の通りです。
- 有機ELやAMOLEDの画面を使用している端末の場合、バッテリーを節約することができます。
- テキストの読みやすさが向上します。
- 夜間使用時の眼精疲労を軽減します。
- 画面のまぶしさを抑え、ブルーライトを最小限に抑えます。
ダークモードトレンド
太字のタイポグラフィーは、ユーザーの注意を引く最も簡単な方法の一つです。太字のタイポグラフィは周囲から際立ち、読みやすくなります。しかし、デザインに導入する前に、それは全体の美観の不可欠な（そして統合された）部分でなければならず、さらによく考えられたものでなければなりません。
情報源: Dribble
ニューモーフィズムは、フラットデザインと古くからあるスキューモーフィズム（ファイルを捨てるときに使うごみ箱のアイコンのように、現実世界の対応するオブジェクトの外観を模倣するインターフェース）を組み合わせたものです。
ニューモーフィズムは、ミニマリズムを強調するフラットデザインとともに、インターフェースデザインの基礎を築き、スキューモーフィズムの復活に貢献しました。
背景色、シェイプ、グラデーション、シャドウを組み合わせて、UI要素のグラフィックの強度とフラットデザインを確保するビジュアルスタイルです。これにより、柔らかく押し出されたプラスチックのような外観や、3Dに近いスタイリングを実現することができます。
UIデザインにおけるニューモーフィズム
デザイナーは、UIアニメーションを活用することで、静止画よりもはるかにうまく流れを誘導し、ユーザーエクスペリエンスを向上させることができます。2022年には、UIと製品プロモーションの両方で、グラフィック・アニメーションがますます増えていくことでしょう。モーダルやバナーを使わずに、ユーザーの注意を引き、メッセージを伝える没入感のある方法です。
情報源: Pinterest
マイクロインタラクションは、あらゆるソフトウェアアプリケーションに存在します。私たちは、さまざまなアプリケーションを使いながら、毎回それを使っています。マイクロインタラクションの代表的な例は、Instagramの「いいね！」やTwitterの「リツイート」などです。
情報源: Pinterest
滑らかなグラデーションの支配が本格化しています。Microsoftのfluent design systemと、AppleによるmacOS Big Surでの新しいデザインアプローチは、グラデーションベースのデザインを大きく後押ししています。GoogleもGmail、Calendar、Drive、Docs、Meetのロゴを一新し、参入しました。グラデーションは、より見やすく、落ち着きのあるデザインです。
情報源: Dribble
3Dデザインは、ここ数年、ユーザーを惹きつけています。メモリ消費量に難があるものの、3DはモバイルとWebアプリケーションの両方でトレンドとなっています。2022年には、VRやAR技術、そして新時代のアートデザインであるNFTの人気が高まり、3Dはさらに発展していくでしょう。
情報源: Pinterest
エラーは怖いし、エンプティは退屈です。しかし、どちらもソフトウェアアプリケーションには欠かせない要素です。そこで、UX/UIの専門家は、それらをより刺激的に、より快適にするために一歩を踏み出しています。この流れは今年も続きそうです。
モバイルデバイスユーザーの増加に伴い、デザインにおけるモバイルファーストアプローチは、ウェブサイトを開発する上で必要不可欠となり、今年度も上位を維持すると思われます。
モバイルファーストデザインとは、モバイルという最も小さな画面からデザインを始めることで、ユーザーにとってより良い体験を生み出すことを目的としたデザイン哲学です。モバイル端末向けのWebサイトを最初に設計し、プロトタイプを作成することで、どの端末でもユーザーの体験をシームレスにすることができます。
ナビゲーションは、ユーザーエクスペリエンスにとって重要であると同時に、コンテンツを消費するという目的を達成するための手段に過ぎません。そのため、ユーザーはコンテンツとナビゲーションに対して、非常に対照的な期待を持っています。コンテンツはユニークで驚きと興奮に満ちたものであるべきですが、ナビゲーションは可能な限りシンプルで予測可能なものであるべきなのです。摩擦のない体験を実現するためには、綿密なサイトアーキテクチャと、計画されたユーザージャーニーマップ、タスクフローが必要です。
認証は複雑で、覚えにくく、安全性が低いです。2022年には、ソーシャルログインや生体認証ログインなど、フリクションレスな認証が引き続き求められると思われます。サインインや新しいアカウントの作成は、スムーズで完璧であるべきです。
多才なデザイナーは、さまざまなスクリーンサイズやピクセルに合わせたインターフェースを作成する必要があります。480px、768px、1024px、1280pxという一般的なブレイクポイントに加え、デザイナーは、ウェアラブル端末、モバイル端末、タブレット、小型スクリーン、折りたたみ端末、ノートパソコン、デスクトップ、大型スクリーン、特大スクリーン、テレビに対応する必要があります。
2022年以降、もしあなたがデザイナーなら、さらに多くのスクリーンサイズとピクセルに対応したデザインと最適化をしなければならず、より頻繁に不満を口にすることになるでしょう。このUIのトレンドは、車載用スクリーンからAR＆VRデバイスまで、より多くの製品やデバイスが登場する中で、持続していくことでしょう。
・・・
2022年のUI/UXデザインのトレンドと展望は、世界中のクリエイターにとってエキサイティングな1年になることは明らかです。そして、これまでと同様に、新しい実践者がデザインを始めるということです。
このようなデザイントレンドは、デザイナーにとって非常に有益な情報源となるに違いありません。
ありがとうございました。
＜DMN編集部＞
英語版参照元：
https://bootcamp.uxdesign.cc/2022-ui-ux-design-trends-b65c384f9d87
DMNでは、他にも様々なブログを「DMN Insight Blog」にて配信しております。
定期的に記事をご覧になられたい方は、ぜひご登録をお願いいたします！
→「DMN Insight Blog」メールマガジン登録