it-swarm.it

Qual è un metodo intuitivo per fornire all'utente un mezzo per visualizzare una versione ingrandita di un'immagine tramite una lightbox?

Ho lavorato su questo plug-in per essere incluso in un iFrame su un sito Web di investitori immobiliari. Tuttavia, sono preso dalla decisione di come fornire all'utente l'azione di visualizzare la versione a grandezza naturale di un articolo. Attualmente sto usando un lightbox, che al momento non è completo al 100%; tuttavia, il vero problema è l'elemento d'azione su cui l'utente può fare clic per attivare la visualizzazione a dimensioni reali.

Attualmente, l'utente può fare clic sull'immagine e si aprirà la lightbox con la versione ingrandita. Tuttavia, non posso fare a meno di pensare che esiste un modo migliore e più intuitivo per fornire all'utente l'accesso a questa vista. Attualmente, non vi è alcun invito all'azione. Devono solo passare il mouse sopra l'immagine e rendersi conto che si tratta di un collegamento. Certo, potrei notare "Fai clic sull'immagine per ingrandirla" da qualche parte nella pagina, ma sono aperto a qualcosa di un po 'più originale. Forse un'icona 'ingrandisci' nell'angolo in alto a destra dell'immagine?

Quale ritieni sia un metodo intuitivo per fornire all'utente un mezzo per ingrandire un'immagine?

Puoi visualizzare l'interfaccia nel mio ambiente di test .

3
Eric Taylor

Includerei un'icona della lente d'ingrandimento (con un segno più all'interno) che viene visualizzata nell'angolo dell'immagine quando ci si passa sopra. Facendo clic sull'immagine, l'ingrandimento è ancora effettivo, ma hai più segnali visivi rispetto al solo cursore "mano".

5
LoganGoesPlaces

Come suggerito da @LoganGoesPlaces.

Questo è da un sito che ho creato la scorsa settimana.

lightbox with zoom

0
Sruly

Non sono un fan dell'icona della lente d'ingrandimento perché penso che non sia esteticamente piacevole, il che può importare per le immagini ... Non sono nemmeno sicuro che sia tutto così informativo come una lente d'ingrandimento può essere un po 'criptico per alcuni utenti.

Personalmente penso che le persone a questo punto siano abituate a fare clic su un'immagine per vedere una dimensione più grande. Una cosa che potresti fare però per richiedere che ciò sia possibile è aprire la pagina con l'immagine leggermente più grande del contenitore, e usando javascript puoi ridurla per adattarla in circa un secondo tramite una sorta di animazione per indicare che c'è più di l'immagine di quanto si vede. Alcune persone pensano alle animazioni come ingannevoli ma se informano l'utente sulle possibilità dell'interfaccia utente lasciando l'interfaccia ordinata penso che possano essere utili.

Un'altra opzione sarebbe un piccolo testo sotto l'immagine che dice semplicemente "fai clic per ingrandire l'immagine". Non si intromette nell'immagine e può essere piuttosto sottile per non essere invadente. Anche questo approccio non richiede alcun javascript.