it-swarm-korea.com

라이트 박스를 통해 확대 된 이미지 버전을 볼 수있는 방법을 사용자에게 제공하는 직관적 인 방법은 무엇입니까?

부동산 투자자 웹 사이트의 iFrame에 포함시키기 위해이 플러그인을 개발하고 있습니다. 그러나 사용자에게 항목의 전체 크기 버전을 보는 작업을 제공하는 방법에 대한 결정이 찢어졌습니다. 현재 라이트 박스를 사용하고 있는데 현재 100 % 완료되지 않았습니다. 그러나 실제 문제는 사용자가 클릭하여 전체 크기보기를 트리거하는 작업 항목입니다.

현재 사용자는 이미지를 클릭하면 확대 버전의 라이트 박스가 열립니다. 그러나 사용자 에게이보기에 액세스 할 수있는 더 좋고 직관적 인 방법이 있다고 생각합니다. 현재 행동 유도는 없습니다. 그들은 단지 이미지 위로 마우스를 가져 가서 이미지가 링크임을 깨달아야합니다. 물론, 페이지 어딘가에 "이미지를 클릭하면 확대"를 볼 수 있지만 좀 더 독창적입니다. 이미지 오른쪽 상단에 '확대'아이콘이 있습니까?

이미지를 확대하는 수단을 사용자에게 제공하는 직관적 인 방법은 무엇이라고 생각하십니까?

테스트 환경 에서 인터페이스를 볼 수 있습니다.

3
Eric Taylor

이미지 위로 마우스를 가져 가면 이미지 모서리에 표시되는 돋보기 아이콘 (더하기 부호가 있음)이 포함됩니다. 이미지를 클릭하면 실제 확대가 수행되지만 "손"커서보다 더 많은 시각적 신호가 있습니다.

5
LoganGoesPlaces

@LoganGoesPlaces가 제안한 것처럼.

이것은 지난 주에 내가 만든 사이트에서 온 것입니다.

lightbox with zoom

0
Sruly

나는 이미지가 중요 할 수있는 미적으로 기쁘게 생각하지 않기 때문에 돋보기 아이콘의 팬이 아닙니다 ... 나는 돋보기가 일부 사용자에게 일종의 암호가 될 수 있다는 것이 확실하지는 않습니다.

개인적으로이 시점의 사람들은 이미지를 클릭하여 더 큰 크기로 보는 데 익숙하다고 생각합니다. 이것이 가능하다는 메시지를 표시 할 수있는 한 가지 방법은 컨테이너보다 약간 큰 이미지로 페이지를 열고 자바 스크립트를 사용하여 약간의 애니메이션을 통해 축소하여 더 많은 페이지가 있음을 나타냅니다 보이는 것보다 이미지. 어떤 사람들은 애니메이션을 특수 효과로 생각하지만 인터페이스를 깔끔하게 유지하면서 UI 가능성에 대해 사용자에게 알리면 유용 할 수 있다고 생각합니다.

또 다른 옵션은 이미지 아래에 "큰 이미지를 보려면 클릭하십시오"라는 작은 텍스트입니다. 이미지에 침입하지 않으며 방해가되지 않도록 미묘 할 수 있습니다. 이 접근 방식에는 자바 스크립트가 필요하지 않습니다.