Dengan kenaikan pengguna telfon genggam yang cukup fantastis, tidak mengherankan jika banyak perusahaan yang akan mengoptimalkan tampilan mobile untuk situs yang mereka miliki. Bahkan, pengunjung yang ada disitus Anda pun pastinya berharap bisnis Anda dioptimalkan untuk tampilan mobile.
Berikut adalah 12 tips merancang sebuah situs e-commerce yang ramah untuk tampilan pada ponsel atau yang biasa disebut tampilan mobile.
- Jadilah Responsif
Memiliki situs yang responsif adalah keharusan dijaman sekarang ini. Sebuah desain responsif membuktikan bahwa konten Anda akan terlihat sama dengan browser, namun dengan tampilan yang sesuai dengan ukuran ponsel. Sebab halaman web responsif mampu mendeteksi ukuran layar pengunjung Anda, sehingga tata letak serta ukuran tampilan yang ada dapat berubah otomatis menyesuaikan dengan perangkat yang digunakan.
Dengan desain yang sudah responsif, ada tidak lagi memerlukan kerja lebih, yang berarti tim developer tidak harus repot-repot lagi untuk mengembangkannya dari awal. Anda pun tidak akan berisiko mendapatkan sanksi dari Google, karena Anda tidak akan memiliki konten yang sama pada dua lokasi yang berbeda.
- Buat dan Posisikan CTA (Call To Action) Anda dengan benar
Anda harus memiliki CTA yang jelas dan terlihat. Terutama pada bagian ‘Masukan Ke Keranjang’. Dalam kebanyakan situs, CTA ini akan ditempatkan dibagian atau tengah halaman didalam situs.
CTA yang jelas adalah CTA yang menarik perhatian pengunjung situs untuk mengklik, yang tidak memerlukan kalimat terlalu panjang namun juga tidak terlalu pendek. Serta buat CTA mudah terlihat oleh para pengunjung situs Anda, dengan cara menempatkan atau memposisikan CTA tersebut pada bagian-bagian yang mudah dijangkau, seperti diposisikan pada halaman utama, atau dibagian gambar yang cukup besar. CTA yang dibuat juga harus pas untuk tampilan mobile.
- Pertahankan konten singkat dan menarik
Jelas layar pada perangkat mobile lebih kecil dari PC. Oleh sebab itu, Anda tidak memiliki banyak ruang untuk menjelaskan deskripsi produk dengan panjang lebar, mem-posting blog bertele-tele, bahkan ratusan gambar yang Anda sajikan hanya akan membuat halaman beranda Anda berantakan.
Dengan menyediakan konten penting yang singkat dan menarik, serta gambar-gambar yang sesuai dengan kebutuhannya, akan membuat halaman beranda Anda lebih menarik dan rapih bagi pengunjung Anda.
- Permudah navigasi
Anda harus mengondensasikan navigasi Anda untuk membuat situs Anda tampak lebih bersih dan lebih mudah bagi pengguna ponsel untuk menggunakannya (tidak terlalu banyak gambar kurang penting yang menumpuk).
Cara yang paling mudah untuk melakukan ini adalah menyertakan menu ikon tunggal yang membuka drop down menu setiap kali itu diklik. Pastikan bahwa ini konsisten diposisikan di seluruh situs Anda sehingga pengguna selalu tahu dimana tombol yang harus mereka klik untuk menemukan apa yang mereka cari.
- Sertakan Meta Tag Viewport
Meta Tag Viewport termasuk dalam HTML5, berfungsi untuk memudahkan tampilan mobile agar sama dengan tampilan yang ada di browser PC, agar ukuran yang tampilkan akan pas dengan ukuran perangkat ponsel yang digunakan.
Meta Tag Viewport sangat berkaitan dengan responsif mobile atau juga berfungsi sebagai pendukung dari tampilan mobile yang responsif.
- Menerima checkout sebagai tamu
Fitur ini memungkinkan pengunjung Anda untuk melakukan pembelian dari situs Anda tanpa harus login atau membuat sebuah akun terlebih dahulu. Ingat, mereka tidak memiliki kesabaran untuk menyelesaikan beberapa langkah atau mengisi sejumlah pertanyaan. Mereka ingin menyelesaikan proses checkout secepat dan semudah mungkin.
- Mengoptimalkan gambar Anda
Pelanggan Anda ingin dapat melihat gambar yang jernih dari produk Anda. Mereka juga berharap gambar-gambar yang ada dapat dimuat dengan cepat. Untuk mencapai kedua tujuan tersebut, pastikan bahwa Anda menggunakan gambar resolusi tinggi yang telah dipotong dan diubah ukurannya agar sesuai ke layar perangkat mobile. Ukuran gambar pada layar rata-rata untuk tampilan mobile berkisar dari 320 x 480 sampai 1080 x 1920.
- Tautkan logo Anda ke beranda
Menurut sebuah studi yang dilakukan oleh Google, para pengguna mengharapkan untuk kembali ke beranda ketika mereka menekan logo di bagian kiri atas halaman mobile, dan mereka akan kecewa ketika hal ini tidak tersedia, atau tidak bekerja.
Untuk menghindari masalah ini, link atau tautkan logo ke halaman beranda Anda sehingga pengunjung dapat kembali ke beranda kapan pun mereka inginkan hanya dengan mengklik logo tersebut.
- Hindari Flash dan Pop-Ups
IPhone dan Android v4.1 dan yang lebih tinggi tidak mendukung Flash. Jadi, bergantung pada HTML5 untuk menampilkan konten Anda.
Dan juga, hindari bentuk pendaftaran pop-up atau iklan aplikasi lainnya. Mereka mengganggu dan menyembunyikan konten yang Anda miliki.
- Gunakan geolokasi
Geolokasi dapat membantu personalisasi yang kuat karena dapat menyesuaikan kebutuhan bagi pelanggan Anda. Misalnya, jika pengunjung yang berbelanja situs pakaian Anda dan mereka berada di Alaska, maka situs Anda akan menampilkan produk-produk yang lebih dingin dan ramah lingkungan.
- Membuat informasi kontak yang mudah untuk diakses
Keinginan pengguna untuk dapat menghubungi Anda. Apakah itu nomor telepon, jam kerja, atau lokasi terdekat mereka. Semakin mudah bagi pengunjung untuk mengakses informasi ini, pengalaman yang mereka miliki akan lebih baik. Pastikan semua informasi ini jelas dan aman.
- Tetap melakukan pengujian
Bahkan setelah Anda telah merancang sebuah langkah pada situs e-commerce agar ramah pada tampilan mobile, mengujinya berulang kali sangat diperlukan.
Melakukan pengujian pada beberapa perangkat, seperti pada ponsel iPhone, Android dan Windows, serta berbagai tablet untuk memastikan bahwa desain Anda benar bekerja pada semua perangkat mobile.
Pengalaman belanja yang buruk dapat mengakibatkan pelanggan akan meninggalkan Anda dan pergi ke situs pesaing. Hal tersebut tentunya yang sangat dihindari oleh para pemain bisnis e-commerce.
Ditambah lagi dengan penggunaan internet melalui ponsel maupun tablet yang semakin berkembang pesat. Semua pemain bisnis e-commerce terus berlomba-lomba dalam mengoptimalkan situs yang mereka miliki.
Dengan adanya 12 tips merancang website e-commerce yang ramah untuk tampilan pada ponsel diatas diharapkan bisa membantu Anda untuk merancang tampilan situs e-commerce pada ponsel dengan sangat ramah disegala jenis perangkat yang digunakan.