Faktor-Faktor Yang Membuat Web Mobile Friendly

Faktor-faktor yang membuat web mobile friendly

Dalam membangun sebuah website, tampilan situs yang mobile responsive saja tidak cukup. Ada hal penting yang harus dipertimbangkan. Salah satunya, adalah tentang kecendrungan pengguna telepon genggam itu sendiri.

Ya, handphone yang digunakan sebagai alat untuk mengakses situs web.

Analisa ini, disusun oleh team Mobile UX Google. Yang bekerja dengan tim perusahaan pengembangan web. Telah melakukan banyak pengamatan – dan belajar cara menghindarinya.

PERTAMA; Kesan pertama penting. Pengguna ponsel sangat berorientasi pada tujuan. Dan sangat tidak sabar. Hindari mengalihkan pengguna dari tujuannya. Jadikan beranda dan laman landas teratas tetap sederhana. Pastikan Anda memiliki ajakan bertindak yang jelas dan proposisi nilai pada bagian di atas.

Seorang pengguna harus tahu apa yang harus dilakukan. Dan mengapa mereka harus tetap berada di situs seluler Anda dalam sekejap.

Membuat web; ‘Lakukan lebih sedikit’.

Rekomendasi utama secara konsisten adalah; “Jangan Kurang.” Itu berarti lebih sedikit gambar, lebih sedikit bidang formulir, lebih sedikit pola navigasi yang rumit, lebih sedikit plugin, lebih sedikit piksel pihak ke-3, lebih sedikit dinding teks, lebih sedikit overlay layar, lebih sedikit render blocking js , lebih sedikit klik … lebih sedikit cara untuk mengalihkan pengguna Anda dari sasaran mereka.

Baca juga; trend desain web minimalis

Kecepatan menonjolkan desain yang bagus.

Tidak mengherankan bahwa; situs seluler yang lebih cepat memiliki keterlibatan pengguna yang lebih baik. Studi kasus yang tak terhitung jumlahnya, tes kegunaan, dan saya yakin anekdot pribadi Anda, membuatnya sangat jelas bahwa kecepatan mendorong konversi. Tiga metrik kinerja yang benar-benar mencerminkan pengalaman pengguna adalah Kesan Pertama, Indeks Kecepatan, dan waktu untuk interaktif. Sangat penting dalam membuat web perlu untuk menetapkan anggaran kinerja dan meminta pertanggungjawaban tim Anda.

Sayang sekali, ketika Anda membuat web atau situs yang dirancang dengan indah menghasilkan pengguna yang terpental. Karena Anda lupa untuk mengompres gambar pahlawan 2MB Anda. Gunakan alat seperti Mercusuar (ditampilkan di bawah) untuk memantau metrik ini.

Tolok ukur yang disarankan:

  • <2s; Kesan pertama
  • <3s; Indeks Kecepatan
  • <5s; Waktu untuk Interaktif  

Bicaralah dengan pelanggan Anda. Ini mungkin tampak sangat jelas, tetapi saya tidak bisa memberi tahu Anda berapa banyak tatapan kosong yang saya mulai dengan bertanya, “Kapan terakhir kali Anda berbicara dengan pengguna Anda?”

Para ahli UX desainer seluler bukan hanya membuat rekomendasi, tentang ini. Tetapi, berperan sebagai suara pengguna. Tempatkan diri Anda pada posisi pengguna dan cobalah untuk menyelesaikan tugas yang paling umum (lacak jumlah klik dan total waktu untuk menyelesaikan).

Gunakan data untuk menilai desain.

Tren “desain yang didukung data” bukanlah hal baru. Setelah memprioritaskan proyek seluler, penting untuk melacak track mobile KPIs. Untuk penjual, pantau Nilai Pesanan Rata-Rata (AOV) dan tingkat keluar pada halaman tempat tombol checkout dimulai. Untuk perusahaan generasi besar, fokus pada RKT tombol Ajakan Bertindak utama dan rasio lead to close (penjualan / jumlah prospek * 100 yang berhasil).

Jika Anda memiliki situs travel, fokuslah pada sesi pengembalian (retensi pelanggan) dan lalu lintas khusus saluran (yaitu: peningkatan pangsa sosial). Pertimbangkan juga untuk memantau konversi mikro seperti pendaftaran nawala email, komentar pada artikel, ulasan pengguna, tayangan video, atau bagikan di media sosial. Kiat pro: Disarankan, Anda memanfaatkan dasbor Datastudio ini. Untuk memantau keterlibatan pengguna di situs Anda.

Kebiasaan buruk itu nyata. Mayoritas perusahaan tempat kami bekerja mengalami peningkatan signifikan dalam kecepatan situs dan / atau keterlibatan pengguna. Namun, 30-60 hari setelah konsultasi (ketika kami tidak ingin melihat dari balik bahu mereka) kami akan melihat kebiasaan buruk muncul kembali. Untuk menghindari jebakan ini, gunakan anggaran kinerja. Direkomendasikan menggunakan Chrome Dev Tool untuk menemukan kode CSS dan JS yang tidak digunakan dengan tab Cakupan.

Saat Anda memuat atau menjalankan halaman, tab memberi tahu Anda berapa banyak kode yang digunakan, versus berapa banyak yang dimuat. Anda dapat mengurangi ukuran halaman Anda dengan hanya mengirimkan kode yang Anda butuhkan. Sangat penting untuk memantau dan mengaudit situs seluler Anda secara berkelanjutan.

Jadilah pemenang pada teknologi baru. Jika Anda mencari pengalaman seluler modern yang transformatif, ciptakanlah PWA. Jika Anda ingin mengoptimalkan lalu lintas berbayar Anda, lihat menggunakan AMP untuk halaman arahan teratas Anda. Jika Anda seorang pengecer, cari cara untuk mempercepat checkout seperti mengurangi fitur, mengaktifkan pengisian otomatis, atau menerapkan Google Pay. Kunci kesuksesan adalah menambahkan teknologi secara bertahap dengan fokus pada peningkatan pengalaman pengguna. Jika tidak menambah nilai bagi pengguna Anda, jangan berinvestasi di dalamnya.

Team lintas fungsional adalah kuncinya.

Membuat semua mempunyai kepentingan utama di halaman yang sama, adalah pengingat yang jelas, ini penting. Meningkatkan pengalaman web seluler Anda adalah upaya tim. Semua tim perlu bertanggung jawab untuk memantau pengalaman seluler. Tim pemasaran harus memperhatikan penggunaan piksel pelacakan pihak ketiga. Tim teknik harus fokus pada mengoptimalkan jalur render kritis (menghapus aset pemblokiran render). Tim UX harus memastikan gambar dioptimalkan dan fokus pada pengurangan titik masalah kegunaan (yaitu: bilah geser otomatis). Sangat penting untuk menetapkan tujuan lintas fungsional dan meminta semua tim bertanggung jawab.

Pengamatan Tren Seluler. Bagian terakhir ini adalah menangkap semua tren UX terbaik yang telah saya lihat hasil positif dari selama 2018.

  • Gunakan sistem instan dengan AMP (Accelerated Mobile Pages)
  • Menggunakan Reliable experience , untuk network-independence
  • Mengfungsikan sistem caching yang baik
  • Gunakan komponen sistem program plugin web yang baik
  • Bangun website yang konsisten memberi kecepatan akses pada pengguna dari berbagai platform.
  • Gunakan easier authentication agar pengguna lebih mudah untuk sign-in ke website
  • Sederhanakan sistem formulir untuk proses checkout; contoh
  • Membangun interaksi dengan mengaktifkan notifikasi web
  • Membuat web memiliki fungsi aplikasi agar berada di handphone pengguna
  • Gunakan Lighthouse untuk memantau kinerja website
  • Coba alat pengembangan web terbaru

Ingat, tidak ada senjata ajaib untuk menyelesaikan semua masalah UX Anda. Meningkatkan situs seluler Anda membutuhkan kesabaran, analisis, dan komitmen lintas fungsi.

Baca juga artikel lainnya;

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *