web-development-kb-asia.site

Apa metode intuitif menyediakan pengguna dengan cara melihat versi gambar yang diperbesar melalui lightbox?

Saya telah mengerjakan plug-in ini untuk disertakan dalam iFrame di situs web investor real estat. Namun, saya terpecah dalam keputusan tentang bagaimana memberikan tindakan kepada pengguna untuk melihat versi ukuran penuh dari suatu item. Saat ini saya menggunakan lightbox, yang belum 100% lengkap saat ini; Namun, masalah sebenarnya adalah item tindakan bagi pengguna untuk mengklik untuk memicu tampilan ukuran penuh.

Saat ini, pengguna dapat mengklik gambar dan itu akan membuka lightbox dengan versi yang diperbesar. Namun, saya tidak dapat membantu tetapi merasa ada cara yang lebih baik, lebih intuitif dalam menyediakan pengguna untuk mengakses tampilan ini. Saat ini, tidak ada ajakan untuk bertindak. Mereka hanya harus mengarahkan kursor ke gambar dan menyadari itu adalah tautan. Memang, saya bisa mencatat "Klik gambar untuk memperbesar" di suatu tempat di halaman, tetapi saya terbuka untuk sesuatu yang sedikit lebih asli. Mungkin ikon 'perbesar' di kanan atas gambar?

Apa yang Anda rasakan adalah metode intuitif untuk menyediakan pengguna dengan cara memperbesar gambar?

Anda dapat melihat antarmuka di lingkungan pengujian saya .

3
Eric Taylor

Saya akan menyertakan ikon kaca pembesar (dengan tanda tambah di dalamnya) yang ditampilkan di sudut gambar ketika Anda mengarahkan mouse ke atasnya. Mengklik gambar masih melakukan pembesaran yang sebenarnya, tetapi Anda memiliki lebih banyak isyarat visual daripada hanya kursor "tangan".

5
LoganGoesPlaces

Seperti yang disarankan @LoganGoesPlaces.

Ini dari situs yang saya pasang minggu lalu.

lightbox with zoom

0
Sruly

Saya bukan penggemar ikon kaca pembesar karena saya pikir itu tidak menyenangkan secara estetika, yang mungkin penting untuk gambar ... Saya bahkan tidak yakin itu semua yang informatif seperti kaca pembesar dapat menjadi semacam samar bagi beberapa pengguna.

Saya pribadi berpikir orang pada titik ini terbiasa mengklik gambar untuk melihat ukuran yang lebih besar. Satu hal yang dapat Anda lakukan untuk Prompt bahwa ini adalah mungkin untuk membuka halaman dengan gambar sedikit lebih besar dari wadah, dan menggunakan javascript menyusut ke bawah agar muat dalam satu detik atau lebih melalui beberapa jenis animasi untuk menunjukkan ada lebih banyak gambar dari yang terlihat. Beberapa orang menganggap animasi sebagai menarik perhatian tetapi jika mereka memberi tahu pengguna tentang kemungkinan UI sambil membiarkan antarmuka tidak berantakan, saya pikir mereka dapat berguna.

Pilihan lain adalah teks kecil di bawah gambar yang hanya mengatakan "klik untuk gambar yang lebih besar". Itu tidak mengganggu pada gambar dan bisa sangat halus sehingga tidak mengganggu. Pendekatan itu juga tidak memerlukan javascript.