クレジット：
訪問者を購入者に変え、小規模ビジネスを賢く宣伝するのに役立つ魅力的な Web サイトを持つことの重要性は、この競争の激しい時代には不可欠です。
Web サイトは訪問者の注意を引き、滞在して閲覧するように誘導し、製品やサービスへの興味を引き起こし、販売につながる必要があります。時間と予算が限られている中小企業にとって、デザインは潜在顧客の誘致と変換の両方において重要な要素です。
これを念頭に置いて、ほとんどの中小企業が大きな効果を発揮できる、現在の 5 つのデザイン トレンドを紹介します。
中小企業の世界で発見したその他のデザイン トレンドについては、以下のコメント欄でお知らせください。
1. ミニマリズム
クレジット：
この Web デザイン スタイルは、一時期流行った、中小企業の経営者は、乱雑で横柄でナビゲートしにくい Web サイトで訪問者を遠ざけたいとは考えていないため、再検討する価値があります。
ミニマリストのデザインは余分なものを効果的に取り除き、ユーザーがコンテンツに真正面から集中できるようにします。ページに要素が多すぎると、多くの要素が注目を集めて競合するため、ユーザーはどこに注目すればよいのか混乱しやすくなります。
とページの重さ現在、Google 検索エンジンの順位に影響を与えているため、デザインがどの程度合理化されているかを再評価するのに最適な時期です。
いくつかあります原則よりミニマルなデザインを作成するために実行できる手順は次のとおりです。
あなたのサイトにアクセスして、不要なウィジェットを削除するまたは、実際の目的を果たさない要素。
上手に活用しましょう空白、デザインのさまざまな要素間のスペースです。うまく使用すると、サイトのスキャンが容易になり、各ページの要素を組み立てるのに役立ちます。
要素が少ない場合は、適切なカラー パレットまたはアクセント カラーを選択することが重要です。色には大きな重要性と意味があるため、特定の色が互いにどのように影響するかをテストするのが最善です。
訪問者の視点でサイトを閲覧し、情報が多すぎるか、混乱を招く要素や不快な要素、または十分な行動喚起がないかを評価します。この種の質問に正直に答えると、重要な要素に優先順位を付けることができます。
ミニマリストのデザインは、当たり障りなく退屈である必要はありません。デザイン内の細部にのみ基づいて、モダン、新鮮、洗練、エレガント、または洗練されたものにすることができます。
2. ユニークな写真
クレジット：
握手する二人の男性、ジョークを交わすスーツ姿のグループ、コールセンターの女の子、みんな疲れている、ありきたりなイメージ何千ものビジネス Web サイトが散らばっています。このような種類の画像は、会社に関する情報やサイトの特徴を伝えることができず、本質的には意味がありません。
使用するカスタム写真撮影可能な限りアートワークやアートワークを使用することをお勧めしますが、中小企業の経営者にとっては時間も予算も限られており、ストックフォトは比較的安価でアクセスしやすいリソースです。
だから選ぶときはストック画像、次の 4 つのヒントを覚えておくとよいでしょう。
競合他社や業界を調査し、使用されている画像に注意してください。そうすれば、製品やサービスを表現する独自の方法を見つけることができます。
抽象的な構成はよりドラマチックで記憶に残る効果を与えることが多いため、画像の選択はあまり文字通りにならないようにしてください。
ピクセル化された画像は全体のデザインの価値を下げ、プロフェッショナルに見えないため、常に安価な低解像度画像を選択する必要はありません。
当たり障りのない予測可能なものから方向転換し、イメージを「枠から飛び出して」みましょう。
想像力豊かな画像はブランド メッセージを強化し、Web サイトにさらに個性を加えます。したがって、ストック画像を使用する必要がある場合は、細心の注意を払って、サービスや製品の本当の個性を伝える適切な画像を見つけるために時間をかけてください。
3. 大胆なタイポグラフィー
クレジット：
Web デザインの核心はコミュニケーションです。タイポグラフィーは重要な要素ですそれの。素晴らしいウェブタイポグラフィー情報に秩序をもたらし、読者が知らない間に読者を惹きつける、一貫性のある視覚的に満足のいくエクスペリエンスを生み出すのに役立ちます。
最近の傾向は、ユーザーの注意を引きながら、他のテキストとの間にコントラストを生み出すのに役立つ大きくて大胆なタイポグラフィーの使用です。大きなテキストは階層を作成し、ユーザーがメッセージをはっきりと理解できるようにするのに役立ちます。
タイポグラフィを利用して大胆なステートメントを作成するには、次のヒントに留意してください。
メッセージが多すぎると選択の麻痺につながる可能性があるため、強調したい最も重要なメッセージを 1 つ決めてください。メッセージの性質を理解する伝えたいことを表現し、その特質を体現する書体を探します。
書体を選択してください作品の性格に合わせて。たとえば、あなたの会社がオールド スタイル フォントの雰囲気を体現している場合は、Bembo、Garamond、Sabon を検討する必要があります。また、その文字で何を伝えたいかによっても大きく異なります。可読性も同様に重要ですタイプの性格として。
タイポグラフィーを与えるそれに値する目立つ地位十分な量の空白で周囲を囲みます。これにより強調が加えられ、タイポグラフィーにさらに焦点が当てられます。
さまざまな機能のいくつかをテストしてみるフォント置換オプションのようなタイプキットまたはタイポテーク。これらにより、サイト内に埋め込むフォントのライセンスを取得できるようになり、実験美しいタイポグラフィー付き。
タイポグラフィーは芸術であり、ユーザーが行う決定は主観的なものです。ただし、書体を慎重に選択すると、デザインの品質に大きな違いが生じます。
4. 明確な行動喚起
クレジット：
中小企業の経営者は、訪問者がページにアクセスしたときに特定のタスクを完了してもらいたいと考えています。ダウンロード、サインアップ、チェックアウトなどが考えられますが、これらは行動喚起は、中小企業の Web サイトで最も重要な (そして見落とされている) 要素の 1 つです。
あなたはしたい訪問者の注意を引くそして彼または彼女に行動を起こさせるのです。明確で簡潔な行動喚起を作成することが不可欠です。
CTA ボタンや広告をデザインする際に留意すべき 4 つのヒントを次に示します。
言語：言葉遣いは短く簡潔にしてください (必ず動詞で始めてください) が、ユーザーがとっているアクションの背後にある価値についても説明してください。場合によっては、「今すぐ」、「急いで」、「オファーは終了します」などの言葉を使用して緊迫感を生み出すのにも役立ち、「無料」が最大の動機となります。
ポジショニング:理想的には、CTA はスクロールせずに見える範囲に配置し、サイトのすべてのページの一貫した位置に配置する必要があります。たとえば、Squarespace (上図) には、ページの上部に大きな CTA ボタンがあるだけでなく、各ページのフッターにも少し小さなボタンがあります。
色：色は、通話をデザインの他の部分から目立たせる必要があります。通常、より明るく、よりコントラストの高い色が、小さなボタンに最適です。大きなボタンの場合は、サイズのバランスをとるために、あまり目立たない色 (ただし背景からは目立つ色) を選択するとよいでしょう。
サイズ：CTA ボタンは、どのページでも最大のボタンである必要があります。デザインの他の部分を圧倒することなく、目立つように十分な大きさにする必要があります。
CTA ボタンのさまざまな組み合わせをテストし、それぞれがコンバージョン率にどのような影響を与えるかを確認することが重要です (下記の A/B テストを参照)。それらを確認することも最善です。全体的なデザインに収まります。
5. A/B テスト
クレジット：
オンラインでの競争が激化する中、中小企業にとっては、訪問者を購入者に変えるそして競争力を生み出します。そのため、サイトのパフォーマンス、ユーザビリティ、コンバージョンを継続的に測定し、改善することが重要です。
最も主要な方法の 1 つは、Web デザインを最適化する経由ですA/B テスト(分割テストと呼ばれることもあります)。 A/B テストでは、あるランディング ページの有効性を別のランディング ページと比較して検査します。どちらが最良の結果を生み出すかを確認するために、2 つのバージョンがサイト訪問者にランダムに表示されます。それではあなたはパフォーマンスを評価するそれぞれを選択し、最適なバージョンを使用してください。
レイアウト、コピー、グラフィック、フォント、見出し、オファー、アイコン、色など、さまざまな要素をテストできます。 A/B テストのヒントをいくつか紹介します。
テストを開始する前に、目標を明確に定義してください。たとえば、サインアップを増やしたい場合は、フォーム内のフィールドの種類、フォームの長さ、プライバシー ポリシーの表示をテストするとよいでしょう。
最小限の労力で最大の影響を与える要素から始めます。たとえば、コピーを微調整することができます。チェックアウトボタンコンバージョンを改善できるかどうかを確認します。
A/B テストだけではユーザーの全体像を把握できないため、A/B テストを単独で使用しないでください。代わりに、次のような他のフィードバック ツールを使用してください。フィードバック軍またはユーザーテスト、A/B テストと組み合わせて、ユーザーの行動を詳細に分析します。
A/B テストは、悪いデザインを素晴らしいものにするわけではありませんが、Web サイトのデザインを完全に見直すまでは、現在のデザインの使いやすさとコンバージョンを最適化するのに効果的な助けとなるでしょう。
これらは、中小企業が Web サイトを強化するために参加できる 5 つの Web デザイン トレンドに過ぎません。あなたの中小企業にとって最も意味のある Web デザインの変更はどれですか?
Mashable のその他の Web デザイン リソース
-デザイナー向けの 10 の無料 Web UI キットとリソース
-ウェブサイト用の無料で楽しい Twitter 鳥アイコン 10 個
-方法: Web サイトに Google Font API を実装する
