UXデザインのインスピレーションを見つけるのに最適な場所

デザインは創造性がすべてです。 UXデザインとは、優れたユーザーエクスペリエンスを創造的に提示することです。 ウェブデザインプロジェクトに着手するとき、派手な、きれいな、または単にクールに見えるものに巻き込まれるのは簡単です。 しかし、優れたWebデザイナーは、実際に設計しているWebサイトを使用しているのは人間であることを知っています。 デザインのためのデザインは時間の無駄です。 意図的に設計された人間中心のウェブサイトは結果を生み出します。

誰もがインスピレーションを愛しています。 しかし、過剰に設計されたWebサイトの世界では、ビジネスサイトをモデル化するために誰を探すべきかを正確に知ることは難しい場合があります。 デザインのインスピレーションを提供するさまざまなリソースがたくさんあります。 しかし、すべてがWebデザインへの人間中心のアプローチを維持しているわけではありません。 そのため、UXデザインのインスピレーションを見つけるのに最適な場所のリストをまとめました。

UXデザインのインスピレーションの6つのソース

UXデザインのインスピレーションを探すとき、私たちは通常、戦略的な目的とWebデザインのトレンドという2つの異なる要素を探します。 これを組み合わせることで、先進的なUXデザインが作成されます。

戦略のインスピレーション

Webデザインのトレンドについて考える前に、デザインされているページの戦略的な目的を決定することが重要です。 次に、同様の目標を持つサイトからのインスピレーションを探し、それらがレイアウトでどのようにそれらを達成しているかを調べます。 デザインは二次的なものです。 それは常にあなたのページの目標をサポートする必要があります。 したがって、通常、次のツールを使用してUXデザインのインスピレーション検索を開始します。

1.SaaSWebサイト

これは、戦略的な目的で設計されたページのライブラリを提供する無料のツールです。 名前が示すように、これはSaaS業界内のサイトに焦点を当てたページです。 SaaS業界は過去数年で急成長しているため、多くの企業がUXデザインを習得しているため、企業が目立つことはこれまで以上に困難になっています。

SaaS Webサイトは、ユーザーを念頭に置いて設計された何千もの異なるサイトのコレクションを提供します。 このサイトは、さまざまなページからインスピレーションを分解し、人間中心のデザインを維持するクリエイティブなレイアウトを簡単に識別できるようにしています。 次のUXデザインのインスピレーションはすべて彼らのサイトで見つけることができます。

• 404エラーページ
• 私たちについてのページ
• ブログ
• キャリアページ
• お問い合わせページ
• お客様の声のページ
• FAQページ
• 機能ページ
• 統合ページ
• ランディングページ
• 法務ページ
• ログインフォームページ
• メディアキットページ
• 価格ページ
• リソースページ
• SaaSホームページ
• 検索結果ページ
• サインアップページ
• サポートページ
• チームページ

通常、ここから検索を開始します。 SaaS Webサイトは、目的を持って設計するためのインスピレーションを得るための優れた基盤を提供します。

2.着陸フォリオ

このサイトは、戦略的なUXデザインのインスピレーションを提供するもう1つのリソースです。 このウェブサイトのすべてのデザインは、コンバージョンに焦点を当てたランディングページまたはウェブサイトページです。 このサイトでは、計画と設計のプロセスを簡素化するために、サンプルのワイヤーフレームキットやモックアップテンプレートなどの無料のリソースも提供しています。 Landing Folioは、業界ごとにUXデザインのインスピレーションをフィルタリングします。これは、独自の業種に基づいたアイデアを探している場合に特に役立ちます。 それらが提供するカテゴリのほんの一部を次に示します。

• 会計
• 仕事
• 企業
• イベント
• 不動産
• SaaS
• ソフトウェア
• 店
• テクノロジー
• ユーザー
• WordPress

これは、Webデザインで競合他社を凌駕しようとしている場合に特に役立ちます。 UXデザインを正しく行っている業界のビジネスのいくつかを垣間見てから、自分の会社のためにさらに良いものを作成してください。

3.本当に良いメール

優れたUXデザインは、ユーザーに目的のアクションを実行させることに重点を置いています。これは、メールマーケティングにも共通の目標です。 その結果、変換を目的とした戦略的に設計されたメールから、多くのUXデザインのアイデアを発見しました。 Really Good Emailsは、美しくデザインされているだけでなく、ユーザーが変換できるように戦略的にレイアウトされた、何千ものメールの例の厳選されたディレクトリです。

このリソースで私たちが気に入っていることの1つは、必要なアクションによって物事を分解することです。 たとえば、「ありがとう」ページの作成を検討している場合は、「ありがとう」メールのコレクションからいくつかの洞察を収集できます。 このリソースは、UXデザインのインスピレーションを超えています。 また、サイトの言語と独自の電子メールマーケティングの両方について、優れたコンテンツのアイデアを見つけることができます。

デザインのインスピレーション

デザインをレイアウトし、ユーザーに目的のアクションを実行させる方法をしっかりと理解したら、Webデザインのトレンドの調査を開始します。 選択したデザインは、ページの目標をサポートするために必要であることを忘れないでください。 次のサイトは、UXデザイン全体をサポートする楽しい要素を見つけるための優れたツールです。

4.Webデザインのインスピレーション

このリソースで私たちが気に入っているのは、色やスタイルでデザインをフィルタリングできることです。 ブランドカラーの特定のトレンドを探している場合、または人気のあるデザインスタイルに興味がある場合は、WebDesign Inspirationを使用すると、最も人気のあるユニークなサイトデザインを簡単にフィルタリングできます。

5.EnvatoMarketのHubSpotCMSテーマ

最近、Envato ElementsはHubSpotと提携して、CMSハブ用に特別に設計された何百ものテーマをリリースしました。 これらのテーマはすべてデータ駆動型であり、顧客に可能な限り最高のデジタル体験を提供することを目的として設計されています。 現在HubSpotを使用していない場合でも、ホバー状態、アニメーション、構成など、利用可能なさまざまなユーザーエクスペリエンスを探索するのに最適な場所です。

さまざまなWebサイトのテーマを、自分のサイトに合わせてカスタマイズできます。 [カテゴリ]タブで、業界別にテーマをフィルタリングできることがわかります。 ここから、実際の例を使用してテンプレートを「プレビュー」できます。見た目が気に入った場合は、購入してください。 ただし、このテンプレートを実際に使用したくない場合でも、自分のサイトのHubSpot固有のデザインのインスピレーションを見つけるのに最適な場所です。

6.わがまま

このサイトは最高品質のデザインアイデアのいくつかを魅了していますが、審査員の「陪審員」がその価値の大部分を生み出しています。 この審査員は、Webデザインの最も評判の良い名前のいくつかを取り上げ、デザイン、使いやすさ、創造性、およびコンテンツに基づいて各サイトの提出物を評価します。 このサイトで見つけたインスピレーションは、美しいデザインと非常に機能的でありながらめちゃくちゃクリエイティブなユーザーエクスペリエンスを組み合わせたものです。 ウェブサイトの「スコア」は、ページのすぐ上にも表示されます。 審査員がさまざまなページをどのようにランク付けしたかを確認し、一部のスコアが他のページよりも高い理由を評価できます。 Awwwardsは、使用されているプラ​​ットフォーム、主要な色、業界の詳細などのデザイン要素を含む各サイトの内訳も提供しています。

UXデザインのインスピレーションを探している間心に留めておくべき他のヒント

上記のサイトのいくつかを閲覧し、インスピレーションを得るためにサイトを分析するときは、次のヒントに留意してください。

1.設計の背後にある意図を分析します

確かに、デザインには意味があります。 しかし、サイトの主な目的はリードの生成です。 デザインのためだけにデザインするのは本当に時間の無駄です。 サイトのすべての要素は、意図的に実行する必要があります。 誰かが15秒以内にあなたのサイトで何をすべきかを理解しない場合、彼らはそれを離れるだろうということを覚えておいてください。 優れたUXデザインは、ユーザーを手でつかみ、目的のアクションに向けて赤ちゃんの一歩を踏み出す必要があります。

インスピレーションを得るためにサイトを探すときは、常にデザインの背後にある意図を分析してください。 ユーザーとして、サイト作成者があなたに何をしてほしいかを理解していますか？ あなたが従うべきロードマップはありますか？ これらは、すべてのUXデザインが優先すべきことです。

2.モバイルエクスペリエンスについて考える

モバイルデバイスがすべてのWebアクセスの61％を占めることを考えると、サイトのモバイルエクスペリエンスを考慮しないのはかなりばかげています。 しかし、B2B Webサイトの大部分はデスクトップユーザーからのトラフィックを見ているため、モバイルファーストの設計がB2B企業に適しているかどうかについての憶測がよくあります。 通常、モバイルエクスペリエンスが新しい見込み客に第一印象を与える場所ではない場合でも、モバイルエクスペリエンスを優先することをお勧めします。 このアプローチは、検索エンジンのランキングに役立つだけでなく、モバイルのトレンドが高まっても競争力を維持するのに役立ちます。

3.カーテンの後ろをのぞく

最後に、UXデザインのインスピレーションを探している間、カーテンの後ろを覗いて、他の人があなたが見ているデザインをどのように構築しているかを調べることを忘れないでください。 コードの基本を理解するだけで、ページを「検査」して、表示されているデザインをどのように実装しているかについての貴重な洞察を得ることができます。 他のサイトが行っていることを直接コピーすることは推奨していませんが、この知識を出発点として使用して、さらに優れたものを開発することができます。

UXを念頭に置いたデザイン

UXデザインのインスピレーションを最初に探し始めるときは、多くのクリックスルーを行います。 見るべきサイトの数や、インスピレーションを探すべき場所については、本当に正しい答えはありません。 正直なところ、より多くの場所とより多くのサイトを見る方が良いでしょう。 パズルをつなぎ合わせているように感じ始めます。さまざまなページから洞察を拾い集めて、ペルソナに最適なサイトエクスペリエンスを刺激します。

しかし、最高のデザインは目に見えないことを常に心に留めておいてください。 それはすべて、ページの反対側にいる人間のために優れた体験を作り出すことです。 そしてデザインの世界では、それが私たちが人間中心のデザインと呼んでいるものです。