it-swarm.asia

Apakah situs ini menggunakan UI yang bagus untuk keranjang belanja?

Apakah situs ini menggunakan UI yang bagus untuk keranjang belanja? Bagaimana Anda menjatuhkan sesuatu ke troli? Apakah cukup intuitif untuk digunakan?

Screenshot of the home page

3
Tony_Henrich

Tidak juga, saya pikir.

Hal menjengkelkan utama adalah bahwa Anda tidak dapat menarik item dari halaman depan (tautan yang Anda berikan). Jika Anda mencoba menyeret gambar atau nama set di sana, itu tidak berfungsi. Dan, itu agak aneh karena keranjang belanja terlihat , dan menjelaskan Anda untuk menyeret item ke dalamnya. Masih belum jelas apa 'item' itu.

Anda harus membuka halaman ikon set (yang agak sulit karena Anda hanya sampai di sana melalui tautan kecil, bukan melalui gambar atau koleksi header) untuk mendapatkan sesuatu yang mereka maksud dengan 'item'. Kedua, ketika diseret, item tidak secara langsung menunjukkan bahwa hambatan Anda berhasil. Ketika Anda menabrak kereta, tampilan tetap sama seperti jika Anda berada di tempat lain di halaman atau bahkan tidak menyeret sama sekali *. Butuh beberapa saat sebelum ikon tunggu terlihat dan menjadi jelas bahwa Anda telah berhasil diseret.

Dua hal ini harus saya perbaiki.

  1. Jangan perlihatkan troli di halaman depan atau buat koleksi bisa ditarik.
  2. Jelaskan secara langsung bahwa barang-barang diseret ke dalam keranjang dengan benar.

(* Tampaknya Anda bahkan tidak perlu menyeret item ke dalam troli, cukup seret dan mulai berfungsi ..)

9
Lode

Pertama, saya perhatikan area "keranjang belanja" di sebelah kanan dan sarannya: "Seret item ke sini untuk berbelanja".

Saya mencoba menyeret salah satu gambar besar yang mengundang dari halaman beranda tepat ke kereta, tetapi itu tidak berhasil.

Saya kemudian memperhatikan bahwa masing-masing gambar sebenarnya mewakili set berbeda yang datang dengan harga berbeda. Saya mencoba menyeret tautan yang diset pada bilah. Namun, itu juga tidak berhasil.

Saya kemudian mencoba menyeret deskripsi, sekali lagi gambar, spasi putih di setiap product_item div ... tidak ada.

Saya akhirnya memutuskan bahwa saya akan membuka halaman yang ditetapkan, yang menampilkan tombol "Tambahkan ke troli" yang menonjol dan tombol "+" di atas gambar. Ini memungkinkan saya membeli barang secara tradisional, tetapi membuat ujung seret lebih membingungkan: apakah saya kehilangan sesuatu di beranda?

Saya ragu-ragu mencoba menyeret ikon besar dari halaman yang ditentukan di troli. Itu juga tidak --- oh tunggu, itu berdenyut ... dan sekarang ada di sana, tidak berlabel dan diperkecil.


Hal-hal yang dapat Anda pertimbangkan: (diambil dengan sebutir garam)

  • Buat kereta "bereaksi" terhadap tindakan seret dan lepas "legal" sedang berlangsung. Seperti ini.
  • Bereaksi terhadap kesalahan pengguna. Deteksi item untuk menarik dan melepas ikon besar di tempat yang tidak masuk akal dan menampilkan pesan kesalahan. Misalnya: "Koleksi ini hadir dalam jumlah set . Yang mana yang ingin Anda beli?"
  • Jadilah sisi klien yang lebih reaktif. Saat seret dan lepas, perlihatkan item tersebut sebagai diseret dan nonaktifkan tombol checkout saat Anda memperbarui sisi server. Situs ini menangani pemungutan suara seperti ini, misalnya.
4
badp

Ini seperti salah satu UI mewah yang kita lihat dalam film yang tidak kita saksikan di kehidupan nyata, bukan karena sulit diimplementasikan, tetapi karena sulit digunakan.

Untuk seseorang dengan kesulitan dalam keterampilan motorik, ini bisa sangat sulit digunakan. Menyeret dan menjatuhkan menggunakan trackpad tidak sering responsif seperti melakukannya dengan mouse. (Beberapa trackpad kebetulan tidak terlalu responsif.) Apa yang dapat dilakukan dengan satu klik sekarang membutuhkan mouse, mouse yang tepat sasaran, dan mouseup. Pengetahuan dasar hukum Fitts ' dapat memberi tahu Anda mengapa ini adalah tugas yang lebih sulit daripada hanya mengklik tombol.

Ada alasan mengapa antarmuka komputer tidak mencoba meniru antarmuka kehidupan nyata (itulah yang coba dilakukan UI ini, IMO.) Itulah mengapa kami tidak berjalan melalui "gang" dari "toko 3D" tetapi sebaliknya memiliki halaman yang didedikasikan untuk produk tempat kita mengklik tombol "tambahkan ke keranjang". Apa yang alami untuk walk-and-pick-up UI tidak alami untuk WIMP (windows, ikon, menu, dan perangkat penunjuk) --- I.

3
Manas Tungare

Iya

Saya tidak melihat masalah besar dengan itu. Selain drag-and-drop, ikon mengatur halaman (yang dapat dijangkau dengan mengkliknya) memiliki tambahkan ke keranjang tombol. Saya juga menyukai kenyataan bahwa, tidak seperti banyak toko online lainnya, Anda tidak perlu mengunjungi halaman lain untuk melihat isi keranjang belanja Anda.

Namun, satu masalah besar adalah tidak berfungsi tanpa javascript, atau setidaknya menampilkan peringatan kepada pengguna tanpa mengaktifkannya yang perlu dinyalakan.

3
Gelatin

TIDAK

  1. Pertama-tama, bug UI critical , pelanggan dengan ketinggian layar di bawah tinggi keranjang belanja tidak dapat checkout. (pikirkan netbook dengan ketinggian layar 600px.)
  2. Aktivitas keranjang belanja ditampilkan pada halaman di mana tidak ada kegiatan, teks tidak menentukan apa yang harus diseret ke dalam keranjang. (solusinya adalah untuk)
  3. Tidak ada informasi harga yang tersedia saat mengubah opsi lisensi.
  4. Halaman terpisah untuk "Kumpulan Vektor" "Vektor Tunggal" dan "Rangkaian Pixel" tidak diperlukan dan membingungkan. (satu halaman dengan tombol "Beli seluruh rangkaian (format vektor)", "Beli seluruh rangkaian (format Bitmap)" dan tajuk "Atau beli ikon satu per satu", dengan masing-masing ikon opsi beli di bawah kurang membingungkan)
  5. Berdenyut lambat untuk muncul, dan tidak di area fokus saat menggunakan tombol plus.
  6. Keranjang belanja tidak membuat perbedaan antara versi yang berbeda dari set yang sama.

Saya pikir saya harus berhenti sekarang.

2
alexanderpas

Tidak apa-apa.

Saya pikir itu adalah salah satu kasus di mana mereka membiarkan kesejukan mengalihkan mereka dari fungsi inti. Agak sulit digunakan, menunjukkan sedikit info tentang apa yang ada di dalamnya.

Jadi saya akan mengatakan bahwa tidak apa-apa, sebagian besar pengguna akan dapat membeli di sana namun saya tidak berpikir saya akan menggunakannya di situs saya.

juga seperti kata @simon, itu akan menjadi masalah jika JS dimatikan.

1
Sruly

Butuh beberapa saat untuk mencari tahu mengapa Anda menambahkan opsi drag-and-drop karena tidak jelas bahwa mungkin untuk membeli ikon individual dan bukan hanya set.

Saya menambahkan satu set dan kemudian mencoba untuk menambahkan ikon individu tetapi ketika saya mencoba untuk menambahkan ikon yang merupakan bagian dari set yang sudah saya tambahkan - itu tidak ditambahkan. Ini membingungkan dan membuat frustrasi.

Troli menunjukkan panah kecil di bagian atas dan bawah untuk menggulir ketika ada banyak item di troli. Ini juga membingungkan. Mungkin hanya menunjukkan ikon-ikon ini ketika ikon keenam ditambahkan atau menunjukkan sebagian kecil dari ikon keenam sehingga saya tahu ada lebih banyak. Sekarang saya menambahkan ikon tambahan dan tidak tahu ke mana mereka pergi. Menggulir tidak berfungsi untuk saya menggunakan Chrome 6.

Ternyata aneh bahwa Anda tidak dapat menarik dan melepas dengan mengklik tanda tambah. BTW - tooltip mengatakan "Hapus".

Meskipun fitur ini lucu, saya lebih suka satu klik pada tombol add-to-cart atau tanda plus daripada menyeret item ke troli. Ini lebih efisien.

Saya membaca di suatu tempat pendapat bahwa pagination tidak benar-benar diperlukan lagi, terutama ketika datang ke gambar. Mata manusia sangat pandai melihat banyak gambar dan memilih yang Anda sukai. Mungkin lebih mudah bagi pembeli jika Anda hanya menampilkan semua ikon pada satu halaman - pengalaman berbelanja yang jauh lebih baik.

Situs tampak hebat dan ikonnya sangat baik.

1
idophir