Back to Question Center
0

Memahami Pengalaman Pengguna vs. Pengguna Semalt

1 answers:

Saya telah banyak perbincangan tahun ini dengan pereka web dan pemaju mengenai antara muka pengguna (UI) dan pengalaman pengguna (UX) dan apa perbezaannya. Untuk pedagang e-dagang, penting untuk mengetahui perbezaannya jika anda merancang sebarang jenis reka bentuk semula kedai dalam talian anda.

Salah satu komponen paling penting dalam kedai dalam talian anda ialah pengalaman pengguna. Terlepas dari betapa elegannya laman web anda kelihatan, jika anda gagal menyampaikan jenis pengalaman pengguna yang dicari oleh pembeli, mereka akan meninggalkan laman web anda dan berbelanja di tempat lain. Semalt terdapat begitu banyak kedai yang direka dengan baik hari ini, pembeli meminta jenis pengalaman dari semua laman web - logiciel feuille de paie.

Artikel ini menerangkan perbezaan antara UI dan UX dan mengapa anda perlu sumber yang betul pada pasukan anda apabila anda mengubah reka bentuk laman web anda.

Menentukan Pengalaman Pengguna

Berikut adalah beberapa elemen yang mempengaruhi pengalaman pengguna kedai dalam talian anda.

  • Rayuan visual. Warna, penjenamaan, imejan, susun atur.
  • Cari dan navigasi. Keupayaan untuk mencari apa yang anda cari dengan cepat.
  • Peta laman. Bagaimana laman web ini dikategorikan dan dikumpulkan.
  • Kandungan. Kualiti dan kuantiti teks, imej, video yang dikaitkan dengan produk dan kategori produk.
  • Kemudahan penggunaan. Bolehkah pengguna dengan mudah menavigasi di laman web, masuk dan keluar dari keranjang, membuat senarai belanja, cari kos penghantaran?
  • Ketersediaan bantuan. Sembang dalam talian, bantuan e-mel, akaun perkhidmatan diri.
  • Prestasi. Adakah laman web itu pantas?
  • Pilihan pembayaran dan proses. Adakah anda menawarkan beberapa kaedah pembayaran, bolehkah pengguna menyimpan maklumat kad kredit, checkout dengan PayPal Express atau sistem pembayaran pihak ketiga yang lain?
  • Keranjang belanja. Adakah ia menarik secara visual? Adakah maklumat perkapalan tersedia?
  • Ciri-ciri imej. Zum dan kuali, gambar alternatif?
  • Pemperibadian. Adakah kedai menyampaikan kandungan yang diperibadikan?
  • Merchandising. Adakah item promosi dipamerkan dengan baik dan tersedia, menggunakan senarai penjual terbaik, jualan silang, dan jualan yang dijual?

Realiti adalah pengalaman pengguna yang dipengaruhi oleh setiap elemen tunggal laman web anda. Anda boleh mempunyai tapak yang direka dengan baik dengan navigasi dan prestasi yang hebat, tetapi jika kereta belanja anda tidak mempunyai penganggar perkapalan, anda mungkin kehilangan pembeli ke tapak yang dirancang dengan baik yang termasuk satu.

Berikut adalah contoh sub-menu yang direka dengan baik di Lowes. kedai com. Di kebanyakan tapak, pengguna perlu mengklik ke bawah atau dua untuk mendapatkan akses kepada kandungan, pautan, dan kandungan berkaitan yang tersedia dalam menu tarik turun tunggal ini. Semalat, pengalaman pengguna bermula dengan sangat baik, menjimatkan masa pembeli.

Lowes.com has a well designed sub-menu.

Lowes. com mempunyai sub-menu yang direka dengan baik.

UI dan Pereka UX

Baru-baru ini 5 tahun yang lalu, kebanyakan pereka UI sebenarnya melakukan kerja UI dan UX. Pada masa itu, banyak tumpuan adalah pada penjenamaan, warna, dan susun atur keseluruhan. Ada pemikiran yang diberikan untuk navigasi dan meminimumkan klik dan keperluan untuk menggunakan butang belakang. Banyak tumpuan diletakkan pada ikon untuk memastikan mengenal pasti warna, saiz, dan penempatan yang betul dalam kereta belanja, dan sebagainya. Semalt adalah pereka yang sangat sedikit yang memberi tumpuan kepada pengalaman pengguna lain yang tersenarai di bahagian sebelumnya dan hampir tidak ada yang mengenal pasti diri mereka sebagai pereka UX.

Sejak itu, kami telah melihat kedua-dua disiplin cawangan itu menjadi huraian kerja yang berbeza. Pereka UI cenderung memberi tumpuan lebih kepada bahagian kreatif, penjenamaan dan daya tarikan visual. Pereka UX memberi tumpuan kepada seni bina laman web, susun atur halaman, item fokus dan tindakan yang boleh dilakukan untuk setiap halaman - termasuk ketersediaan sumber dan kandungan lain, sama ada pop atau tab adalah lebih sesuai, dan sebagainya. Pereka UX biasanya sukar dicari dan lebih mahal.

Proses Rekabentuk

Melihat semut dalam proses reka bentuk dan mengenal pasti peranan, tanggungjawab, dan pencapaian. Tidak setiap pereka atau agensi melakukan ini sama. Sebenarnya, hanya sedikit sahaja. Oleh itu, anda perlu berbincang secara terperinci dengan pereka calon anda. Pastikan anda memahami sepenuhnya hasil yang anda terima. Semakin terperinci dan tepat mereka, semakin kurang kerja yang perlu dilakukan oleh pasukan pembangunan anda untuk meninggalkan pilihan yang lebih sedikit untuk salah tafsir dan kesilapan.

  1. Buat senibina maklumat. Ini biasanya dilakukan oleh pereka UX. Matlamatnya adalah untuk mengenal pasti peta tapak, berapa kategori dan jenis apa, berapa banyak templat halaman, dan kandungan, elemen, pautan, dan tindakan yang boleh dipanggil di setiap halaman. Ini biasanya melibatkan arkitek sistem atau pemaju untuk mengawasi integrasi teknikal yang diperlukan serta pengetahuan tempatan mengenai kemampuan e-dagang platform keupayaan asli.

  2. Penjenamaan. Ini biasanya dilakukan oleh seorang pereka UI. Ia termasuk elemen visual, warna, tipografi, logo, dan susun atur peringkat tinggi.

  3. permulaan permulaan. Ini adalah lakaran kasar tapak untuk menangkap susunan umum dan penempatan elemen. Ini biasanya dilakukan dalam alat mockup tanpa mengambil kira warna, imej sebenar dll. Boleh dilakukan oleh UI atau UX atau bersama-sama. Ini biasanya disediakan untuk halaman utama pertama kerana ia mengandungi unsur-unsur yang paling biasa (header dan footer, dan navigasi. Beberapa lelaran biasanya dihasilkan.

  4. Wireframes. Disediakan oleh pereka UX. Ini adalah perwakilan setiap halaman - dengan atau tanpa grafik - dengan dokumentasi terperinci mengenai pautan dan integrasi. Fikirkan ia sama dengan pelan tindakan untuk bangunan. Susun atur halaman semua unsur adalah tepat dan tindakan berbilang orang dikenal pasti, seperti pop timbul, pautan, menu berkembang, dan tindakan halaman lain. Terdapat banyak alat dawai berbingkai yang berbeza dan banyak juga termasuk lebih banyak elemen grafik hari ini.

  5. mockups akhir. Ini disediakan oleh pereka UI. Mereka mengambil wireframes dan menambah semua elemen grafik ke setiap halaman. Mockup akhir adalah pixel sempurna dan berlapis untuk memasukkan tindakan dan setiap elemen individu supaya pemaju dapat mengakses seluruh perpustakaan aset untuk tapak tersebut. Sebaiknya ia adalah interaktif untuk mewakili semua unsur yang boleh ditindaklanjuti. Penyampaian biasanya merupakan fail asli Photoshop, Illustrator, atau Fireworks. Itu biasanya bergantung pada pilihan peribadi pereka.

  6. Pembangunan. Diambil oleh pasukan pembangunan. Mereka membuat CSS, HTML, Java, AJAX, dan melakukan integrasi yang diperlukan.

Apa yang perlu dicari

Apabila anda memilih pasukan reka bentuk, lihat kerja dari setiap peringkat proses. Mintalah untuk membekalkan maklumat seni bina, lakaran awal, wireframes, dan penghantaran akhir. Cuba tanya pasukan reka bentuk jika mockup mereka selesai atau jika mereka memerlukan lebih banyak kerja.

Pastikan untuk menguji laman web sebenar yang dihantar untuk kebolehgunaan. Pada penghujung hari, itulah yang akan memberikan jualan yang paling.

March 1, 2018