欲しい情報にたどり着きにくい場合、売れないどことか、

他のサイトへと飛んで行ってしまわれます。

上位表示されているホームページの中でも見かけることがありますが、

表示される部分に沢山の情報が詰まり過ぎているものがあります。

ほとんどの場合、他のリンク先への案内や広告などで、肝心な情報はスクロールしなければ見れず、ひどい場合一番下に有ることもあります。

ユーザーが検索ボックスから検索し、いくつかのサイトの中から選んで入ってきます。

一番最初に目にするあなたのホームページがそれにあたります。

検索した文字が書かれているページへ、ダイレクトに入ってきますので、

トップなのか、２ページめなのか、どのページになるのか分かりません。

ということは、全てを「ランディングページ」として考えたほうがいいのです。

そこでお目当ての情報を探しますが、沢山の項目について書かれていると、

とても見にくいものになります。結果、ほかのサイトへと飛んでいってしまうのです。

動画を組み込んでみてはいかがでしょう。

使い方を見せるには、動画は最適なアイテムです。

言葉よりも、写真つきの説明よりも、

伝わるものが大きいのです。

「こうすれば、こうなる」文字を読んでもらう時間よりも短くて済み、

ユーザーにとってわかりやすくなるのです。

メニューボタンの配置ですが、一般的には左の場合が多く、

ユーザーにとっても見やすいものとなっているようです。

右に配置してあるものもありますが、使い勝手としては同じです。

せっかく訪れてくれた方に、使いづらいものはよくありません。

デザインを優先したいのなら、ある程度のアクセスを保持し、

知名度が高くなったときに検討した方がよさそうです。

インターネットエクスプローラ以外のブラウザで不都合が出る場合、

他のブラウザでインターネットをしている方には、見られることがありません。

たとえインターネットエクスプローラを取り入れていたとしても、

普段使い慣れているファイヤーフォックスで見れないとなると、

面倒で見たくても見ないという可能性があるのです。

・ナビゲーションのメニューやボタン名称は分かりやすいか。
・ナビゲーションのメニューやボタンの数は適切か。
・今見ているページはどの階層に位置するかが分かりやすいか。
・今見ているページから別ページへ簡単に移動できるか。
・今見ているページからトップページへワンクリックで戻れるか。

誰にでも分かりやすく、
サイト内で迷子にさせない工夫が必要になります。

例えば、テキストリンクが余白なく並べられた場合には
目的のテキストリンクにポイントする事が難しくなります。

また、リンクの貼られていないテキストに
不用意にアンダーラインを引くなどの紛らわしいデザインは
避けるようにしましょう。

例えば、商品一覧などは小さなサムネイル画像を
低解像度で載せておき、リンク先の商品詳細情報ページでは
高解像度の美しい写真を大きく載せる、などです。

重たいページはそれだけ表示速度が遅くなってしまいますから、
このような工夫をすることでユーザーにストレスを与えずに済みます。

ブラウザ画面いっぱいに表が表示されてしまうと
圧迫感があり、見づらい印象を与えてしまいますので
表の幅はサイト内で８０％程度に設定し、
左右に空白のスペース、つまり余白を取るようにしたいものです。

そして、そのような環境の違いに左右されずに
正確に表示できる色をｗｅｂセーフカラーと呼んでいます。

これは２１６色あり、もしこのセーフカラー以外の色を使うと
ブラウザで表示できる近似値に置き換えられたりしますので
写真以外の単色ロゴなどを作る際には
なるべく２１６色の中でデザインするようにしたいものです。