優れたWebデザインを実現する10の鉄則



様々なホームページを毎日多く見ているWixチームが、優れたホームページを作成するための10の基本ルールをお伝えします。


自由自在に無料ホームページを作成できる編集ツール、500種類以上のテンプレート、さらにこれからお伝えする10の鉄則がそろえば、あなたも素敵なホームページを作成できること間違いなしです!さあ、ご覧ください。


優れたWebデザインを実現する10の鉄則



使いやすいナビゲーション


ユーザーが迷わずに、目的の情報にたどりつけることが、良いナビゲーションの基本です。そのために注意すべき点は以下の3 点です:


  • メニューデザイン:メニューは、サイト訪問者にとって道しるべのようなものです。ホームページの全てのページに、そして同じ場所に設置すべきです。どんな瞬間もメニューがどこにあるか、すぐに分かるようにしましょう。

  • サイトツリー:ツリーはホームページの全体的な構成図で、各ページの従属関係を示しています。分かりやすいナビゲーションを目指すためには、この構成図での従属関係が理にかなったものでなくてはなりません。

  • コンテンツの階層構造:シンプルで分かりやすい構成であることも重要ですが、同時に目的に沿って、コンテンツが構成されている必要があります。例えばネットショップであれば、売りたい商品や目立たせたい新商品などを目立つ位置に持って来たり、ブログであれば、最新の投稿記事がトップに表示されるように配置されるように構造化してください。

優れたコンテンンツが全ての要


優れたホームページを作るためには、『質の高いコンテンツ=サイト訪問者が求めている情報』を提供する必要があります。


デザイン的に優れたホームページが良いことは疑いの余地はありませんが、それだけではいけません。コンテンツこそが、訪問者がホームページを閲覧する理由だからです。


ホームページ上のテキスト、画像、動画、音楽、説明書、ブログ記事など、それら全てがコンテンツです。ホームページのデザイン性ばかりを追求し、コンテンツ作成の手間を怠ったり、更新を全くしないようでは、いくらデザインが良くても訪問者は増えません。



モバイル対応


アドビが昨年9月に発表したAdobe Digital Indexによると、調査したブランドの顧客の50%以上がブランドのホームページにアクセスする際、モバイルを使っていたという結果がでています。「モバイルファースト」という時代の潮流に沿ったマーケティングを実現するという、今年5月のGoogle Performance Summitの発表でもお分かりいただけるように、多くの企業は「モバイルこそが未来である」と確信しています。


これらのことからも分かるようにに、オンライン上で確かな存在感を示すためには、モバイル対応のホームページを準備することが必須です。


Wixを利用すれば、数回のクリックだけでスマートフォン用に最適化されたホームページを作成することが可能です。詳細はこちらをご確認ください。





配色パターンの適用


Webデザインにとって、配色は欠かすことができない要素です。訪問ユーザーがホームページで最初に認識する一つが、ホームページで利用されている色です。


あなたが選ぶ配色パターンはホームページの雰囲気を作ります。したがって、色彩心理学やユーザビリティの原則など、様々な情報に基づいて配色パターンを決める必要があります。



効果的なフォント利用


Webデザインにとって重要な要素であるにもかかわらず、フォントについて、つい頭から抜け落ちてしまう事がしばしばです。デザイン性の観点から、フォント利用で注意すべきことはこちらの3 点です:


  • 2-3種類以上のフォントを使用することは控えましょう。フォントを統一することで、ホームページの見た目も統一感があるものになります。様々なフォントを使用したいという欲を抑えて、「フォントの種類限定ルール」を堅持しましょう。

  • テキストはサイト訪問者に読んでもらうことが何より優先です。フォントの大きさ、余白が訪問者に適切であるか細心の注意を払いましょう。

  • それぞれのフォントには特徴があります。そのフォントがあなたのブランドに合っているか、きちんと吟味しましょう。


美の追求


美しいデザインのホームページを作成したい方は、Wixエディタに備わったこれらの機能を是非お試しください。ただし、使いすぎは禁物です:





ユーザーの行動を喚起


CTAボタン(Call To Actionの略)はユーザー訪問者に取ってもらいたい行動を誘導する役目を担っています。具体的には「詳しくはこちら 」「音楽を聞く」「資料をダウンロード 」「予約する」などのボタンがこれにあたります。


ユーザーの行動を喚起する力があるCTAボタンを活用しない手はありません。



SEO対策の徹底


あなたのホームページが検索ランキングで上位に表示されるためには、SEO対策が必須です。


適切なキーワードを選定する方法は「作成したホームページをGoogle検索結果にきちんと表示させる方法」、SEO対策の基本は「検索エンジン上位に食い込む!1時間以内に設定可能な、5つのSEO対策」をご覧ください。


WixサイトのURLをまだ簡素化していない方は、簡素化し、SEOフレンドリーなURLにするのもお忘れなく!


またWixでは、最近ブログ記事毎のSEO設定ができるようになりました(下記画像)。やり方はこちらのサポートページをご覧ください。





ユーザーとのコミュニケーション


継続的にホームページに訪れてもらうためには、コミュニケーションを活発に行う必要があります。あなたの会社やチームの事を一人でも多くの人に知ってもらうために、コミュニケーション手段をフル活用しましょう。


使えるWixのツール/機能は以下の通りです:




シンプルさの堅持


優れたデザイン性を実現するには、使い古された言い回しですが、「シンプルが一番」です。ひと昔前のオンライン掲示板のように、大量の文章と画像で埋め尽くされ、余白が十分に取られていないページでは息が詰まります。


データーの読込時間にもマイナスですし、何よりユーザーエクスペリエンスの観点から許容できません。



皆さまへメッセージ


最後に皆さまへのメッセージです。


ホームぺージは作ったところがスタート地点です。アトラクションの更新に余念無く、何年たっても魅力があせないディズニーランドのように、SEO対策のための新たなキーワード発掘、コンテンツ更新、ニュースレターの送信など、常に人気を保つ努力を続けていってください。



ライター: Wix Team



#ウェブデザイン #オリジナルホームページを作ろう #デザイン #デザインインスピレーション

ja03.png