web-dev-qa-db-ja.com

Webページで、ユーザーの最初の焦点は何ですか?

バックグラウンド

ソフトウェア開発ビジネスのウェブサイトをデザインしていて、レイアウトに少し苦労しています。

私は3つの主要なサービス/製品を提供しています。

  • ソフトウェア開発
  • プロセス改善コンサルティング
  • 開発者生産性ツール

私たちの中核はソフトウェア開発会社ですので、ユーザーの目を自然に最初に倒してもらいたいです。

質問

ランディングページに3つの大きなアイコンを横に並べて3つのサービスのそれぞれを表す場合、「ソフトウェア開発」を中央または左側に配置する必要がありますか?

中央は自然に見えますが、対象者は左から右に読むので、左がいいかどうかわかりません。

18
Matt Cashatt

一般的に(UXディスカッションでは常に怖い単語)、ユーザーは大まかに次の方法でページを閲覧します

  1. ヘッダーをスキップし、
  2. タイトル全体で目をフリックする
  3. 「Content-y」画像を左から右に追跡します
  4. テキストの左端の列の上半分をスキャンします

画像に関しては、明らかに左側のバイアス右に比べてがありますが、左と中央の両方にかなりの量の目の時間があります。たとえば、次の画像は、自分の概念と似たような概念のアイトラッキングを示しています。

Eye tracking of a "web services" sales website

(出典: EyeQuant

29
Jon Story

5秒テスト テストは、ユーザーがどこを見ているかだけでなく、ユーザーが理解している内容を通知するのに役立ちます。したがって、テストしている特定のページが目的の達成に効果的かどうか。

5秒テストでは、ユーザーにページを5秒間表示してから、ページを非表示にします。次に、そのページについて覚えていることを言うか、書き留めてもらいます。

これは単純なプロセスですが、特定のページが成功したかどうかを評価するのに役立ちます。これは、ユーザーがどこを見ているかを尋ねるときに最終的に決定しようとしているようです。

7
ezra-g

画面とあなたのアプローチに依存します。

センターは大画面の論理的な選択で、左が2番目に最適です。ただし、レスポンシブサイトを構築している場合は、左のオプションがモバイルで一番上になり、サイトの訪問者に表示されるのはおそらく1つだけになるため、左側にさらに重要なオプションを追加し、必要に応じて、それはサイズ、形、または色で際立っています。また、パターンを構築して、より重要なサービスでそれを壊すこともできます。

簡単に言うと、いくつかのオプションがありますが、最終的にはテストしてどちらがよりうまく機能するかを確認する必要があります

2
Devin

私の最初の焦点はおそらく検索ボックスです。ただし、Web検索の結果にぶつかっている場合は無視するかもしれません。既にその側面を完了しており、現在のページがクリックした理由を適切に表示することを期待しているためです。

私は知りたいです:

  • なぜ私はこのサイトにいるのですか?
  • 私がここにいる必要がある理由を知るために私が知る最も重要なことは何ですか?
  • 私はあなたのブランド名が何であるかは気にしませんが、URLと関係があるはずです。はい、教えてください。内容を教えてください。
  • 他に、このWebページにアクセスした理由と比較して興味深いものはありますか?
  • 私があなたから何かを購入する場合、私があなたから購入するのに何が必要かを非常に簡単に理解できるようにしてください。価格がわからない場合は、その理由を説明し、私に働きかけないでください。
  • 直接販売しない場合は、誰から購入すればよいかを簡単に理解できるようにします。

しかし、これは、ロゴ/関心のある場所をどこに置くかについてどう影響しますか?

それが重要な場合は、尊敬する人を模倣してください。ページ上の画像の順序をランダム化することを検討してください。分析に参加してください。あなたが重要だと思うことは、訪問者にとって重要ではないかもしれないことに注意してください。

2
SrJoven

ページがすばやく読み込まれると、カーソルが最後のページにあった場所になります。

Googleなどで見つかった場合は、中心のどこかにあります。

URLフィールドに切り取って貼り付けるか、書き込んだ場合は、ページの上部。

それ以外の場合はリンクがありました-現在のデザインではサイトのメニューが上部に置かれているため、外部リンクが上部にないため、これは上部ではないようです。

したがって、一般的にはこれを制御することはできません

0
user151019