私はそれを周りで見ました、そして正直にそれはかなりイライラしているのがわかります。多くのeコマースWebサイトで、画像の上にカーソルを置くと、そのボックスが自動的に拡大され、その約半分では画像全体を一度に表示できないことがわかりました。 「画像をロールオーバーして詳細をズーム」と彼らは言う。
NewEggとAmazonでこれを適切に実装しているのを見てきましたが、より多くのローカルストアのWebサイトでの実装は本当に貧弱です。 このページ は、イライラして不要な設定の良い例です。
これは、約1年半前から気付いていた傾向です。私はeコマースは扱っていませんが、将来的に画像ビューアを使用するプロジェクトに取り組んでいるのですが、それがなぜなのか疑問に思っています。おそらくAmazonのスタイルを除いて、私はおそらくそれを使用しません。
ズーム機能が主に登場したのは、ユーザーが商品を詳細に検討し、実際に商品を購入する前に商品を取り扱えるようにすることに伴う課題を克服できるようにするためです。これは特に、服や商品のような商品を販売するサイトで一般的です購入する前に製品をよく見てみたい。これを引用するには 記事
Eコマースのマイナス面の1つは、商品ページにどれほどの労力を費やしても、実際の店舗に行くときのように、顧客が実際の商品を手に入れることができないことです。したがって、顧客はシルク布の細かい質感、チタンロックの頑丈さ、またはカメラの正確なアセンブリ品質を決して感じることができません。一部の製品カテゴリ(アパレルが頭に浮かぶ)では、これらの触覚体験は、全体的なショッピング体験の主要な部分であり、購入の決め手となります。
Eコマースと実際に製品を手に持っている間のギャップを埋めるために、テクスチャ画像を使用できます。テクスチャ画像は、顧客を非常に接近させて、テクスチャとアセンブリの品質を明確に見ることができる極端なクローズアップです。実際には、これはしばしば高解像度の製品画像のズーム機能、または製品の一部のクローズアップを提供するギャラリーの個別の画像のいずれか。
とはいえ、ユーザーがさまざまな角度から製品を見ることができるように常に複数の製品写真を推奨し、ショットをクローズアップすることを強くお勧めします。ズームを提供するだけで機能を提供する必要を回避しようとするショップの傾向が高まっているようです。機能と希望のユーザーは、自分でコンテンツを発見します。この記事を引用するにはa 製品写真の重要性について
ホバー/ズーム画像への過度の依存。これらの画像タイプには用途がありますが、細部を見つけるためにすべての作業を顧客に任せており、販売する製品の多くには適切ではないため、顧客にとっては非効率的な体験です。これらの画像の性質は非常に機能的であるため、製品に単一のホバー/ズーム画像を使用すると、製品の機能とデザインの詳細を実際に販売する機会を逃してしまいます。
また、ズーム機能の実装方法については定義された標準がないとショップまたはストアは基本機能を実装し、クリックまたは製品の画像にカーソルを合わせると拡大が始まります。つまり、 このスマッシングマガジンに関する記事 は、製品の画像のズーム機能がユーザーにはっきりと見えるようにして、そのようなtを使用しないことをお勧めしますそれらは、画像をクリックするか、画像の上にホバーすることで誤って発見されました。記事を引用するには
フォトギャラリーは、アパレルや家電製品などの電子商取引業界で特に重要です。ホームデポで買い物をするとき、3つの異なる角度からレンチを見る必要はないかもしれませんが、服、靴、または高性能のスマートフォンやタブレットを探すときは、より多くの画像が適しています。一般的に使用されるパターンには、スワイプギャラリー、「ダブルタップしてズーム」、写真を選択するためのサムネイルがあります。
Paylessは賢明なことに、「タップタップしてズーム」のコールアウトを数秒間画面に表示し続けるので、買い物客はページをナビゲートする方法を理解し、それに気付くことができます。写真にズームインして商品の詳細を表示する機能は、アパレルと靴にとって重要です。
最後に、ユーザーがそれをどのように使用できるか、および不適切な実装によってユーザーが直面する可能性のあるユーザビリティの問題は何であるかを実際に理解せずに、サイトにひとまとめにされた便利な機能のケースだと思います(Jonwが指摘したように、偶発的なタップによってもズーム機能がアクティブになるため、モバイルデバイスでは悪夢になる可能性があります)
Mervinが優れた回答の最後の段落で述べたように、それはユーザーを考慮せずにUIに挿入された機能です。
ほとんど何でも(点滅するテキスト機能を気にするようになる)インターネットツールセットでは、ユーザビリティに中立であり、開発者(全体)に依存する良いまたは悪いであること。
カビによってもたらされた付属品キットの例は、そのような例です。第一に、ズームが不十分であり、画像が低品質(くすみ、不鮮明)であるため、目的を達成できません。写真は製品の「要点」を表すものではありません。
2番目に、カーソルは元の画像に限定されます。元の画像の境界線の上に移動すると、ズームをキャンセルする代わりに、ポインターが境界線を越えたときの状態の画像が残ります。最後に、このUIは、元の画像が観察されている場合、どの部分の感覚を伝えません。
続けることができました...画像のサイズは1998年と同じです...
これらはすべて、ユーザーがUIを使用する方法を考慮しないことに起因する、使いやすさの欠陥です。いつものように。
したがって、IMOにはこの種のUI要素に固有のbadnessはありません。 「良いものを見て、実装が失敗した場合は無限の尾を無視してください。
たとえば、dx.comでギズモを購入したところ、彼らのズームUIが使用可能であることがわかりました。巨大な画像をのぞくか、オーバーレイするかの2つのオプションがあります。ユーザーの目的によってはどちらも便利な場合があります。