UI Trends 2020：ストアには何がありますか？
公開: 2022-03-112020年はここにあり、昨年はどのUIトレンドが機能し、今年も引き続き機能する可能性が高いかを確認する機会があります。 新年の始まりは、人気が高まり続ける新しいUIデザインのトレンドを見る絶好の機会を提供します。
デザイン業界の最新情報、有用なもの（またはそうでないもの）、そして支持されなくなったものを常に把握することは、クライアントに革新的なアイデアを提供できるようにしたいUIデザイナーにとって不可欠です。 その取り組みには、トレンドを確認し、トレンドがどのように進化するかを検討することが不可欠です。
UIトレンド2020には、UIデザインのストーリーテリング（UXだけでプロジェクトを考えるのではなく）、3Dグラフィックスとアニメーション、独自のマイクロインタラクション、ダークテーマ、シンプルさ、音声インタラクションなどが含まれます。
ストーリーテリング
ストーリーテリングは、多くの場合、UXの観点からのみ考えられます。 ただし、UIデザイナーは、ストーリーテリングプロセスでも重要な役割を果たすことができます。
UIデザイナーは、色、タイポグラフィ、アニメーション、インタラクションデザインを使用して、優れたUXに必要なストーリーを実装できます。
GoogleのPixelイヤフォンのランディングページは、UIストーリーテリングの魅力的な例です。 思いやりのあるアニメーション、関連性のある画像、星のタイポグラフィを通じて製品のメリットを訪問者に案内し、ポジティブな感情的な反応を生み出します。
3Dグラフィックスとアニメーション
3Dグラフィックスとアニメーションは、UIデザインの初心者ではありません。 それらの頻度は、近年、複数の製品カテゴリーにわたって増加しています。 特にVRアプリやARアプリは、実際の部屋で家具を見るなど、これらの要素を活用しています。 もう1つの一般的な例は、eコマースサイトで人気のある360度の製品ビューです。
UIデザインを特に人目を引く必要がある場合は、3Dグラフィックスがそれを実現するための優れた方法です。 アニメーションは視覚的な魅力を高めます。 これらの効果は2Dバージョンよりも時間がかかり、専門的なスキルセットが必要ですが、全体的なユーザーエクスペリエンスに追加する場合は、追加のリソースの価値があります。
ユニークなマイクロインタラクション
マイクロインタラクションは、優れたデジタル製品設計の重要な要素です。 それでも、多くのUIデザイナーや利害関係者には見過ごされています。
マイクロインタラクションは、ユーザーに追加の洞察とフィードバックを提供します。 インタラクションアニメーション、さまざまな状態を表示するための色の変更、モバイルアプリでの触覚フィードバックなどを含めることができます。 マイクロインタラクションは、デザインを機能的なものから並外れたものに高めることができます。
ダークテーマ
ダークテーマは数年前から存在していましたが、2019年に発売されました。Appleは、Mojaveアップデートをリリースしたときに、それをサポートするアプリでダークテーマを自動的にデフォルトにする機能を使用して、このトレンドを支援するために多くのことを行いました。 また、同じダークモード機能を提供するiOSのアップデートもリリースしました。
暗いUIテーマは、2020年も成長を続けます。視覚的な魅力を超えた最も重要な利点の1つは、適切なコントラストの暗いテーマが目の疲れを和らげることができることです。
ダークテーマの扱いを受けるための最新の重要なアプリの1つは、9月にオプションの展開を開始したGmailです。 3つの主要なハイテク巨人（Apple、Google、さらにはFacebookのモバイルアプリ）がすべてダークテーマの時流に乗った今、この傾向は近い将来消えることはないでしょう。
シンプルさ
シンプルさとミニマリズムは、数年ごとにUIデザインで流行します。 今、彼らは入っています。
機能性はシンプルなデザインで最前線にあります。 シンプルさは、単一のトレンドというよりも、デザインの原則の集まりです。 シンプルなデザインには、ゲシュタルトの原則、大胆なタイポグラフィ、ミニマリストのカラーパレット、および多くの空白が組み込まれていることがよくあります。
デザインのシンプルさは簡単に作成できません。 デザイナーの側には自信が必要です。疑わしいデザインの選択を隠すものは何もないので、すべての要素が完璧でなければなりません。 うまくやれば、人々が使いたがる上品で上質な感じが生まれます。
音声インタラクション
音声対話は、かつてサイエンスフィクションの領域のために予約されていました。 スマートフォンとモバイルアプリはそれを変え、音声対話を可能にするだけでなく、主流にしました。 人々が音声コマンドを介してアプリケーションと対話できるようにすることで、製品との対話の可能性の世界が開かれます。 消費者が音声コマンドを提供できる場合、運転中やレシピやチュートリアルに従うときなど、タッチインターフェースが安全または実用的でない状況でアプリを使用できます。
音声対話は新しいものではありませんが、初期の反復は不格好で、しばしばうまく機能しませんでした。 ここ数年で、音声インタラクションは（通常はAIを利用した支援によって）進化し、アプリとの実用的なコミュニケーション方法になりました。 音声制御がさらに向上するにつれて、それはなくなる可能性が低い傾向です。 Googleは、I / O 2019でGoogleアシスタント機能の大幅なアップグレードを発表しました。一部の推測では、タッチ操作がほぼ完全に置き換えられ、音声操作が開始される可能性があります。
UIデザイナーは、音声インタラクションがどのように機能し、それらを製品、特にモバイルアプリに最適に統合する方法を理解することでメリットが得られます。 最終的に、音声インタラクションは、Webを含む他のタイプのインタラクションを追い抜く可能性があります。
タイポグラフィUIデザインのトレンド
新しいタイポグラフィのトレンドは毎年出現し、昨年も例外ではありませんでした。 2020年に続く可能性が高いより顕著なUIトレンドのいくつかには、セリフ書体への復帰、それほど特大ではないヒーローテキスト、および他の要素とのレイヤータイプが含まれます。
グラフィカルユーザーインターフェイスのデザインが最初に表示され始めたとき、セリフは一般的に画面上で読みにくいと眉をひそめていました。 画面の解像度が低いということは、文字の形の細かい部分（および一般に小規模な視覚的な詳細）が失われることを意味し、従来印刷でうまく機能していた多くの書体がコンピューター画面でひどく見えます。
画面の解像度が上がるにつれて、セリフが画面上で読みにくいという考えが何とか持続しました。 これは近年変更されており、セリフはヘッダーやヒーローのテキストを含め、あらゆる場所に出現しています。これらのテキストは、通常、サンセリフやディスプレイフォントのテキストよりも一般的ではありませんでした。
ヒーローのテキストは毎年どんどん大きくなっているようで、ウェブサイトの「折り目の上の」スペース全体を占めることがよくあります。 これは2019年に変更され、ヒーローやヘッダーの画像の上に小さい（まだ目立つ）テキストが使用されました。 ヒーローデザインの貴重な部分として空白を再導入することは歓迎すべき変更です。
画像の下または上（場合によっては両方）にグラフィック要素を含むレイヤータイプは、もう1つの成長傾向です。 テキストがボックス化された画像や色でオーバーレイまたはアンダーレイされている場合もあれば、他の視覚要素と完全に統合されている場合もあります。
UIトレンド2020の先を見据えて
最高のUIトレンドは、デジタル製品の全体的なエクスペリエンスと有用性を向上させながら、視覚的に魅力的です。 上記のトレンドは進化を続け、2020年には新しいトレンドが出現する可能性があります。
より大きなブランドがトレンドを採用し、それらがよりユビキタスになるにつれて、それらは標準に進化し、デジタルランドスケープの一部になります。 この進化は、ダークテーマのようなトレンドですでに起こっています。
他のケースでは、トレンドは数年間続き、その後、より良いアイデアや方法が出現するにつれて道に迷います。 この一例は、視差スクロールUIです。これは、数年前には非常に人気がありましたが、2020年にはそれほど目立つものではありません。
2020年には新しいトレンドが出現し、ここに含まれるトレンドのいくつかは年末までに衰退する可能性があります。 エキスパートUIデザイナーは、コンテンツを表示するためのより良い方法を常に探しています。つまり、2020年のUIトレンドの一部は、2021年までにデジタル時代精神から事実上姿を消します。
•••
Toptal Designブログでさらに読む：
- 未来を見据えて–2020年のデザイントレンド
- ToptalDesignBlogカラーオブザイヤー2020
- UXデザイントレンドレトロスペクティブ2019
- すべてのトレンドは価値がありますか？ Webデザイナーが犯す最も一般的なUXの間違いトップ5
- 次の傾向：オマージュとデザインの盗用