it-swarm-ja.com

ライトボックスを介して画像の拡大版を表示する手段をユーザーに提供する直感的な方法は何ですか?

私はこのプラグインが不動産投資家のWebサイトのiFrameに含まれるように取り組んでいます。ただし、アイテムのフルサイズバージョンを表示するアクションをユーザーに提供する方法を決定するのに悩んでいます。現在ライトボックスを使用していますが、現時点では100%完成していません。ただし、実際の問題は、ユーザーがクリックしてフルサイズのビューをトリガーするためのアクションアイテムです。

現在、ユーザーは画像をクリックすると、拡大されたバージョンのライトボックスが開きます。ただし、ユーザーがこのビューにアクセスできるようにするためのより直感的な方法があると感じざるを得ません。現在、行動を促すフレーズはありません。画像の上にカーソルを合わせるだけで、それがリンクであることを認識できます。確かに、ページのどこかで「画像をクリックして拡大」に気づくことができましたが、もう少し独創的なものに心を開いています。おそらく、画像の右上にある「拡大」アイコンですか?

画像を拡大する手段をユーザーに提供する直感的な方法は何だと思いますか?

あなたは私の テスト環境 でインターフェースを見ることができます。

3
Eric Taylor

画像の上にカーソルを合わせると、画像の隅に表示される虫眼鏡アイコン(プラス記号の内側)が含まれます。画像をクリックしても実際の拡大は行われますが、「ハンド」カーソルだけではなく、より多くの視覚的な手がかりが得られます。

5
LoganGoesPlaces

@LoganGoesPlacesが提案したように。

これは先週アップしたサイトからです。

lightbox with zoom

0
Sruly

私は拡大鏡アイコンのファンではありません。それは、画像にとって重要である可能性がある美的に楽しいものではないと思うので...

個人的には、この時点で人々は画像をクリックして大きなサイズを表示することに慣れていると思います。これが可能であることをプロンプトするためにできることの1つは、コンテナーよりも少し大きい画像でページを開き、JavaScriptを使用して、ある種類のアニメーションを介して1秒程度に収まるように縮小することです。見た目よりも画像。一部の人々はアニメーションを奇抜なものと考えていますが、UIの可能性についてユーザーに通知し、インターフェースをすっきりさせたままにしておくと、役に立つと思います。

別のオプションは、単に「クリックして大きな画像を表示する」という画像の下の小さなテキストです。画像に侵入しないため、邪魔にならないようにかなり微妙な場合があります。そのアプローチは、JavaScriptも必要としません。