web-dev-qa-db-ja.com

商品画像リンク

シナリオ:eコマースの本サイトのスタートページに移動すると、新しい本に関するさまざまなオファーが表示されます。本はそのかなり大きな表紙だけで示されます。

例: http://www.pocketshop.se/ (私のプロジェクトやクライアントではありません!)

製品の画像が本当に製品ページへの唯一の入り口になるのでしょうか?見た目はすっきりしていますが、ユーザーは理解できますか?タイトルと作者が表紙に見えるので、そう考えたいです。 Altタグはもちろん提供されます。

私のクライアントのソリューション:すべての製品の下に「もっと読む」ボタンを追加します。必要?乱雑?経験?

4
Le Fix

訪問者が自分の好みに一致する製品を簡単にスキャンして選択できるようにするために、製品ページと製品に関するいくつかの基本的な微分事実をソートおよびフィルタリング可能なテーブルに配置するカテゴリページテンプレートをかつて設計しました。不要なボタンだと思ったので、それ以上のボタンは使用しませんでした。リリース後、私は人々が単一の製品についてより多くの事実があることを理解していないことを知ったので、私たちはすぐに続きを読むリンクを追加しなければなりませんでした。

教訓-常にユーザーテスト。訪問者に何も期待しないでください。

4
Tony Bolero

あなたはリンクのアフォーダンスを改善することによって人々をそらすつもりはありません。確かに、現在、マウスカーソルをホバーすると変化し、ブックの外観が(わずかに)状態が変化します(ホバーすると背景が強調表示されます)。恐ろしいホバーリングバブルは言うまでもありません。

しかしながら;そのページでinteractingを開始するまで、これらはどれも目立ちません。追加のアフォーダンスを追加します。それがリンク、ボタン、または別の視覚的な手がかりであるかどうかは、アイテムが操作できることを示し、クリックスルー率が向上する可能性があります。

ここでは、簡単で汚い例をいくつかモックアップしました。本の直接ボタン(より明白ですが、本の棚の隠喩の一部が少し失われていることを意味します)、またはページめくりのグラフィックで、アイテムに「入る」ことができることを示します。 (クリック可能であることはボタンよりも明白ですが、何もないよりはさらに明白です)。

一部のA/Bテストは、どのルートを使用するかについて、ここで不思議に機能します。 (A/Bテストで2つの選択肢に制限する必要はありません。アフォーダンスを提供する多くの方法を考え出し、どのバージョンが最良のクリック率を提供するかを決定できます)。

enter image description here

3
JonW

良い質問!

「格言で本を判断してはならない」という格言がありますが、心理的には、主題が本人にとって本当に興味があるものであるか、本が彼らに知られているのでない限り、表紙で本を選ぶ傾向があります。したがって、格言で行くと、それは主に中心的な役割を担うカバーであり、それが不安定に「しない」と言っている理由です(決してそれをしないでください)。これはすべて文学です。

さて、ウェブサイトはユーザーと売り手のコンテキストで見られる必要があるので。売り手は、お金が注がれるのを見て本当に喜んでいますが、それでもユーザーは間違った選択をします。間違った選択は、彼/彼女の好みに関してはかなり間違った本です。しかし、ユーザーの観点からは、それは本当に有益ではありません。そこでは、彼はその間違った決定をするサイトに戻らないかもしれません。今では「アマゾン効果」があり、本を購入する前に、人々は本当によく研究を行い、Amazonに行って研究を行っています。情報が膨大な世界では、サイトがより良い本を見つけるのに役立たない場合でも、ユーザーは適切な製品を入手する方法を見つけるでしょう。

サイトは主にこのように分類されます-

1.有益で最高の価格

2.最高の価格と掘り出し物

明確な線が引かれると、サイトはそのように振る舞うことができ、次のような設計上の決定を行うのに適しています-

  1. 情報を作成し、ユーザーを導き、正しい選択を見つける。これはパターンであり、レビュー、スター評価、お気に入り、ソーシャルメディアのパターンがサイトのメリットを実際に促進します。これは、あなたのサイトがこれらの種類の情報を持っている必要があることを意味します。また、あなたのクライアントが主題についてのライナーを持っているようにアドバイスしました。これらすべてがユーザーの信頼を構築し、正しい選択を見つけるようにユーザーを説得できるからです。

  2. あなたのサイトがディーラーのように扱っているなら;価格と掘り出し物がすべて重要なので、私は大きくて良い視覚的な画像だけを持つというアプローチが適切な解決策だと思います。価格に焦点が当てられるので。 「続きを読む」は、ユーザーがホームページまたはスタートアップページで少なくとも対話する方法を複雑にし始めます。オファーが強調表示され、製品をクリックすると、モーダルウィンドウまたは同じページのどこかに本の詳細が表示されると思います。このように考えると、[もっと読む]リンクをクリックすることは繰り返し行う日常の活動であり、本や製品自体をクリックすることよりも洗練されたソリューションではありません。おそらく、pocketshopサイトのようにマウスホバー効果を持たせることができ、クライアントのステートメントを支援するために、本のいくつかの追加情報とともに本の詳細をプッシュします。

しかし、売り手がサイトをどのように振る舞わせるかというビジネスコンテキストを決定します。ユーザーは表紙を見ることで本のコンテンツの90%を確認できるため、最初に本の表紙を見せることで興味が生まれます。カバーが実際に永続的でない場合、ユーザーがその製品に近づいたり、その製品の詳細を読んだりすることは決してありません。 1つのタスクは他のタスクにつながります。連続して何度も続きの情報を読む人々がクリックし続けるのはどのくらいの頻度ですか?ただし、製品に関する情報を得るための構造的強化はかなりありますが、額面価格のみ、または本の表紙によって、少なくとも未知の本については選択が行われます。

1
inkmarble