2020年のウェブデザイン–トレンド、ヒント、テロ

2020年のウェブデザイントレンド2019年はすでに衰退しており、’新年の輝かしい黄金の約束に焦点を合わせ始めました:2020.


あなたかどうか’すでにウェブサイトを再実行している、または新年を迎えた’1つを開始するための解決策’Webデザインの世界で起こっていることは常に前向きです。我々’ここで、2020年に発生する最もホットなトレンドに備えるため、よくある間違いを警告し、新年に向けてブラッシュアップするための最高の設計スキルを共有します.

私たちは多くの業界のWebデザインの専門家に依頼しました。Webデザインの新年が何を開催するかについて特別な洞察を得ることができました。.

そしてここに結果があります…

2020年のベストWebデザイントレンド

  1. UI: ダークモード
  2. ビジュアルデザイン: 3Dグラフィック
  3. モバイル: 最小限のデザイン
  4. eコマース: 明るい色
  5. UX: AIと音声の相互作用
  6. パーソナライゼーション: イラストとアニメーション
  7. ワードプレス: グーテンベルク
  8. コンテンツ: ホワイトスペースフレーム
  9. タイポグラフィ: 概説タイポグラフィ

それぞれのトレンドは異なるカテゴリーに属します–私たちは’専門家の引用やヒントを含め、それぞれをより詳細に検討します.

もし、あんたが’私たちのリストをもう一度見て、あなたが自分のウェブサイトにこれらのトレンドをどのように適用できるのか疑問に思います’心配しないで. 我々’設計スキルとツールについても説明します 2020年の準備に役立つほか、回避すべきいくつかの一般的な設計ミスを経験する.

10年は間もなく終わりに近づいているので、’tもう待つ–みましょう’s 2020年の9つの最高のWebデザイントレンドに直接飛び込む!

専門家に会う!

アナ・アブランテス

アナ・アブランテス,
UIデザイナー

ケビン・マレー

ケビン・マレー,
eコマースソリューションエキスパート

エラ・ジョンソン

エラジョンソン,
クリエイティブデジタルデザイナー

キャロル・ベリティ・マン

キャロル・ベリティ・マン,
の創設者
ウェブ上の女性

アンドレアスプーロス

アンドレアス・ポウロス,
Greenlight DigitalのCEO

アレックス・ヴァシリ

アレックスヴァシリ,
MVFグローバルのブランド責任者

Edd Wilson

Edd Wilson,
シニアテクニカルSEOスペシャリスト

1

UIのベストデザイントレンド:ダークモード

ダークモードウェブデザインモバイル UIはユーザーインターフェースの略で、 視覚的要素 デジタル製品の。これには、画面、テキスト、ボタン、画像のデザインが含まれます-ユーザーが見たり操作したりするものはすべてUIに該当します.

ダークモードは、GoogleがChromeからYouTubeまでの多くのアプリで導入した2019年に、幅広いデザイントレンドとなりました。ダークモードはインターネットを嵐に巻き込み、すべての兆候はそれが2020年にも広がり続けることを示唆しています.

ダークモードウェブデザインツイッターブラウザの設定でTwitterをオンにすると、Twitterは自動的にダークモードになります.

これは携帯電話で遊ぶのに楽しい機能ですが、なぜそれを2020のトップWebデザイントレンドと見なす必要があるのですか?さて、Google Chromeと他のWebブラウザーにはダークモードが組み込まれているため、ユーザーがオンにするとウェブサイトが自動的にダークモードに切り替わります。.

これは、Webサイトがダークモードをサポートしている場合にのみ機能します。!

たくさんのウェブサイトが’まだダークモードに巻き込まれ、Google Chromeは開発しました “ナイトアイ” 機能。通常のWebサイトを暗くします。’最適化されているかどうか.

サイトを設計するときは、強制夜間モードでもサイトの見栄えが良くなる可能性があるのではなく、一歩先を行き、ダークモードについて考えることをお勧めします。たとえば、YouTubeはダークモードで見栄えがよく、優れたユーザーエクスペリエンスを提供します。

ダークモードウェブデザインyoutubeYouTubeはダークモードでも優れたユーザーエクスペリエンスを提供し、ユーザーに最適なデザインスタイルを選択できます.

しかし、あなたのサイトは、ダークモードの世界の醜いアヒルの子のように見えるかもしれません–家具店のIKEAに少し似ています’のウェブサイト…

ウェブデザインダークモードIKEA安全に言うと、IKEA’sオンラインストアはダークモードで見栄えがよくなる… 2

ビジュアルデザインのベストデザイントレンド:3Dグラフィックス

3Dウェブデザイントレンドドッグスタジオの例

クリエイティブデジタルデザイナーのエラジョンソン氏に話を聞いたところ、彼女は3Dデザインがどのように増加しているかについて洞察を与えてくれました。

“3Dレンダリングされたデザインは、アフターエフェクトを向上させ、物事を本当に滑らかで満足のいくものにするために人気があります。そこ’Cinema 4Dを使用して3Dアフターエフェクトを追加することは非常に人気があり、これは人気が高まるに過ぎない.”

これは、特にバーチャルリアリティの台頭で、理にかなっています。オンラインでの没入型体験を求める人が増えているようです。.

3Dグラフィックへの移行は、スムーズで洗練されたモダンな雰囲気を示唆していますが、たとえば、デザイナーがイラストやタイポグラフィを通してこれをどのように操作するかを見るのは興味深いでしょう。.

3D WebデザインWellyの例オンラインストアWellyは、インタラクティブモーションデザインと組み合わせた3Dビジュアルを使用して、顧客向けのユニークな製品ビューを作成しています. 3Dウェブデザインのウェルモーションの例

フラットなデザインから離れると、目にする色の選択にも影響を与える可能性があります。エラはこれについてさらに詳しく説明しました。

デザイナーは、鮮やかで明るい色から離れ、落ち着いたパステルカラーに向かっています。これは、滑らかな影と柔らかな自然光で構成が作成され、視覚的に楽しいシーンを作成する3Dイラスト付きアートワークで特に効果的に見えます.”

ウェブデザイントレンドパステル3DトレロTrelloは、3Dグラフィックと一緒に多くのパステルカラーを使用して、滑らかで明るくモダンな雰囲気を作り出しています。 3

モバイルのベストデザイントレンド:最小限のデザイン

最小限のモバイルデザイントレンドGoogleクイズ

ミニマリズムは、ここ数年の間、モバイル向けの人気のあるデザイン選択となっています。それでも、’信頼できる長期的なトレンドであり、その価値は証明されておらず、2020年まで強いままであるように見える.

ここで強調したいのは、ミニマリストのデザインでは’退屈なデザインを意味する必要があります。大胆で明るい色、重なり合う部分、太いフォントなど、ブランドに合ったものを使用できます.

ミニマリズムとは、不要な余分な部分を取り除いて、明確で簡単なユーザーエクスペリエンスを実現することです. ホワイトスペースを利用し、フォームと機能に集中して、訪問者を圧倒しないようにします.

専門家から

アナ・アブランテス

アナアブランテスさんのコメント… “これは新しいことではありませんが、それでも重要なことです。モバイル優先のアプローチに焦点を当てる必要があります。近い将来、ユーザーは携帯電話でのみWebサイトにアクセスするようになるため、’その日が来るときのために準備することが重要です.”

ここに’デザインスタジオのウェブサイトYaroflasherによる、モバイル向けの最小限のデザインの優れた例:

yaroflasherミニマルモバイルの例デザインスタジオヤロフラッシャー’Webサイトは非常に視覚的でスタイリッシュであり、雑然とした感じはありません。最小限のデザインを使用して、訪問者にクリーンで簡単なユーザーエクスペリエンスを提供します.

このサイトでは、大胆で太字のフォント、アニメーション、黒の背景と対照的な明るい色を使用していますが、それでも明確で最小限のデザインを維持しています。’ナビゲートが非常に簡単.

君は’また、ほとんどのモバイルアプリは、人気のある瞑想アプリであるHeadspaceの以下の例のように、最小限のデザインを優先しています。それ’このアプリが体験を提供するために特に重要です’人々は穏やかでリラックスした体験を期待するので、使いやすい.

ヘッドスペースアプリの最小限のモバイルデザインHeadspaceアプリは最小限のデザインを使用して、スムーズでアクセス可能なユーザージャーニーを提供しながら、ユーザーを引き付けます.

アイコン、色、イラストの使用に注意してください。これらの要素はすべて連携してユーザーを引き付ける一方で、コンテンツをシンプルかつ簡単にダイジェストしてナビゲートします。.

最小限のデザインは素晴らしいですが、そこにあります’2020年にこの傾向を支持するもう1つの理由–積載速度への影響.

いつものように, 読み込み速度は重要な要素です –そして、これは2020年にのみますます重要になるため、モバイルの重要性に’2018年3月にGoogleがモバイルファーストインデックスを導入して以来、成長を続けています。.

私たちは、デジタルマーケティング代理店ImpressionのシニアテクニカルSEOスペシャリストであるEdd Wilsonと話をし、モバイルの台頭により検索エンジンとデザインの状況がどのように変化しているかを説明しました。

“グーグル モバイルファーストインデックスの導入 2018年3月–そして今、2019年に、Googleのウェブサイトの大半’sインデックスはクロールされ、モバイルの観点から表示されます。ほとんどのデバイスは3G / 4Gネットワ​​ークに依存しているため、’高速読み込みのウ​​ェブサイトが必要になることを考慮することが重要です.”

それ’モバイルがどのようにインターネット全体をより軽く、より速くロードし、ユーザーに即座に満足感を与えるようにプッシュしているのかを簡単に確認できます-特に5Gは今、頭を上げ、ユーザーに超高速を約束しています.

これを念頭に置いて、’ミニマルデザインの時代がモバイルデバイスに浸透しているのも当然です!

4

eコマースの最高のデザイントレンド:明るい色

eコマースウェブデザインジャッキースミス

むかしむかし、昔のeコマースでは、ホワイトスペースの海とモノクロの配色を取り入れた、ミニマルでモダンなデザインの波が見られました。しかし、2020年に突入すると、それはすべて変化する可能性があります。オンラインストアからあなたに飛び出す大胆で明るい色に注意してください.

鮮やかな色は注目を集め、感情的な反応を引き起こし、優れたモチベーションになる可能性があるため、’大きな派手な色がeコマース業界で復活している理由がわかりやすい.

Alex Vasiliは、Webデザインにおけるミニマリズムからマルチカラーへの移行についてこう述べています。

“我々’全体にわたってスタイルの実際のマッシュアップを再確認します。過去数年間に私たちがとても慣れ親しんできたミニマリストで洗練されたデザインは、より大胆で破壊的な美学への機会を与えました。これは、印刷とデジタルの両方で、業界全体で大胆なパターンと色が使用されていることを意味します.”

カラフルなeコマースの頭蓋骨キャンディー12気分カラフルなeコマースの頭蓋骨キャンディギャラリーオンラインストアSkullcandyは “12気分”, 音楽が私たちに感じさせるさまざまな方法を毎月祝う場所.カラフルなeコマースの頭蓋骨キャンディーの例毎月、画面全体を占める色が異なります.

もし、あんたが’ブランドを再設定する場合は、今がオンラインストアの強い配色を選択する絶好の機会です。お互いを引き立たせ、あなたのブランドにマッチする外観を作るメインカラーとセカンダリカラーを選択してください’性格.

古いように見えるかもしれませんが、色心理学はあなたのウェブサイトで使用する適切な色を見つけるのに非常に役立つので、飛び込む前にいくつかの調査を行ってください。 ブランド認知度を最大80%向上, それはそう’考えてみる価値がある!

専門家から

ケビン・マレー

ケビンマレーさんのコメント… “eコマースの力と可能性は明らかです。 2021年までに、市場は4.9兆ドルに達すると予想されています… 消費者の習慣は日々進化しています–彼らは以前の年よりも彼らのショッピング体験がより個人化され、より速く、そしてより高品質であることを望んでいます… 2020年に、ブランドは顧客の気持ちを測定し始める必要があります.”

もっと詳しく

  • あなたの新年です’独自のeコマースビジネスを開始するための決議?ガイドをご覧ください オンラインで販売する方法 救いの手のために!
  • ステップバイステップのウォークスルーをお読みください オンラインストアを構築する方法 2020年にあなただけの素晴らしい店先を作る.

5

最高のUXデザイントレンド:AIと音声の相互作用

aiパーソナライゼーションnetflixの例 UXはユーザーエクスペリエンスの略で、 ユーザーの気持ち 商品やサービスを操作するとき。ユーザーを満足させる’sニーズ、問題の解決、そして前向きで満足のいく体験を生み出すことが、UXのすべてです。.

知っていましたか 25〜49歳の65% 音声対応デバイスと少なくとも1日に1回話す? オンラインでのブランドとの関わり方は変化しており、画面はもはや必要ありません.

AIテクノロジーと組み合わせた音声検索と音声対話は、私たちがWebをナビゲートする方法に革命をもたらしています.

AIのおかげで、人々はより高いレベルのパーソナライゼーションと、製品、音楽、映画などのより正確な提案を期待しています。Netflixが自分の選択に基づいて各ユーザーにコンテンツを仕立てる方法を見てください.

今、私たち’独自のAIプロトタイプに取り組み始めるか、Siriのライバルを作成する必要があると言っているわけではありませんが、2020年にこの傾向を歓迎するためにできる2つの重要なことがあります。

1.ウェブサイトを音声検索用に最適化する

2020年までに, すべてのオンライン検索の50% SiriやAlexaなどの仮想アシスタントを使用して行われる音声検索になります –したがって、これはトレンドを維持することと同じくらい常識です。開始するにはいくつかの方法があります:

  • 自然な会話言語を使用する 質問、簡単な文、そして何のような収縮を通して’s、ここ’s、それ’s.
  • Googleが重要な情報を見つけやすくする –たとえば、連絡先情報を独自のページまたはホームページに配置する!
  • ロングテールキーワードをターゲティングする, といった “どこ’sニューヨークで最高のバー?”
  • 長い形式と短い形式のコンテンツを混同する –長い記事の最後に、すてきなFAQを含めてみてください.
  • ページ速度を重視 –画像を圧縮し、不要なコードを切り取り、広告や長いビデオなどのメディアを多く含むファイルを削除します

2. AIを受け入れる

AIとUXは天国で作られたものである必要があります。どちらも人間の行動を理解し、有用で自然なソリューションを提供するように設計されています.

AIをウェブサイトに取り入れることは困難なように思えるかもしれませんが、最新のテクノロジーを通じてより優れたユーザーエクスペリエンスを提供し始めることができるかなりシンプルな方法がいくつかあります。

  • チャットボットを試して、ライブチャットを通じて迅速なカスタマーサービスを提供する, 自分の時間やリソースを使い果たすことなく、訪問者を助けることができます.
  • AIを使用して訪問者にパーソナライズされた体験を提供する. これは少し高度ですが、訪問者が以前の選択や購入に基づいて表示するコンテンツを調整できます。これは、eコマースおよびエンターテインメントサイトに特に最適です。!

AIや音声インタラクションを自分のWebサイトに組み込んでみようと思ってもいなくても、2020年にWebでそれらが波動するのを見ることができます。.

6

パーソナライゼーションの最高のデザイントレンド:イラストとアニメーション

Webデザインイラストkooxの例

ほとんどの2020トレンドリストでイラストが人気–そこ’穏やかなストック写真からよりユニークなイラストへの注目すべき変化でした。乱雑で抽象的な、流れるような手描きの画像は、個性、積極性、創造性を伝えるのに役立つため、ますます人気が高まっています。.

専門家から

エラ・ジョンソン

エラジョンソンさんのコメント… “イラスト、特にベクトルイラストが復活している–現実的な描画よりもそうです。このため、パターンや大胆な色を使って画像を強調することを期待しています。ベクトルイラストは、広く使用でき、ファイルサイズが小さくて便利です。’少し落書きが大好き!”

イラストwebデザインセバスチャンキュリーの例Sebastian Curiは、ウェブサイトにグラフィックスを必要とするクライアントと協力するイラストレーターおよびアニメーターです。このイラストのスタイルはますますウェブ上に現れています.

アニメーションはそのアイデアを一歩踏み込んでウェブサイトにより多くの命を吹き込むものであり、より強力なブランドイメージと訪問者のためのより魅力的な体験を作成するための有用なツールとなります。.

アニメーションとモーショングラフィックスも作成できます よりパーソナライズされた体験 ユーザーのために、ユーザーがWebサイトに接続し、記憶し、再訪問するのを支援します。この良い例は、インタラクティブなモーショングラフィックを使用してユーザーを引き付けるスウェーデンのデザイン代理店であるAnimalです。

ウェブデザイントレンドアニメーション動物例デザインエージェンシーアニマル’s Webサイトは、インタラクティブモーショングラフィックスを使用して訪問者を引き付けます. ウェブデザイントレンドアニメーション動物インタラクティブサンプル訪問者はカーソルを使用してテキストを一掃でき、サイトのメッセージへの関与を促進できます.

ただし、注意してください。社内のエキスパートであるAna Abrantesが指摘したように、

“主な傾向は、動きのある大きな画像またはイラストを使用することですが、これにより、Webサイトが非常に遅くなり、Googleが動作しなくなる可能性があります’サイトの速度に関するルール.”

これを回避するために、アナは画像を最適化および圧縮してサイトの速度を落とし、ビジュアルを鮮明に保つことをお勧めします.

7

WordPressのベストデザイントレンド:Gutenberg

ワードプレストレンドグーテンベルク

さて、技術的にはグーテンベルク自体は’本当にウェブデザインのトレンドです。そしてはい、それは2018年11月にリリースされました. しかし、この新しいWordPressエディターは、2020年にWordPressユーザーにとって巨大になる予定です。.

どうやってこれを知るのですか?ええと、WordPressの共同創設者であるMatt Mullenwegは’11月の現況’s WordPressキャンプUSはグーテンベルクにかなり焦点を当てていました–彼はスピーチで70回以上それを述べたので–私たちは座り、耳を傾ける必要があると思いました.

“… この[グーテンベルク]は、’WordPressの次の10年を構築する予定です” – WordPress共同創設者、Matt Mullenweg氏

グーテンベルクは、WordPressの構築と編集のプロセス全体を再考するため、大変なことです。我々’2020年にWordPressのWebデザインで注目に値する3つのGutenberg機能を選択しました.

Twenty Twenty WordPressテーマ

2020の新しいデフォルトのWordPressテーマ(Twenty Twentyとも呼ばれます)は、Gutenbergエディターを最大限に活用するように設計されています。その焦点は、柔軟性、ブロックベースの編集、およびカスタマイズ性です。これまでのところ’が設置された 400,000回以上 –下を見て、これが2020スタイルに影響を与える可能性があると思うかどうかを確認してください.

ワードプレストレンド20 20テーマワードプレス’ 新しいデフォルトのテーマはGutenberg用に設計されており、ユーザーが簡単にカスタマイズできるようにすることを目的としています.

グラデーション

グーテンベルクはあなたを簡単にさせます コードを知らなくてもボタンに色のグラデーションを追加する. ボタンをクリックして、表示される社内のグラデーションタブから色を選択します。必要なデザインを選択し、[更新]をクリックして変更を保存します!

ワードプレスウェブデザイングーテンベルクボタングラデーションそれ’ボタンにグラデーションなどの色効果を簡単に追加できるようになりました。’コーディングする必要さえある!

画像とテキスト

グーテンベルクはまた、 画像とテキストを並べて配置する. これまでは、多くの頭痛と不満を引き起こしていましたが、’挿入するのがとても簡単になりました “メディア & テキスト” 画像とテキストを隣同士に挿入するブロック.

ワードプレスウェブデザイングーテンベルクテキストとメディアブロックメディア & テキストブロックを使用すると、テキストと一緒に画像を簡単に挿入できます.

ボタンのパイプラインにも同様の機能があり、ボタンを縦方向ではなく簡単に行にフォーマットできます。.

これらは、グーテンベルクエディターがデザインを開く3つの方法にすぎません. つまり、WordPressを使用するときに設計の柔軟性が高まり、Webサイトを簡単にカスタマイズできるようになります。.

もっと詳しく

  • WordPressを使い始めたばかりですか?ここに’シンプルな8ステップガイド ワードプレスのウェブサイトを作成する方法 あなたを助けるために!

8

コンテンツのベストデザイントレンド:ホワイトスペースフレーム

ピカソクロニクルホワイトスペースの例

全画面画像と視差スクロールは昨年より人気があり、’彼らが確信している’消えないように’s街の新しいトレンドであり、特にコンテンツの多いサイトでは、多くの期待が寄せられています。.

我々’コンテンツを分離し、目を描き、画像またはテキストのブロックをフレーム化するために空白の無地ブロックを使用することについて話している. これは、ページ全体に新鮮でモダンなスタイルをもたらしながら、サイトに構造と階層の実感を与える優れた方法です。.

空白を使用すると、 コンテンツの理解を深める ほぼ20%, したがって、これはコンテンツが多いサイトでは特に有用な設計傾向です。このような例の1つは、オンライン発行サイトであるMediumです。それは読者を微妙に保つために空白を効果的に使用します’ 注意:

ホワイトスペースのウェブデザイン媒体の例空白、テキスト、および重なり合うブロックの組み合わせが読者に焦点を当てます’s注意、そして効果的にコンテンツを組み立てます.

Apple、Dropbox、Squarespaceはすべて、ホワイトスペースのインスピレーションを得るための例です。画像とテキストをフレーム化するために空白の無地のセクションを使用することは、情報を提示してユーザーを導く大胆でクリーンな方法です’ 重要なハイライトへの目.

9

タイポグラフィのベストデザイントレンド:アウトラインフォント

ウェブデザインのタイポグラフィの例

アウトライン化されたタイポグラフィは、来年注目されるものです。これはなじみのない用語かもしれませんが、それは実際にそれがブリキで言うことを実行します-つまり、本文ではなく本文の輪郭が文字を構成します.

概説タイポグラフィトレンドエラジョンソン概説されたタイポグラフィはスタイリッシュで人目を引くものであり、2020年に向けて登場する予定です(Ella Johnson提供)。

エラジョンソンから、2020年のタイポグラフィのトレンドについての彼女の予測についてのヒントを得ました。

我々’最近、概説された多くのタイポグラフィを見ています。HuaweiとClarksが2つの例です。’2020年の最も強いトレンド予測です。’ビデオ(特にミュージックビデオ)で人気があり、’アニメートすると本当に効果的です.”

アウトライン化されたタイポグラフィは、見出しをデザインし、よりレイヤー化されたテクスチャをサイトに追加する目を引く方法を提供し、3D効果に簡単に貸し出します.

テキストを通して背景を表示するチャンスは、面白いダイナミックであり、非常にモダンな雰囲気を作り出します.

Webデザインタイポグラフィbadassの例この例は、フランスの制作会社Badassによるもので、ページを下にスクロールするとピンク色で塗りつぶされたアウトラインテキストの後ろにバックグラウンドビデオを再生します。.

もちろん、アウトライン化されたタイポグラフィと組み合わせるときは、色やパターンの使い方に注意する必要があります。’テキストを明確にするために、あなたの背景に依存してください。無地の背景と対照的な色が最も効果的ですが、上記の例でBadassが持っているようなスタイルをいじってみてください。’再び幸せ.

専門家から

アレックス・ヴァシリ

アレックスヴァシリさんのコメント… “ブランディングとデザインでは、デザインに創造的な自由が与えられ、シンプルで大胆な構造に向かう一般的な傾向に気づきました… 従来のブランドは、アイデンティティをデジタル空間でより使いやすくダイナミックにすることを目指しています… ますます多くのブランドが大きく、大胆で、きれいなタイポグラフィを使用しています 彼らのロゴのために、また彼らのブランドストーリーを発展させるためにイラストと色にもっと余裕を与える”

2020年に回避すべき9つの間違い

今、私たちは’2020年に何をすべきかを示しました。’来年にわたって回避するために、いくつかの設計上の罪を調べます。私たちはオフィスの周りに、一般的なデザイン要素が実際に人々にどのような影響を与えるのかを尋ねました’s神経–多分あなた’それらのいくつかの有罪再!

たくさんの反響がありましたが、ここで人々が最も苛立たせられた9つの設計ミスがあります:

  1. メディアの自動再生
  2. 隠された連絡先情報
  3. ページの周りをフォローする邪魔なポップアップと広告
  4. 無限スクロール
  5. 不格好な製品ページ
  6. 邪魔な粘着性ヘッダー
  7. 読み込みが遅いウェブサイト
  8. ゲストチェックアウトのないオンラインストア
  9. Webページ全体を覆うフルスクリーンポップアップ

自動再生メディアは間違いなく殺害リストのトップにありました, ある同僚が言った: “自動再生動画は罪であり、存在を禁止する必要があります.” 非常に強力な要素–そして、訪問者を満足させたい場合は、この特定のデザイントレンドから離れる明確な兆候.

オンラインストアの場合、ゲストチェックアウトオプション(サインアップせずに注文を完了することができるオプション)があることが非常に重要です. 実際、最近の調査では、サイトがアカウントの作成を望んでいるため、31%の人が注文を放棄し、 2番目に多い理由 カート放棄用!

このリストは、すべてのデザイントレンドが良いわけではないことを示しています–ほとんどの場合と同様に、何かが人気があるからといって’t誰もがそれをコピーし始めるべきだという意味同じことがあなたのウェブサイトにも当てはまります–デザインの選択について、そしてそれらがユーザーに利益をもたらすだけでなく格好良いかどうかを慎重に検討してください.

これは、Carol Verity Mannが強調した重要なポイントでした。

“デザインが ‘傾向’, 実際にはユーザーと ‘見て’ 彼らは描写したい… はい、トレンドがあります。’私はそれらをまったく無視すると言います。でも勝った’t何かをするか、それを単に使用する’トレンドです。トレンドを適用するのは、’ビルド全体に完全に適切.”

これは、まずウェブサイト、ブランド、ユーザーについて考え、そこからどのトレンドやデザイン戦略を適用するかを決定することの重要性を強調しています。その理由を何よりもまず考える.

私たちのアドバイスは:

  • ホワイトスペースを受け入れる
  • 他の人からフィードバックを得る
  • 疑わしい場合は省略してください!

間違いや事故が発生しますが、しないでください’あなたのウェブサイトが悪いデザインに悩まされるようにしましょう。専門家の意見に耳を傾け、あなたが何をしたときに何があなたを困らせるかを思い出そう’ウェブの再利用–自分の訪問者が同じように感じる可能性が高い!

専門家から

アンドレアスプーロス

アンドレアスポウロスさんのコメント… “ページ上の調査、あるいは出口調査さえも、顧客と彼らのサイト体験についてのより多くの情報を得るための素晴らしい方法です。オンページ調査では、Webサイトの特定の領域を評価できます。彼らの考えを学ぶことにより、サイトに対する彼らの感情を評価することができ、ネガティブな体験を生み出すかもしれない障害を発掘することができます.”

2020年に磨き上げる3つのデザインスキル

あなたかもしれません’来年の目標をすでに設定しており、準備万端で準備万端です。しかし、もしあなたが’私たちのリストをもう一度見て、いったいどこにいるのだろうと思った’ここから始めましょう’考慮すべきスキルとツールのリスト.

1.アニメーション

ほとんどの人が同意しているように思われるのは、2020年にアニメーションが大きくなるということです。実際、最近のグローバルデザイン調査では、 モーションデザインは、ほとんどの設計者が今後2〜3年間で学びたいスキルでした, 彼らの分野に関連し続けるために.

したがって、モーションデザインやアニメーションのスキルを習得して2020年に備えることは理にかなっています!

グローバルウェブデザイン調査ドリブル’sグローバルデザインサーベイにより、モーションデザインはほとんどのデザイナーが今後2〜3年間で習得したいと思っていたスキルであることがわかりました.

モーションデザインの良い点は、好みのメディアや既存のスキルに合わせて調整できることです。たとえば、’イラスト作成のすべてについて、あなたはあなたのデザインをアニメーション化することにあなたの手を試すことができます.

はじめに、次のツールとリソースをご覧ください。

  • アドビフォトショップ – Adob​​e After Effectsに進む前に、これについて理解しておくと役立ちます
  • Adobe After Effects –モーショングラフィックスの作成に最適
  • モーションスクール –モーションデザイン専用のオンライントレーニングプラットフォーム
  • Lynda.com –オンラインコースが満載のすばらしいリソース

2.イラスト

2020年に予想される傾向を見て、それは’創造性がWebデザインで繁栄し、成長し続けることは明らかです。イラストは、ブランドの定義、ユーザーの関心の高まり、ページデザインの形成において重要な役割を果たす可能性が高いため、’真剣に取り組む価値がある.

自分のスタイルとニッチを見つけるためにイラストをいじってみましょう!

3.コーディング

怖いかもしれませんが、’最初からやり直し、いくつかのコードを学ぶことでさらに先へ進むことができます。異なるコーディングがあります “言語” あなたは学ぶことができますが、ここで主なものを見てみましょう:

  • HTML –これはHyperText Markup Languageの略で、ウェブサイトにコンテンツと構造を与えるために使用されます
  • CSS –カスケードスタイルシートは、Webページのスタイルとフォーマットを制御します’s HTML
  • JavaScript –これは、競争から際立って、デザインをインタラクティブな要素で次のレベルに引き上げたい場合に、スキルセットに追加するものです。

2020年のベストデザイントレンド:まとめ

我々’専門家に話をした、私たちは’輝かしい例のためにインターネットをトロールしました、そして私たちは’モバイルからeコマースまで、2020年に最もホットなWebデザインのトレンドをピックアップしました。回避すべき一般的な設計ミス、2020年に向けて磨き上げる設計スキルについても調査しました.

しかし、これらすべての後、私たちが本当に言いたいことは次のとおりです。 2020年のウェブデザインのトレンドはあなたの手の中にあります. イラストや3Dグラフィックスを探索することを選択しますか?落ち着いた色調を取り入れるか、あなたのウェブサイトに鮮やかなグラデーションを選びますか?

専門家は話しましたが、2020年の傾向は’まだ書かれていません–それでも、あなたがどれがあなたに適しているかを決める間, ここに’最も人気のあるピックの簡単な要約:

  1. UI: ダークモード
  2. ビジュアルデザイン: 3Dグラフィック
  3. モバイル: 最小限のデザイン
  4. eコマース: 明るい色
  5. UX: AIと音声の相互作用
  6. パーソナライゼーション: イラストとアニメーション
  7. ワードプレス: グーテンベルク
  8. コンテンツ: ホワイトスペースフレーム
  9. タイポグラフィ: 概説タイポグラフィ

あなたかどうか’始めたばかり、またはあなた自身が専門家である、私たちはあなたを願っています’2020年の内訳を楽しんだ’sの最大のウェブデザイントレンド!

専門家に感謝!

エラ・ジョンソン

エラジョンソン,
アルマジロのクリエイティブデジタルデザイナー

キャロル・ベリティ・マン

キャロル・ベリティ・マン,
We Get Digitalの共同所有者、Women on the Webの創設者

アンドレアスプーロス

アンドレアス・ポウロス,
Greenlight DigitalのCEO

アナ・アブランテス

アナ・アブランテス,
UIデザイナー

Edd Wilson

Edd Wilson,
ImpressionのシニアテクニカルSEOスペシャリスト

ケビン・マレー

ケビン・マレー,
Greenlight Commerceのマネージングディレクター

アレックス・ヴァシリ

アレックスヴァシリ,
MVFグローバルのブランド責任者

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map