未来を見据えて–2020年のデザイントレンド

公開: 2022-03-11

毎年、前年の労働力から新しいデザイントレンドが生まれています。 いくつかのトレンドは喜び、いくつかは刺激を与え、いくつかは私たちの目を痛めます。 新しいものは古くなり、古いものは再び新しいものになります。

変化は、デザインのキャリアの中で最も挑戦的で満足のいく側面の1つです。 味とテクノロジーの進化は、私たちのスキルを鋭く保ち、私たちが創造する人々とのつながりを維持することを要求します。 2019年が終わりに近づくにつれ、私たちは先を見据えています。

2020年の20の新しいデザイントレンドを特定しましたが、フォントと色だけをリストしているわけではありません。 私たちは、来年の私たちの経験的な風景を定義するゲームチェンジャーと業界のシェーカーを紹介しています。

1.UXデザインクライアントは倫理的なデザインについて意図的です

暗いパターン。 データマイニング。 意図的に中毒性のあるデザイン機能。 私たちはそれらが存在することを知っています。 私たちは、ユーザーのデジタル決定に微妙に影響を与える卑劣な小さなトリックを知っています。 そして、意図的に顧客を利用するためにデザインを使用している企業を知っています。

ありがたいことに、不正な設計は世間の精査のまぶしさにさらされており、企業や設計者は設計決定の倫理的影響をより慎重に検討するようになっています。

2020年には、UXデザイナーとチームは、倫理的なデザインを最優先にすることを望んでいるより多くのクライアントに遭遇するでしょう。 次に、より多くの設計者が倫理的基準に精通し、倫理的フレームワークのレンズを通して設計決定を検討する方法を学びます。

UXトレンド2020
デザインは間違いなく善の力ですが、誤用された場合、害を及ぼす可能性があります。

2.スピードリーダーはBlitzDigitalになります

デジタル速読アプリは数年前から出回っています。 忠実な支持者を持っている人もいますが、広く一般に使用されている場所に上がった人は誰もいません。 皮肉なことに、多くのオンライン出版物は、読者の注意力の低下を相殺するために、より短い記事をリリースしています。

速読アプリには初期調整が必要ですが、フォーカスと読書の完了が向上することが証明されており、小さな画面にテキストを表示するのに最適な方法です。 2020年には、より多くのデジタル出版物とコピーの多いコンテンツプロバイダーが速読オプションを実装することを期待してください。

Webデザイントレンド2020
Spritzのような速読アプリのUXは最適ではありませんが、このテクノロジーは間違いなく効果的です。

3.ウェブサイトのオーバーレイはなくなります

ウェブサイトのオーバーレイ(別名ポップアップ)は、疫病のようにデジタル世界の隅々まで広がっています。 唯一の治療法は、現実の健康的な線量です。 人々は邪魔されることを嫌い、進歩を妨げることを嫌い、昇進の機会によって焦点から揺さぶられることを嫌います。 それでも、オーバーレイは依然として一般的な方法です。

ありがたいことに、より多くの設計者が真実を理解するようになっています。オーバーレイは悪いCXです。 2020年には、企業は、より包括的な変換手法を優先して、オーバーレイのクイックヒットメトリックブーストを放棄します。

グラフィックデザインのトレンド2020年の予測
私たちのオンラインの旅は、ウェブサイトのオーバーレイによって絶えず乗っ取られています。 2020年5月は彼らの終焉の年です。

4.ロゴは一時的なものになります

何十年もの間、ロゴは長寿を念頭に置いて設計されてきましたが、より多くの業界がオンラインでビジネスを行うにつれて、期待は変化しました。 ピクセルは簡単に更新でき、デジタルコンテンツは、新鮮で関連性がない場合は無視されます。 翻訳:ブランドの視覚的な予測可能性は、かつてほど重要ではありません。

テーマ別のマイルマーカー(製品の発売、イベント、休日など)に対応するスタイル的に多様なロゴコレクションを試すブランドを探してください。 この戦略を効果的に採用している企業は、ロゴのリリースごとに期待を高める方法を見つけることで、ブランドエンゲージメントを向上させます。

グラフィックデザインのトレンド2020年の予測
一時的なロゴは、ロゴシステムの論理的な拡張です。 Googleのような多くの企業は、親ブランドに簡単に関連付けることができる製品ロゴの広範なライブラリをすでに持っています。

5.eコマースボットは売りに出されます

チャットボットは大いに誤解されています。 一部のサークルでは、誇大宣伝されています。 他では、彼らは厳しく批判されています。 彼らの能力についての真実はその中間にありますが、確かなことが1つあります。それは、特定のタスクを実行するように設計された単純なチャットボットが非常に効果的であるということです。

チャットボットが輝いている役割の1つは販売ですが、かわいい会話のクイップでスクリプトを作成できるからではありません。 ボットは、やる気のある購入者が買い物をしやすくするときに販売されます。 2020年には、チャットボットの「コンパニオン」は減少し、購入を合理化するハイパーフォーカスのボットが支持されます。 その結果、チャットボット主導の売上高は急増します。

Webデザイントレンド2020
エミレーツ航空は、バナー広告にチャットボットを配置することで意欲的な旅行者をターゲットにし、エンゲージメント率は87%上昇しました。

6.AIはWebアクセシビリティを次のレベルに押し上げる

アクセシビリティは、Webおよびモバイル製品の設計チームの間でますます優先されています。 そうです。 すべての人が利用できるはずの情報にアクセスするために、余分なハードルを飛び越える必要はありませんが、Webサイトやアプリをアクセス可能にすることには課題があります。

従来、企業は、アクセシビリティコンプライアンスのためにサイトをレビューおよび変更するために企業を雇っていました。 このプロセスは、時間とコストがかかり、大きな欠陥に悩まされています。 アクセシビリティのために変更されたサイトは、更新が行われるとすぐに非準拠になります。

人工知能を入力してください。 現在、コンプライアンスについてサイトを監視するAIアクセシビリティサービスがあります。 AIは定期的にサイトをスキャンし、更新が発生すると、サイトが変更されて準拠します。

運動障害、認知障害、および視覚障害(てんかんとともに)のアクセシビリティ要件はすべて考慮されています。 より多くのチームや組織がこれらのAIサービスを設計プロセスに統合するにつれて、2020年にはアクセシビリティが急上昇すると予想されます。

ウェブサイトのデザイントレンド2020はアクセシビリティを改善します
AccesiBeのユーザーインターフェイスを自分で試してみてください。

7.ライトモードのサイトとアプリが急増する

Androidデバイスでは、Googleはユーザーに、「ライト」モードでサイトを表示することにより、読み込み時間を短縮し、使用するデータを減らし、より高速に閲覧する機能を提供します。 これは説得力のある概念ですが、Liteモードの機能はやや不格好であり、主要なWebサイト機能をブロックしたり、重要な情報を表示できない場合があります。

ユーザーがライトモードで表示する内容をGoogleに解釈させるのではなく、UIデザイナーは、サイトのナビゲーションバーからオンとオフを切り替えることができるカスタマイズされたライト画面の作成を開始します。 そうすることで、ユーザーがライトブラウジングのメリットを享受できるようにしながら、ライトデザインをデザイナーの手に委ねることができます。

8.派手なボタンは注意を求めて泣きます

Web全体で、ボタンは見過ごされてきたデザインコンポーネントから、洗練されたスタイリッシュなコンバージョンドライバーへと進化しました。 とは言うものの、ボタンのスタイルはある程度予測可能になり、ほとんどの場合、差別化要因は色になっています。

2020年は戦略的に派手なボタンの時代の到来を告げるでしょう。 このようなボタンは必見で、間違いなくクリック可能であり、重要な召喚状と組み合わせて使用​​されます。

UIデザイントレンド2020
彼らはネオンのように輝くことはないかもしれませんが、2020年にはもっと贅沢に飾られたボタンが見られると期待しています。

9.青は転覆します

ブルーは確かにクラシックです。 まるでラングラーのように、落ち着いていて快適で安心です。 しかし、古き良き青は2020年を支配する色ではありません。

その区別は、不確実な時代の活力と中立の象徴である緑に行きます。 インターフェースからインテリアまで、すべての分野で母なる自然のお気に入りの色合いがデザインの決定に浸透することを期待してください。 特定の色合いが必要ですか? 植物の生命や自然現象ですぐに見られる色であるダークシーフォームグリーンをご覧ください。

2020年のWebデザイントレンド
ToptalDesignBlogの2020年の色はパッケージデザインに最適です。 (世界のパッケージング)

10.可変フォントはユーザーによって制御されます

可変フォントは、複数のフォントのように動作する個々のフォントファイルです。 1つのファイルには、事前定義されたノード間で追加の重みと比率が補間される1セットのグリフが含まれています。 デザインポートフォリオでかっこよく見えることに加えて、可変フォントは、デザイナーがさまざまな画面サイズと向きで最適な読書体験を保証できるため、レスポンシブタイポグラフィに役立ちます。

2020年には、デザイナーは、コピーの多いWebサイトやアプリに可変フォントスライダーを組み込むことで、ユーザーが個々の読書体験をカスタマイズできるようにします。 一部の設計者は、タイプスキームがいじくり回されていると思い込んでしまいますが、テキストを読む能力は常に視覚的な魅力よりも優先されます。

デジタルデザイントレンド2020
可変フォントは、可変フォントスライダーを試す簡単な方法です。

11.データの視覚化とインフォグラフィックが社会を支配する

2020年の選挙では、あらゆるタイプの組織がデータの視覚化とインフォグラフィックを使用して、フォロワーに重要な事実を提供します。 しかし、彼らはずんぐりしたチャートや古いグラフィックを使用しません。

デザイナーは、統計的な明快さと人間のつながりの二重の苦痛をもたらすビジュアルを作成することにより、クライアントがソーシャルチャネルに火をつけるのを助けます。 データビズとインフォグラフィックは、写真、3Dモデリング、ミクストメディアコラージュ、DIYアニメーションなどの代替方法を優先して、従来の2D技術を避けます。

デザイントレンド2020
エコノミストは、FCバイエルンのファンがFCニュルンベルクとの試合中にチームにどのように反応したかを示す、一連のインタラクティブな3Dデータの視覚化を作成しました。

12.単色のイラストが増える

イラストのおかげで、ウェブはもっと面白い場所になりました。 複雑な技術的概念が関連性を持つようになりました。 ありふれた製品の提供は奇妙なことに魅力的です。

イラストの必要性が高まるにつれ、企業は2つ以上のホームページのイラストを必要とするようになります。 すばやく追加および更新できる広範なイラストライブラリが必要になります。 1つの問題。 説得力のあるイラストには時間がかかります。 回避策は? 限られたカラーパレット。

2020年には、ブランドはこれまで以上に多くのイラストを使用し、需要を満たすために、イラストレーターは単色の配色を利用します。 ニュアンスを追加し、ブランドのストーリーテリング機能を拡張するために、選択した色は事前定義されたテーマを表します。

デザイントレンド2020
マルタ・ウィコフスカによる単色イラスト。

13.マイクロコピーは成熟します

マイクロコピーは、業界関係者だけが議論するあいまいなUXサブトピックではなくなりました。 これは、今日のデジタル体験の基礎です。 Microcopyは、ユーザーが機能をナビゲートして理解できるようにすることでユーザーを専門家にし、声のトーンを通じてブランドエンゲージメントを促進します。

残念ながら、ブランドが明瞭さよりも声のトーンを優先する場合があります。 ユーモアや巧妙さの試みが混乱を引き起こすとき、マイクロコピーは邪魔になります。 2020年に、UXライターは空想的なマイクロコピーを放棄し、ブランドの個性と焦点を絞った精度のバランスをとる方法を見つけるでしょう。

UXトレンド2020
Squarespaceはマイクロコピーを使用して、ユーザーが適切なWebサイトテンプレートを見つけられるようにします。

14.画面の選択肢は、物理的/デジタルデバイドを閉じます

物理的な領域とデジタルの領域は絡み合っていますが、領域間の移行はシームレスではありません。特に画面が関係している場合はそうです。 画面には解釈が必要です。これは、見たり離れたりしたときに感覚の向きを変えるための瞬間的な躊躇です。 ノートパソコンや携帯電話の前でくつろいでいると、物理的なものとデジタルなものの切り替えはそれほど重要ではないように見えるかもしれませんが、運転中のテキストメッセージが禁止されているのには理由があります。 画面は気が散っています。

ありがたいことに、人々がマシンとインターフェースをとる方法は画面だけではありません。多くの企業が、人間とコンピューターの相互作用の未来は電話やラップトップでは起こらないと賭けています。

2020年には、音声ユーザーインターフェース、ウェアラブル、触覚テクノロジーが消費者に画面に匹敵することのできない体験を提供するため、物理とデジタルの間の移行はさらに目立たなくなります。

UXトレンド2020
2020年には、より多くの企業がスクリーンレスの選択肢の急成長する世界に参入するでしょう。

15.マキシマリストのデザインはデジタルを混乱させる

モバイルデバイスのデジタルデザインは、シンプルさで繁栄します。 そのため、ミニマリストの美学がデジタル製品のデザインを支配しています。 しかし、私たちのデザインの世界のすべての厳格な優雅さのために、最大主義の表現主義の反抗的な火花は死ぬことはありません。

今日、視覚的なシンプルさが常に最良の解決策であると認めることを拒否するデザイナーの動きが高まっています。 そのような設計者は、マキシマリストのデザインがミニマリズムよりも明確で個性的な情報を伝達すると信じています。

2020年には、より多くのデザイナーがミニマリズムから離れて実験を追求し、デジタルの同一性の世界でクライアントを際立たせる機会を得るでしょう。

Webデザイントレンド2020
過剰主義的表現主義の無限の精神は、スタジオジョブで健在です。

16.カスタムストックフォトがたくさんあります

eコマース向けの製品写真、印刷用のファッションショット、ソーシャル向けのライフスタイル写真など、写真の品質はブランドの相互作用を左右する可能性があります。 ほとんどの人が気付いていないのは、撮影にかかる時間です。 ポイントアンドクリックは方程式の一部ではありません。

クライアントのリソースが限られている場合、デザイナーは通常、ビジュアルコンテンツ用のストックフォトサイトをマイニングすることを余儀なくされます。 しかし今では、サブスクリプションベースでカスタマイズされたキャンペーンを提供するストックサイトのリストが増えています。 このモデルのバリエーションは、最近Unsplashによって発売されました。 ブランドは、何百万人もの人々が使用および閲覧する無料のUnsplash画像にロゴと製品を配置するためにお金を払っています。

カスタムストックサイトが提供内容を改善し、デザイナー(およびそのクライアント)がブランド固有の写真ブリーフを簡単に定義できるようになるにつれて、これらのサービスの人気が高まることを期待してください。

カスタムストックフォトは、2020年のデジタルデザイントレンドの一部です
いくつかのグローバルブランドは、写真キャンペーンをShutterstockCustomに委託しています。

17.UIの配色は動的になります

近年、多くのブランドがよりリベラルな色のアプローチを採用しています。 拡張カラーパレットは、イラストやUIコンポーネントなどの視覚要素に色の柔軟性が必要なWebで特に役立ちます。

2020年には、環境変数(時間、場所、天気)、ユーザーの行動(非アクティブ、クリック、スクロール)、およびパーソナライズされたテーマ(明るいまたは暗い)に基づいて変化する動的UIカラースキームの数が増加します。 デザイナーがダイナミックパレットと色彩心理学を組み合わせて、主要な指標にさらに影響を与えることを期待してください。

2020年のデザイントレンドにはダイナミックな配色が含まれます
色はパフォーマンスに影響します。 色の選択は、ユーザーが情報を認識して処理する方法に影響を与えます。 (セールスフォース)

18.ブランド化されたソーシャルコンテンツは短命を活用します

ソーシャルメディアユーザーは、限られた時間だけ利用できる一時的なコンテンツ(画像、ビデオ、サウンドスニペット)に夢中になっています。 それは理にかなっている。 人々は素早い話が好きで、不足していると感じられるものの価値を増幅する心理的要素があります。 すべてのソーシャルサイトが所定の期間後に投稿を削除するわけではありませんが、一時的な考え方は、ソーシャルコンテンツに対するユーザーの期待にしっかりと根付いています。

来年、ブランド化されたソーシャルコンテンツはますますストーリーベースになりますが、洗練された制作価値と厳格な物語構造は遅すぎて柔軟性がなく、持続可能ではないことがわかります。 手入れの行き届いた投稿にこだわる代わりに、精通した企業は、一時的なコンテンツのつかの間の性質を受け入れ、何よりも魅力的な瞬間の感情を高めます。

デザイントレンド2020
戦略的な物語や光沢のある画像を強制する代わりに、Moon PieのTwitterフィードには、人々が実際にソーシャルメディアを使用する方法からヒントを得たDIYグラフィックと巧妙なクイップが入力されています。

19.ファーストスクリーンのデジタル体験は論争を引き起こす

電話のロックが解除されると、ユーザーには次の2つのいずれかが表示されます。

  1. ホーム画面
  2. スマートフォンがロックされたときに開いたままになっているアプリの画面

電話会社と機器メーカーは、この経験を再考しています。 予測ファーストスクリーンテクノロジーは、ユーザーの好みを学習し、ロックを解除した直後に見つかるコンテンツをプリロードします。 これは、ユーザーが必要なものを見つけるために携帯電話をナビゲートする必要がないことを意味します。これは、人々がモバイルデバイスを使用する方法の微妙ですが大幅な変化です。

ファーストスクリーンテクノロジーは2020年に論争がなくなることはありません。目的のないブラウジングは大企業(つまり、これまでのすべてのソーシャルサイト)であり、予測コンテンツの読み込みにより、表示されるユーザーと情報の配信を制御するユーザーについて懸念が生じます。

デジタルデザイントレンド2020
FirstlyMobileの統計

20.ブランドメッセージングは​​統一を促進します

2020年は世界中の国々にとって選挙の年であり、政治情勢が少し…論争を呼んでいることは周知の事実です。 間違いなく、一部の企業は、分割広告キャンペーンを開始することによって、怒り​​のインフェルノに燃料を供給します(候補者自身から十分に見えないかのように)。

最近の研究は、熱狂的な政治的分裂が私たちの心身の健康を侵食していることを示しています。 精通したブランドは、政治的な論争を避け、団結、パートナーシップ、協力をテーマに自社製品を宣伝します。

デジタルデザイントレンド2020
キャドバリーは、 「あなたの言葉を寄付する」キャンペーンで、英国の高齢者を支援するために親切な行為を促進し、利益を寄付しました。

味とタイミング:デジタルデザイントレンド2020

デザインの未来を予測するのは難しい作業です。 いくつかのトレンドは、あいまいさから爆発して空を照らしますが、すぐに消えます。 他の人はちらつきとして始まり、ゆっくりと輝き、私たちの日常の設計決定に定着するまで、これまで以上に明るく輝きます。

デザイナーとして、私たちはトレンドに支配されたり、トレンドを完全に拒否したりする傾向があります。 どちらのオプションも制限があります。 トレンドは人と時間から力を引き出します。 十分な数の人々がそれを説得力があると感じるので、トレンドはトレンドになり、すべてのトレンドにはピークの影響の期間があります。 トレンドをうまく利用するには、視聴者が何を望んでいるのか、いつそれを望んでいるのかを細かく調整する必要があります。

•••

Toptal Designブログでさらに読む:

  • 新しい現実:VR、AR、MR、そしてデザインの未来
  • 未来をデザインする:私たちを待っているツールと製品
  • UXトレンド2018:回顧展
  • これらのPhotoshopチュートリアルでホットなデザイントレンドをマスターする
  • すべてのトレンドは価値がありますか? Webデザイナーが犯す最も一般的なUXの間違いトップ5