Qual é um método intuitivo de fornecer ao usuário um meio de visualizar uma versão ampliada de uma imagem através de uma mesa de luz?
Estou trabalhando neste plug-in para ser incluído em um iFrame em um site de investidores imobiliários. No entanto, estou impressionado com a decisão de como fornecer ao usuário a ação de visualizar a versão em tamanho original de um item. Atualmente, estou usando uma mesa de luz, que não está 100% concluída no momento; no entanto, o problema real é o item de ação para o usuário clicar para acionar a exibição em tamanho real.
Atualmente, o usuário pode clicar na imagem e abrirá a mesa de luz com a versão ampliada. No entanto, não posso deixar de sentir que há uma maneira melhor e mais intuitiva de fornecer ao usuário o acesso a essa exibição. Atualmente, não há apelo à ação. Eles apenas têm que passar o mouse sobre a imagem e perceber que é um link. Concedido, eu pude observar "Clique na imagem para ampliar" em algum lugar da página, mas estou aberto a algo um pouco mais original. Possivelmente um ícone 'ampliar' no canto superior direito da imagem?
O que você acha que é um método intuitivo de fornecer ao usuário um meio de ampliar uma imagem?
Você pode ver a interface no meu ambiente de teste .
Eu incluiria um ícone de lupa (com um sinal de mais dentro) que é exibido no canto da imagem quando você passa o mouse sobre ela. Clicar na imagem ainda faz o aumento real, mas você tem mais dicas visuais do que apenas o cursor "mão".
Como o @LoganGoesPlaces sugerido.
Isto é de um site que eu criei na semana passada.
Não sou fã do ícone da lupa porque acho que não é esteticamente agradável, o que pode ser importante para imagens ... nem tenho certeza de que seja tão informativo quanto uma lupa pode ser meio enigmático para alguns usuários.
Pessoalmente, acho que as pessoas neste momento estão acostumadas a clicar em uma imagem para ver um tamanho maior. Uma coisa que você pode fazer para solicitar que isso seja possível é abrir a página com a imagem um pouco maior que o contêiner e usar o javascript para reduzi-la para caber em um segundo ou mais por meio de algum tipo de animação para indicar que há mais a imagem do que é vista. Algumas pessoas pensam em animações como um artifício, mas se informarem ao usuário sobre as possibilidades de interface do usuário, deixando a interface organizada, acho que podem ser úteis.
Outra opção seria um pequeno texto abaixo da imagem que simplesmente diz "clique para ampliar a imagem". Ele não se intromete na imagem e pode ser bastante sutil para não ser intrusivo. Essa abordagem também não requer nenhum javascript.