UXデザイントレンドレトロスペクティブ2019

「創造性には勇気が必要です。」 –アンリ・マティス

リッチデジタルコンテンツが何百万もの眼球を争う中、私たちの注目を集めるための戦いはかつてないほど大きくなっています。 気晴らしが横行しているため、いわゆる「認知危機のピーク」に到達している可能性があります。 画像、ビデオ、テキスト、イラスト、アニメーション、ポッドキャストは、スポンサー付きの投稿、フェイクニュース、友人の休暇の写真、炎上するオーストラリア、ヴェネツィアの洪水、戦争の前兆など、すべて少ない期間で私たちの感覚を過負荷にしますソーシャルネットワークフィードをスクロールするのに10秒以上かかります。

この嵐の媒体（何百万もの気晴らし、すべてが私たちの注意を奪い合う）を通して、デザインのトレンドは革新と実験を通して現れます。 トレンドは通常、創造的な心が何かを想像し、それを作成し、人々がそれを好きになり、それが広まったために形成されます。 いくつかのトレンドは寿命が短く、いくつかは長く続き、いくつかは数十年でリサイクルされます。ジェネレーションZで60年代のファッションとビニールのレコードが復活するのを目撃してください。トレンドは、ファッションから髪、食べ物から車、建築からデザイン、さらには政治まで。

トレンドは創造性と大胆な実験から生まれます。 1960年、ヘアスタイリングのチャンピオンであるマーガレットヴィンチが、 Modern Beauty Salon誌の編集者から、今後10年間を定義する「本当に違うこと」をするように勧められたとき、彼女はビーハイブのヘアスタイルを思いつきました。 それは野火のように広がり、60年代を通して流行になりました。 オードリー・ヘプバーンの蜂の巣は、彼女が古典映画「ティファニーで朝食を」で美しく披露したものであり、ブリジット・バルドーの乱れたテイクと同様に、最も象徴的な例の1つです。

多くのイノベーションと同様に、デザイナーは、新しく作成され、慎重に作成された作品をさまざまなメディアでパレードして、テストして披露します。 一部のUXデザインは、見た目や動作を改善するための真の努力です。 いくつかは、デザイナーを高揚させ、Dribbbleで10,000のいいねを持ったデザインの半神を宣言させるように設計された虚栄心のプロジェクトです。たとえ、レーダーの短いブリップだけであっても。

混沌とした多数のオプションの中で、一部のデザインは破棄され、一部は保持されてUXデザインのトレンドに成長します。消費者だけでなく、仲間もいます。 ピアは親指を上または下に向けて応答します。ああ、私はそれが好きです。 見栄えがします。 それは物事をより良く機能させます。 私はそのスタイルが好きです。 または、まあ、私にはうまくいきません…時々、FOMO（Fear Of Missing Out）の症状に打ち勝ち、他のデザイナーが時流に乗って放送します。 そして、私は時代とともにいます、それをチェックしてください、これは最新のものです。

模倣は、平凡さが偉大さに報いることができる最も誠実な形のお世辞です。 オスカーワイルド

一部のUXデザイナーは、フォロワーとして見られたくないため、デザインのトレンドに抵抗する可能性があります。 一部の人々は、デザインのトレンドを完全に拒否し、一時的な流行としてそれらを却下し、優れたデザインの原則に固執します。 あらゆる最大主義者の敵である「永遠のミニマリスト」を取り上げてください。 しかし、異議を唱えるデザイナーは、それぞれのスタイルとトレンドが世界にその場所を持っていることを理解する必要があります。 間違ったトレンドが間違った時間に、間違ったメディアで、間違った文脈で使用されたとき、大混乱が起こり、人々はうんざりします。

デザイントレンドからインスピレーションを引き出すことは、他の方法でも役立ちます。 恐ろしいクリエイティブブロックがデザイナーを麻痺させるとき、デザイントレンドからインスピレーションを得ることはそれを克服するのに役立つかもしれません。 不注意な模倣につながらない限り、新しいインスピレーションの源を探すことに何の問題もありません。 特定のデザイントレンドに触発されることは、それが機能することを認め、その作成者にうなずきます。機能するものは、すぐにベストプラクティス、慣習、および確立されたデザインパターンになります。

2019 UXデザインのトレンドを振り返り、12の重要なトレンドを強調しましょう。

2019 UXトレンドオブザイヤー：どこでもイラスト

ここ数年、気まぐれなイラストがデジタルデザインの世界に浸透してきましたが、2019年に最前線に躍り出ました。このトレンドは、ビジュアルの有機的な感性への欲求と、冷たくてデジタルなものからの脱却によって推進されています。技術的な外観。」 この動きは、ビニールレコード、古着、活版印刷など、実際の原材料で作られたアナログメディアの最近の復活と力を合わせています。 人々は具体的なもの、つまり自然で有機的で賢明なものを切望しています。

ストック画像とストックイラストが出ています。 気まぐれなデジタルイラストから白黒の木炭のスケッチまで、有機的な感じのあるものは何でもあります。 等角図は大流行しており、スキューモーフィズムは許可されていません。 それはすべて、ボタンやアイコンであっても、ウェブサイトやアプリでの有機的な外観のカスタムイラストに関するものです。

デザイナーがイラストに少し動きを取り入れることができれば、さらに良いでしょう。 動きの遅い微妙なアニメーションは、静的なイラストに興味深い要素を追加し、それを生き生きとさせます。

特にオンボーディングシーケンスのイラストも、モバイルUXデザインに浸透しています。

ブレンディングのトレンドは珍しいことではありません。 独創的なランディングページは、スクロールによってトリガーされる視差のマルチメディアアニメーションを提供します。これらのアニメーションは、アニメーションのイラストと動く背景、タイポグラフィ、写真、およびビデオを組み合わせる場合があります。

Let's Go Dark：ダークモード/ダークテーマ

ダークテーマの人気が高まっているため、ますます多くのデジタルデザインが「ダークサイド」に移行しています。 クールな新しいダークモードは、オペレーティングシステム、TV、モバイルデバイス、Webなどのさまざまなプラットフォームに侵入しています。 Appleは、TV UI、次にMac OS Mojave、そして最後にiOS13と新しいiPadOSでダークモードの熱狂を煽った。 ダークテーマUIには、いくつかの利点があります。目にやさしく、よりスタイリッシュでエレガントになり、バッテリー寿命を節約できます。

ただし、設計者が暗い側を歩くことを選択した場合は、慎重に踏む必要があります。 使用可能なカラーパレットが制限される可能性があり、色の間違った組み合わせが目に苦痛を与える可能性があります。 それに加えて、あらゆる種類のユーザビリティの問題が発生します。主に、スキャン可能性、読みやすさ、およびコントラストに関連しています。 UXデザイナーは、ボタン、テキスト、背景などのUI要素の間に十分なコントラストがあることを確認する必要があります。 ダークテーマのUIが表示される可能性が高いデバイスだけでなく、使用のコンテキスト、つまり表示環境も考慮する必要があります。

ミニマリズム/過剰主義

優れた製品は、より少ないコストでより多くのことを達成します。 最新のウェブおよびモバイルアプリのデザイントレンドが示すように、UXデザイントレンドとしてのミニマリズムは人気があります。 ミニマリズムのポスターの子であるAppleは、最も影響力があり強力な支持者です。 デザインアイコンディーター・ラムスのイデオロギーと「際立ったデザイン」の力に賛同するアップルのミニマリズム主導のハードウェアとソフトウェアのデザインは、並外れたものです。 Appleのプレイブックからページを取り出して、UXデザイナーは長い間、デジタルデザインを最小限に抑え、タスクを遂行するために必要な絶対的な必需品だけを人々に提供することの重要性を強調してきました。

ミニマリズムのファンは、情報の複雑さを処理して理解する能力と同様に、人々の認知リソースが制限されていることを認識しています。 人々は、その完全な意味を割り当てるために必要な刺激のすべてのニュアンスを把握することはできません。 顕著な情報は、与えられた状況で注意を引く可能性が最も高いものであり、刺激がどのように知覚されるかに最も重要な影響を及ぼします。

「創造性とは、リスクを冒す能力です。 実際に自分自身を危険にさらし、嘲笑されたり、批判されたり、何であれ、嘲笑される危険を冒すこと。 しかし…あなたはそのリスクを冒さなければなりません。」 –スティング

スパースでコールドなミニマリズム、マキシマリズムのアンチテーゼは、コミットメントと信頼の飛躍を必要とする、リスクが高く、報酬が高いデザインムーブメントです。 破壊的で反抗的なUXデザイナー、つまりカウンターカルチャーの「デザインヒッピー」は、最大主義に目を向け、大きく、大声で、影響を与えます。 しかし、適合ミニマリストの風景から目立つことへの願望は、そのリスクがないわけではありません。 過剰主義はパンチを詰め込むことができますが、裏目に出る可能性もあります。 それはすべてを危険にさらし、時には炎上することをいとわない大胆な大胆さのためだけです。

過剰主義者は、心が刺激を愛していると信じています。 時々、奇妙な、最大主義の色、質感、パターンの層が注目を集め、そのマニフェストは「私たちは無視されないでしょう！」と宣言します。 マキシマリストデザインは、グラフィックデザイン、ウェブデザイン、モバイルデザイン、インテリアデザイン、ファッション、建築など、デザインのさまざまな側面に影響を与えます。これは、デザイナーが刺激し、魅了する方法です。

ニューモルフィズム

デザイナーは、ミニマリストの感性を保ちながら、最高のスキューモーフィズムとマテリアルデザインを組み合わせたいという願望から、ニューモルフィズムを思いつきました。 スキューモーフィズムは少し多すぎて（現実世界のオブジェクトを模倣しようとして）、マテリアルデザインはフラットすぎました。 ニューモルフィズムはその中間のどこかにあります。 ただし、一部の批判者によると、表面的にはエキサイティングであると同時に、このUXデザインのトレンドは短命である可能性があります。

ニューモルフィズムは、色を取り除いた「すっきりとしたデザイン」を可能にします。これは通常、UIの要素を表すために使用されます。代わりに、この手法では、わずかに浮き上がった、またはインデントされたソフトドロップシャドウを使用してUIコンポーネントを分離します。 多くのトレンドと同様に、デザイントレンドも混在させることができ、デザイナーは最新のフレーバーのエキサイティングなメドレーである「デザイントレンドガンボ」を作成できます。 たとえば、ニューモルフィズムは、ダークテーマUIなどの他のトレンドと組み合わせることができます。

意味のあるマイクロインタラクション

「詳細は詳細ではありません。 彼らはデザインを作ります。」 –チャールズ・イームズ。

優れたデジタル製品を優れた製品に変えるのは、細部のすべてです。 『Microinteractions』の著者であるDan Safferは、マイクロインタラクションを「単一のユースケースを中心に展開する含まれる製品の瞬間。1つの主要なタスクがあります」と定義しています。 美学を超えて、うまく実行された、スムーズなマイクロインタラクションは、インタラクションの瞬間に人々に喜びをもたらすことができます。 マイクロインタラクションは、フレンドリーな体験とイライラする体験を区別する重要な詳細に関するものです。

マイクロインタラクションは、モバイルアプリ専用ではありません。 また、Webサイト、デスクトップアプリ、およびWebアプリケーション（SaaS）用に設計することもできます。 ただし、ダークテーマのトレンドと同様に、デザイナーは慎重に踏み込んでください。 間違った場所に多すぎると、ユーザーエクスペリエンスが裏目に出て台無しになる可能性があります。 したがって、それをどれだけ、どのような状況で提供するかを慎重に検討することが重要です。

モバイルでのより多くのジェスチャーインタラクション

インターフェースの手がかりを探したり、アイコンをタップしたりすることは、モバイルではノーノーになっています。 人々はますますモバイル上のさまざまなUI要素がスワイプ可能であることを期待しています。これはモバイルデザインのベストプラクティスになりつつあります。 人々は不正確な方法でジェスチャーを実行できるため、より優れたUXを提供します。 たとえば、スワイプは、アイコンを見つけてタップしてカードを閉じるよりも速くて簡単です。 ほとんどの場合、両方の対話オプションが提供されます。

共有、保存、設定、画像の拡大、ソーシャルフィードでの動画の視聴など、モバイルでのマイナーな操作には、階層化されたスワイプ可能なカードがますます使用されています。 Appleの最新のiOS13では、レイヤードカードモダリティがネイティブアプリで広く使用されています。 他のアプリも、この自然でスピーディーなモバイルインタラクション技術を利用しています。

3D視覚化は、製品に現実世界の感覚をもたらします

ハイエンドで洗練された写真は高価であり、ストックフォトは出ています。 3Dビジュアライゼーションはにあります。 オブジェクトが3Dでレンダリングされるとき、それらが触れられるべきであるとほとんど考えられます。 eコマース向けの製品のデジタルバージョンや製品パッケージのコンセプトから、インテリアデザインの視覚化や等角投影のオフィスフロアプランまで、3Dは、人々が何かがどのように見えるかを視覚化するのに役立ちます。 写真とは異なり、3Dレンダリングされた画像は、別の配色に即座に変更され、拡大縮小され、別の環境に配置されます。

音声インタラクション

音声対話による人々の快適さのレベルは高まっています。 私たちは無生物と話し、彼らは私たちに話しかけます。 携帯電話で音声操作を使用するのは、手がいっぱいで汚れているとき、または運転しているときだけではありません。 ますます多くの人々が自分の声で検索し、テキストメッセージを口述し、音声コマンドを介して音楽を再生します。

主流の人々に受け入れられるようになり、デジタル音声アシスタントのAlexa、Cortana、Googleアシスタント、Siriと話し合って、旅行や天気の情報を入手したり、買い物をしたり、乗り物を注文したりしています。 人気のある音声アシスタントに加えて、音声対話を使用する機能がさまざまなデバイスやアプリにますます組み込まれています。 最近の調査によると、人々が自分の声を使って対話するのが好きな理由は、それが高速で正確であり、入力する必要がないためです。 言い換えれば、それは摩擦を減らし、より良いUXを提供します。

会話型UIとチャットボット

大きなヒーロー画像、ボタン、リンク、フォームを備えた従来のランディングページは、最も直感的で自然なインタラクションパターンの1つである会話に徐々に取って代わられています。 会話型UIは、楽しく、よりパーソナライズされた、摩擦のないエクスペリエンスを提供します。

通常、チャットボットは、アプリケーションインターフェイスとしてインスタントメッセージングを使用する人工知能プラットフォームです。 チャットボットは、ユーザーにフォームへの入力を求めることでユーザーに負担をかけるのではなく、対話をより自然で会話的なものにすることでその負担を軽減します。 一部のボットはAIではなく、チャットを介して対話し、より魅力的なユーザーエクスペリエンスを提供する実際の人間です。

旅行の予約を完了するなど、何かにかかる時間は同じかもしれませんが、対話は会話型でチャンクに分割されるため、認知的負担が軽減され、ユーザーエクスペリエンスが向上します。

スクロールでトリガーされるアニメーションは、ストーリーを伝え、製品やサービスを販売します

製品の超クローズアップ、ハイエンド3Dレンダリングは、Webで製品を販売することになると大流行しています。 ライフスタイルマーケティングに焦点を当てたスクロールトリガーアニメーションは、印象的なビジュアルで説得力のある映画のようなストーリーを伝えます。 多くの場合、ストップモーションアニメーション、写真、ビデオをエレガントなタイポグラフィとブレンドし、人々を引き付けて引き込むように設計されています。

人々が昔ながらの方法で閲覧する静的なWebページよりも魅力的なユニークな訪問者体験に焦点を当て、さまざまなサービス会社もスクロールトリガーアニメーションUXトレンドを使用して、クリエイティブサービスからデジタルデザインやブランディングまですべてを販売しています。

強力なタイポグラフィを備えたミクストメディアサイト

過去数年間で、ウェブは、自己再生ビデオ、アニメーションGIF、3Dアニメーション、およびスクロールトリガーアニメーションイラストでいっぱいのマルチメディアページで活気づきました。 大音量のタイポグラフィと視差スクロールを組み合わせることで、台所の流し台以外はすべて投げ込まれたように感じますが、ある程度の抑制と洗練されたスタイルでうまくやれば、訪問者の注意を引くことは間違いありません。 エクスペリエンスはもはや直線的ではなく、豊かで魅力的なものになるように設計されています。

eコマースは3D、AR、モーションで活気づきます

現実の世界での買い物は、触覚的な体験です。 調査によると、eコマースサイトの製品ページのビデオまたは3Dアニメーションは、人々がそれらをよりよく理解できるため、より多くの製品を販売する傾向があります。 拡張現実（AR）を介して実生活に挿入された製品も、人々が「試着」したり、実生活環境に配置したりできるため、より効果的に機能する傾向があります。 高速インターネット接続が増加し、ブラウザがあらゆる種類のマルチメディアコンテンツのレンダリングに優れているため、これらのeコマースUXのトレンドは今後も続くでしょう。

UXデザインのトレンドを選択してください

最新のUXトレンドに遅れずについていくことは、賢明に行われなければ罠になる可能性がありますが、最新のものに遅れないようにすることが重要です。 そうすることで、UXデザイナーが最先端になる、または最先端を維持するのに役立ちます。 UXデザインのトレンドは、多くの場合、UXデザインの実験によってフィルタリングされ、機能することが証明されているため、人々の高い期待に応えるためのUXデザイナーの取り組みを後押しすることができます。

毎年、最新のUXデザイントレンドが出現しています。 人気が出るものもあれば、衰退してやがて消えるものもあります。 容赦ない排除のプロセスを通じて、最も有用で耐久性のあるものだけが生き残ります。これは、卓越したユーザーエクスペリエンスを設計する芸術と科学を進歩させるのに最適です。

•••

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

• 未来を見据えて–2020年のデザイントレンド
• UXの試行錯誤の法則（インフォグラフィック付き）
• これらのPhotoshopチュートリアルでホットなデザイントレンドをマスターする
• 著名なeコマースのトレンドとそのデザインへの影響（インフォグラフィック付き）
• すべてのトレンドは価値がありますか？ Webデザイナーが犯す最も一般的なUXの間違いトップ5