Sebagian besar ulasan halaman produk berakhir dengan daftar opini. Seseorang mengatakan galeri terasa sempit, orang lain membela tab, tidak ada keputusan yang diambil. Ini adalah rubrik penilaian: dua belas poin pemeriksaan, masing-masing dengan ambang batas kelulusan tertulis, diberi skor 0-2, yang diakhiri dengan angka dari 24 yang harus disepakati oleh dua auditor yang bekerja secara terpisah dalam selisih satu atau dua poin. Ini ditujukan untuk tim UX dan CRO yang mengerjakan halaman detail produk e-commerce. Tolok ukur Baymard Institute terhadap lebih dari 155 situs terkemuka di AS dan Eropa menemukan 62% situs web seluler Kinerja UX halaman produk tergolong "biasa-biasa saja atau lebih buruk", dan tidak ada yang mendapat nilai sempurna. Anggaplah milik Anda memiliki temuan. Pertanyaannya adalah temuan mana, dan seberapa buruknya.
Cara kerja penilaian
Setiap cek dinilai berdasarkan ambang batas yang tertulis sebelum Anda membuka halaman tersebut. 2 artinya, perangkat tersebut memenuhi ambang batas tersebut di perangkat seluler dan desktop, 1 sebagian atau hanya pada satu titik henti saja, 0 bahwa hal itu gagal atau tidak ada.
Audit itu TemplateBukan hanya satu produk: pilih tiga SKU yang memberikan tekanan berbeda - barang sederhana, barang dengan banyak varian, barang yang sebagian kehabisan stok - dan ambil skor terendah per pengecekan. PDP yang hanya berfungsi untuk SKU yang mudah bukanlah PDP yang efektif.
Band: 20-24Template tersebut sudah bagus dan masalah konversi Anda ada di tempat lain. 14-19Perbaiki angka nol sebelum menjalankan pengujian lain di sini. 0-13, template adalah hambatan utamanya dan pengujian elemen di atasnya akan menghasilkan hasil yang datar.
Gerbang 1: dapatkah mereka memahami apa produk tersebut?
Periksa 1 - Set gambar dan perbesar. Ambang batas: setidaknya lima gambar yang mencakup setiap sisi, satu gambar detail pada tingkat material, satu yang menetapkan skala, dan zoom yang mampu menampilkan detail sebenarnya. Baymard menemukan 25% situs web kekurangan resolusi atau zoom yang memadai dan 37% tidak menyediakan gambar yang sesuai skala. Skala adalah hal yang sering diabaikan tim, dan hal inilah yang menghasilkan keuntungan.
Periksa 2 - Kemudahan ditemukannya gambar di perangkat seluler. Ambang batas: gambar tambahan terlihat sebagai thumbnail atau indikator posisi, tanpa pengguna perlu menggeser untuk mengetahui keberadaannya. 76% situs web seluler tidak menyediakan thumbnail, sehingga galeri tidak terlihat oleh siapa pun yang tidak menebak.
Periksa 3 - Deskripsi dan kemampuan pemindaian spesifikasi. Ambang batas: deskripsi menjawab lima pertanyaan yang paling sering diterima kotak masuk dukungan Anda untuk kategori tersebut, dan spesifikasi muncul sebagai daftar atribut yang mudah dipindai, bukan berupa uraian. Baymard menilai 50% situs salah dalam hal kemudahan pemindaian spesifikasi. Ambil lima pertanyaan dari tiket atau pencarian di situs, bukan dari lokakarya.
Gerbang 2: Bisakah mereka memilih varian yang tepat?
Periksa 4 - Kontrol varian ditampilkan. Ambang batas: ukuran, warna, dan opsi lainnya ditampilkan sebagai tombol atau pilihan warna yang terlihat, bukan menu tarik-turun yang harus dibuka pengguna. 57% situs web tidak menggunakan tombol untuk pemilihan ukuran. Menu tarik-turun yang tertutup menyembunyikan opsi dan opsi mana yang tidak tersedia.
Periksa 5 - Sinkronisasi data varian. Ambang batas: memilih varian akan memperbarui harga, gambar, status stok, dan perkiraan pengiriman secara bersamaan, tanpa nilai usang di layar. 28% situs gagal menyinkronkan data di seluruh variasi. Hal ini biasanya menunjukkan masalah arsitektur front-end, bukan masalah desain.
Periksa 6 - Penanganan varian tidak tersedia. Ambang batas: varian yang kehabisan stok tetap terlihat dan dinonaktifkan dengan alasan yang dinyatakan, dan halaman tersebut menawarkan satu tindakan selanjutnya - pemberitahuan stok kembali, alternatif terdekat, atau pemesanan ulang. 68% situs tidak mengizinkan pengguna untuk membeli produk yang sementara kehabisan stok. Menghapus opsi tersebut secara diam-diam adalah yang terburuk: pengguna tidak dapat mengetahui apakah ukuran tersebut tersedia.
Gerbang 3: dapatkah mereka menghitung total sebenarnya?
Gerbang ini menghasilkan pendapatan terbesar dan paparan regulasi paling tinggi. Berdasarkan 50 studi gabungan, Baymard memperkirakan rata-rata pengabaian keranjang belanja sebesar... 70.22%Di antara alasan yang disebutkan, biaya tambahan yang terlalu tinggi mencapai 40%. Sebagian besar biaya tersebut dapat diketahui di PDP dan diungkapkan saat proses pembayaran.
Periksa poin 7 - Biaya dan tanggal pengiriman sebelum menambahkan ke keranjang. Ambang batas: perkiraan biaya pengiriman dan tanggal kedatangan, untuk lokasi pengguna yang kemungkinan besar, terlihat tanpa interaksi. 43% situs tidak menampilkan perkiraan biaya pengiriman. Jika tarif bergantung pada alamat, tampilkan perkiraan wilayah default yang diberi label.
Periksa poin 8 - Penyajian harga dan referensi diskon. Ambang batas: total yang ditampilkan mencakup semua pajak; setiap perbandingan "sebelum/sesudah" menggunakan harga referensi yang dapat dipertanggungjawabkan; dan jika angsuran ditampilkan, harga total, jumlah angsuran, dan jumlah per angsuran muncul bersamaan dengan ukuran yang mudah dibaca.
Dua aturan bertemu di sini. Di Uni Eropa, Pasal 6a dari Direktif 98/6/EC mensyaratkan pengumuman penurunan harga untuk menyatakan harga sebelumnya, yang didefinisikan sebagai harga terendah yang diterapkan setidaknya dalam 30 hari sebelumnya. Regulasi periklanan Turki menerapkan logika harga terendah 30 hari yang sama dan juga mengatur tampilan pembayaran cicilan. Klausul itu bukan formalitas: regulator secara khusus menyoroti pembayaran cicilan karena pembayaran tersebut menonjol dalam e-commerce Turki, sehingga PDP yang menyembunyikan angka per cicilan di balik modal menyembunyikan angka yang diputuskan oleh pembeli.
Poin 9 - Kebijakan pengembalian dalam satu kali transaksi. Ambang batas: jangka waktu pengembalian dan siapa yang membayar ongkos kirim pengembalian dapat diakses hanya dengan satu ketukan, bukan melalui footer. 44% situs tidak menampilkan atau menautkan kebijakan pengembalian di halaman produk, dan kebijakan yang tidak memuaskan merupakan alasan yang disebutkan oleh 13% pengguna untuk membatalkan pembelian.
Gerbang 4: bisakah semua orang benar-benar mengoperasikannya?
Periksa 10 - Ukuran target. Ambang batas: setiap kontrol interaktif - contoh warna, penunjuk kuantitas, panah galeri, filter ulasan - setidaknya berukuran 24 x 24 piksel CSS, atau diberi jarak sedemikian rupa sehingga lingkaran 24 piksel yang berpusat padanya tidak berpotongan dengan tetangganya. Itu adalah WCAG 2.2 SC 2.5.8, Level AA. Contoh warna dan penunjuk kuantitas paling sering gagal memenuhi persyaratan ini.
Periksa 11 - Responsivitas interaksi. Ambang batas: Interaksi ke Next Paint pada persentil ke-75 data lapangan untuk templat PDP berada pada atau di bawah 200 ms; di atas 500 ms buruk. Gunakan data lapangan, bukan hasil uji laboratorium: peralihan varian dan interaksi galeri adalah tempat PDP INP mengalami degradasi, dan uji sintetis tidak mengujinya.
Periksa 12 - Tinjau kualitas bukti. Ambang batas: ringkasan distribusi peringkat tersedia, gambar ulasan dapat dijelajahi di seluruh ulasan, dan halaman tersebut menyatakan bagaimana ulasan dikumpulkan dan apakah ulasan tersebut diverifikasi. 65% situs salah dalam hal distribusi. Produk dengan peringkat 4.4 yang dibangun dari peringkat 5 dan 1 berbeda dengan produk dengan peringkat 4.4 yang dibangun dari peringkat 4 dan 5.
Lembar penilaian
| # | Memeriksa | Ambang batas kelulusan (skor 2) | Gerbang |
|---|---|---|---|
| 1 | Set gambar dan perbesar | 5+ gambar, satu sesuai skala, zoom menambah detail. | Memahami |
| 2 | Kemudahan penemuan gambar seluler | Gambar mini atau indikator posisi terlihat. | Memahami |
| 3 | Deskripsi dan spesifikasi | 5 pertanyaan dukungan teratas dijawab; spesifikasi dapat dipindai. | Memahami |
| 4 | Kontrol varian | Opsi yang terlihat sebagai tombol atau contoh warna. | Pilih |
| 5 | Sinkronisasi varian | Pembaruan harga, gambar, stok, dan pengiriman secara bersamaan. | Pilih |
| 6 | Varian yang tidak tersedia | Terlihat, dinonaktifkan, alasan diberikan, satu tindakan selanjutnya | Pilih |
| 7 | Biaya dan tanggal pengiriman | Keduanya diperkirakan pada PDP tanpa interaksi. | Total biaya |
| 8 | Referensi harga dan diskon | Harga sudah termasuk pajak; harga referensi terendah 30 hari; cicilan tiga kali angsuran sekaligus. | Total biaya |
| 9 | Kebijakan pengembalian | Jendela dan siapa yang membayar, hanya satu interaksi lagi. | Total biaya |
| 10 | Ukuran target | 24x24 CSS px atau spasi yang setara (WCAG 2.2 AA) | Beroperasi |
| 11 | Responsif | Field INP p75 pada atau di bawah 200 ms | Beroperasi |
| 12 | Tinjau bukti | Distribusi ditampilkan, gambar dapat dijelajahi, koleksi diungkapkan. | Beroperasi |
Contoh soal yang sudah dikerjakan
Komposit ilustratif yang dibangun dari pola kegagalan di atas, bukan dari audit klien: pengecer pakaian kelas menengah, tiga SKU, skor terendah per pemeriksaan.
Pahami: 2 + 0 (gesekan buta) + 1 (spesifikasi dalam bentuk narasi) = 3/6. Pilih: 2 + 1 (estimasi pengiriman kedaluwarsa) + 0 (ukuran menghilang) = 3/6. Total biaya: 0 + 1 (total cicilan hanya dalam modal) + 1 (pengembalian di footer) = 2/6. Operasikan: 0 (contoh warna pada 20 px) + 1 (INP p75 340 ms) + 1 (tidak ada distribusi) = 2/6.
Total: 10/24. Itu bukan "menjalankan uji judul". Itu adalah perbaikan templat yang berpusat pada empat angka nol, dalam urutan ini: perkiraan pengiriman, ukuran yang menghilang, ukuran target sampel, galeri seluler. Tiga dari empat itu adalah tiket teknik, bukan pekerjaan desain, yang biasanya merupakan temuan sebenarnya. [DATA INTERNAL YANG DIBUTUHKAN: Skor median gerbang Switas di seluruh PDP yang diaudit, dan pergerakan konversi setelah perbaikan Gerbang 3.]
Apa yang harus dilakukan dengan skor tersebut?
Perbaiki setiap angka nol sebelum Anda menguji apa pun di halaman tersebut: eksperimen yang dijalankan pada langkah yang rusak mengukur kerusakan, bukan hipotesis Anda. Angka satu adalah daftar pengujian Anda - nyata, tetapi dengan perbaikan yang masih bisa diperdebatkan. Beri skor ulang setelah perbaikan dirilis, pada tiga SKU yang sama.
Di mana rubrik ini tidak berfungsi
Sistem ini dirancang untuk ritel barang fisik. Barang digital, langganan, inventaris perjalanan, dan produk B2B yang dapat dikonfigurasi memiliki atribut penentu yang berbeda, dan Gate 3 tidak berlaku: halaman hotel atau penerbangan memiliki penetapan harga yang bergantung pada tanggal yang tidak dimodelkan oleh kriteria ini. Sistem ini juga mengabaikan akuisisi - tidak ada yang menilai kelengkapan data terstruktur di sini, yang mengatur kelayakan daftar pedagang. Dan sistem ini memberi tahu Anda apa yang gagal memenuhi ambang batas tertulis, bukan mengapa pengguna tertentu ragu-ragu: sistem ini menggantikan putaran opini, bukan pengujian kegunaan.
FAQ (Pertanyaan Umum)
Berapa lama waktu yang dibutuhkan untuk audit ini?
Sekitar 40 menit per SKU setelah ambang batas disepakati, jadi kira-kira dua jam untuk satu templat. Sebagian besar waktu tersebut dihabiskan di Tahap 3, karena logika pengiriman dan pembayaran bertahap bervariasi tergantung jenis produk.
Siapa yang seharusnya menjalankannya?
Dua orang menilai tiga SKU yang sama secara independen, kemudian hanya mencocokkan pemeriksaan di mana perbedaannya lebih dari satu poin. Skor dari satu auditor akan cenderung condong ke arah apa pun yang dipedulikan oleh auditor tersebut.
Apakah skor rendah membuktikan bahwa PDP merugikan kita secara finansial?
Tidak. Ini menunjukkan langkah mana yang gagal memenuhi ambang batas yang ditentukan dari penelitian yang dipublikasikan. Kaitan pendapatan berasal dari data saluran penjualan Anda sendiri. Rubrik tersebut menunjukkan ke mana harus mencari, bukan berapa nilainya.
Apa perbedaannya dengan audit aksesibilitas?
Hanya Check 10 yang merupakan kriteria kesesuaian formal. Audit WCAG lengkap juga mencakup pengoperasian keyboard, urutan fokus, kontras, dan pelabelan formulir. Anggap ini sebagai sinyal bahwa audit aksesibilitas perlu dilakukan, bukan sebagai bukti bahwa Anda telah lulus audit tersebut.
PDP kami dibuat oleh marketplace atau platform SaaS. Apakah ini masih bermanfaat?
Ya, dengan cakupan yang dipersempit. Beri skor semuanya, lalu pisahkan temuan menjadi apa yang Anda kendalikan - gambar, deskripsi, spesifikasi, kumpulan ulasan - dan apa yang dikendalikan oleh platform. Angka nol yang dikendalikan platform menjadi percakapan dengan vendor dengan bukti terlampir.
Apakah aturan tampilan harga Turki berlaku jika kita hanya menjual di dalam negeri?
Ya, terlepas dari di mana pun Anda menjual, termasuk harga referensi terendah 30 hari dan persyaratan tampilan cicilan. Aturan Uni Eropa hanya berlaku jika Anda menjual ke Uni Eropa; jika menjual ke kedua negara, terapkan interpretasi yang lebih ketat sekali saja.
Jalankan di katalog Anda sendiri
Hitung tiga SKU dari template PDP Anda sendiri minggu ini dan lihat apakah angkanya sesuai dengan yang Anda harapkan. Jika Anda lebih suka jika dihitung dengan benar, dengan temuan yang dipetakan ke tiket rekayasa dan data funnel Anda terlampir, Hubungi kami untuk membahas audit UX..
sumber
- Baymard Institute - Tolok ukur UX halaman produk, 155+ situs (18 Maret 2026)
- Institut Baymard - Tolok Ukur Kegunaan Halaman Produk
- Institut Baymard - Tingkat pengabaian troli belanja, 70.22% di seluruh 50 studi (22 September 2025)
- Komisi Eropa - Panduan tentang Pasal 6a, Direktif 98/6/EC
- Gun + Partners - Peraturan Turki tentang iklan penjualan dengan diskon
- W3C - Memahami Ukuran Target (Minimum) WCAG 2.2 SC 2.5.8
- web.dev - Interaksi ke ambang batas Next Paint
- Google Search Central - Data terstruktur daftar pedagang
