web-gelistirme-sc.com

Kullanıcıya görüntünün büyütülmüş bir sürümünü ışık kutusu aracılığıyla görüntüleme aracı sağlamak için sezgisel bir yöntem nedir?

Bu eklenti üzerinde bir emlak yatırımcısı web sitesindeki bir iFrame'e dahil olmak için çalışıyorum. Ancak, kullanıcıya bir öğenin tam boyutlu sürümünü görüntüleme eylemi nasıl sağlanacağına karar verdim. Şu anda% 100 tam olmayan bir ışık kutusu kullanıyorum; ancak asıl sorun, kullanıcının tam boyutlu görünümü tetiklemek için tıklaması gereken işlem öğesidir.

Şu anda, kullanıcı görüntüyü tıklayabilir ve ışık kutusunu büyütülmüş sürümle açar. Ancak, kullanıcının bu görünüme erişmesini sağlamanın daha iyi, daha sezgisel bir yolu olduğunu hissediyorum. Şu anda harekete geçirici mesaj yok. Sadece görüntünün üzerine gelmek ve bunun bir bağlantı olduğunu anlamak zorundalar. Verilmiş, sayfanın herhangi bir yerinde "Büyütmek için resme tıklayın" diyebilirim, ancak biraz daha orijinal bir şeye açığım. Görüntünün sağ üst köşesinde bir 'büyüt' simgesi olabilir mi?

Kullanıcıya bir görüntüyü büyütme aracı sağlamak için sezgisel bir yöntem nedir?

Arayüzü test ortamı içinde görebilirsiniz.

3
Eric Taylor

Fareyle üzerine geldiğinizde görüntünün köşesinde görüntülenen bir büyüteç simgesi (içinde artı işaretli) içerir. Görüntüyü tıklamak hala gerçek büyütmeyi yapar, ancak "el" imlecinden daha fazla görsel ipucuna sahipsiniz.

5
LoganGoesPlaces

@LoganGoesPlaces gibi önerdi.

Bu geçen hafta koyduğum bir siteden.

lightbox with zoom

0
Sruly

Büyüteç simgesinin hayranı değilim çünkü bence estetik açıdan hoş değil, görüntüler için önemli olabilir ... Büyüteç olarak bilgilendirici olanların bazı kullanıcılar için şifreli olabileceğinden bile emin değilim.

Bence bu noktada insanlar daha büyük bir boyut görmek için bir resme tıklamaya alışkınlar. Bunun mümkün olduğunu bildirmek için yapabileceğiniz bir şey, sayfayı kaptan biraz daha büyük olan görüntüyle açmak ve javascript kullanmak, bir tür animasyonla sığacak şekilde küçültmek için göründüğünden daha fazla. Bazı insanlar animasyonları dikkat çeken bir şey olarak düşünürler, ancak arabirimi düzenli olarak bırakırken kullanıcıyı UI olasılıkları hakkında bilgilendirirlerse yararlı olabileceğini düşünüyorum.

Başka bir seçenek de resmin altında "daha büyük resim için tıklayın" yazan küçük bir metin olabilir. Görüntüye girmez ve müdahaleci olmamak için oldukça ince olabilir. Bu yaklaşım ayrıca herhangi bir javascript gerektirmez.