あなたが知る必要がある3つのWordPressウェブサイトのデザイントレンド

公開: 2022-06-30

2011年からどれだけ変化したか考えてみてください。ウェブサイトのデザイントレンドや新技術がどれだけ支持されなくなったのでしょうか。いくつの新しいデバイスが市場に登場しましたか？いくつの新しいトレンドが浮上し、人気を博しましたか？

WordPressがWebとともに進化したのは当然のことです。今日のWordPressは、5年前のWordPressとは大きく異なり、2003年のWordPressと比べると境界線が認識できません。しかし、それは良いことです。

結局のところ、Web上の唯一の定数は変更です。デザイナーとして、あなたは誰よりも優れていることを知っています。あなたが知っているのと同じように、変化していることと将来変化することの両方を把握することがあなたの仕事です。幸いなことに、どこを見ればよいかわかっていれば、それは難しいことではありません。

私はあなたを探しました–今年、WordPressデザインの世界（およびより大きなウェブ）に打撃を与える最も顕著で本質的なトレンドのいくつかがあります。これらはすべてモビリティと密接に関連しています。

ページレスデザインは引き続き支配的

2014年に初めてウェブに登場したシングルページのウェブサイトは、貨物列車が暴走する速度で人気を博しています。これらの「ランディングページ」Webサイトは、中小企業、デザインエージェンシー、および製品サイトに特に適しており、リードキャプチャとストーリーテリングの両方に理想的です。これを念頭に置いて、単一ページのWordPressテーマも多くの支持を得ていることは特に驚くべきことではありません。

しかし、正確には、この傾向を推進しているのは何ですか？なぜ「ページレス」ウェブサイトが今とても目立つのですか？そして、あなた自身のサイトがそれに続くべきかどうかをどうやって見分けることができますか？

「従来のWebサイトには、同様にひどい問題の全リストがあります」と、DigitalTelepathyのChuckLonganecker氏は説明します。「彼らはカクテルパーティーのモーターマウスであり、聞いている人に何の興味も持たずに、自己拡大する情報の急増を耳にした人をジャブリングしています...高速接続とモバイルアプリでの長時間のスクロール体験に慣れている聴衆、ページレスデザイン訪問者の邪魔にならないようにして、流れを楽しんで目的を達成できるようにします。」

言い換えれば、モバイルデバイスは私たちの聴衆のブラウジングの習慣を変えました。デザイナーとして、あなたは彼らの新しい習慣を説明する必要があります–シンプルで合理化されたウェブサイトへの期待、携帯電話やタブレットで閲覧する傾向、そして簡単に消化できるコンテンツへの欲求。

この市場の変化には、さらに予想外の副作用がありました。過去数年間で多目的テーマが爆発的に増加しました。機能が豊富でインストールが簡単なこれらのテーマを使用すると、Webサイトの所有者は、モバイルデバイス、デスクトップコンピューター、およびそれ以外のすべてのページを簡単にカスタマイズできます。これらは将来にわたって利用でき、機能性に優れたデザインのWebサイトを作成することもできます。

より多くの画像、より多くのタイポグラフィ、より多くの視差

ページレスデザインへの移行と密接に関連して、Webサイトはタイポグラフィ、画像、視差スクロールにますます焦点を当てています。ミニマリズムはここでの城の王様であり、メッセージを伝えながらページがユーザーに投げかける視覚的な要素が少ないほど良いです。サイトの見栄えを良くするだけでなく、読み込み時間を大幅に短縮します。

タイポグラフィに関しては、ミニマリズムへの移行に伴い、サイトの所有者、発行者、ユーザーは同様に、アクセスするサイトでよりクリーンなデザインを期待し始めています。その鍵の一部は、見栄えが良く、見栄えの良いテキストを提供することにあります。 GoogleFontsやAdobeTypekitなどのツールも、物事を支援するために多大な成果を上げており、より優れた、よりプロフェッショナルなテキストのWebサイトを簡単に作成できるようになっています。

最後に、私がいつも大いに楽しんでいる視差スクロールは、最近多くの愛を得ています。初心者の場合、その仕組みは非常に単純です。背景が前景よりもゆっくりと移動するようにサイトを構成するだけです（あるとしても）。これは、被写界深度の錯覚を生み出すだけでなく、単一ページのWebサイトに少し余分なフレアを与えるための優れた方法です。

マイクロインタラクションについて多くの騒ぎ

モバイルアプリは、立ち止まって考えてみると、エンドユーザーを少し甘やかしてしまいました。最適に設計されたものは、マイクロインタラクションと呼ばれる機能で満たされています。訪問者がサイトとどのように対話するかに基づいて、訪問者に提供されるフィードバックの断片です。確かに、この概念は特に新しいものではありません。 2013年に、Foster ofMysteriousTrousersはそれらをバブルラップインタラクションと呼びました。これは、彼らが満足しており、物事をより内臓的にすることによってユーザーエクスペリエンスを大幅に向上させるためです。

あなたにとって、これは、特にモバイルへの大規模な移行を考えると、マイクロインタラクションとそれらをサイトに組み込む方法について学ぶ必要があることを意味します。

「UXでは、ユーザーとのやり取りや、製品（この場合はWebサイト）を使用するときのユーザーの気持ちが重要です」と、WebDesignerDepotのDmytroSvarytsevychは書いています。「マイクロインタラクションは、ユーザーに必要なフィードバックと進行中のプロセスの理解を提供し、その背後にあるロジックがどれほど複雑であっても、インターフェイスを親しみやすくします。」
Creative Bloqによると、サイトにマイクロインタラクションを追加する方法は次のとおりです。

トリガーを知る：これは、マイクロインタラクションを開始するために発生するものです。ユーザーが初めてサイトにログインすることから、記事にコメントを残したり、製品を購入したりすることまで、何でもかまいません。最適なトリガーは、システムがユーザーの行動を観察し、それをコンテキストに使用するトリガーです。彼らがあなたのサイトに到着したときに彼らが頻繁に訪れるページを彼らに提供する。
ルールを確立する： 「ルール」はここでは少し誤称かもしれません。基本的に、これらは特定のマイクロインタラクションがどのように機能するかを決定するガイドラインです。何が起こり得るか、何が起こるべきか、何が起こらないか、起こらないかです。たとえば、eコマースサイトでは、同じ商品を誤ってカートに2回追加した場合に警告が表示される場合があります。
フィードバックを決定する：ユーザーにどのようなフィードバックを提供しますか？あなたはどのようにあなたのサイトの彼らの経験を向上させますか？
マイクロインタラクションがどのくらい続くかを把握します。マイクロインタラクションはユーザー入力なしで自動的に終了しますか？使用するたびにどのように変化しますか？

「フィードバックは、マイクロインタラクションに個性のベニヤを追加する場所です」とCreativeBloqは読みます。「時々、ちょっとしたユーモアやエッジが非常にうまく機能し、高く評価されることがあります。特に、エラーメッセージや、読み込みに時間がかかるなど、イライラする可能性のある状況ではそうです。」

ウェブサイトのデザイントレンドを常に把握する

WordPressは、ウェブと並んで絶えず進化しています。あなたはその進化に気づかずに捕まる必要はありません。最新のトレンドを監視することで、それらのトレンドが最終的に実現したときに、時代の先を行くことができます。