Desain yang Memprioritaskan Seluler

Desain mobile-first adalah praktik mendesain dan membangun untuk konteks terkecil dan paling terbatas terlebih dahulu, kemudian secara bertahap meningkatkannya untuk layar yang lebih besar dan kemampuan yang lebih tinggi. Dipopulerkan oleh Luke Wroblewski, pendekatan ini membalikkan kebiasaan lama dalam mendesain pengalaman desktop lengkap dan kemudian memutuskan apa yang harus dihilangkan untuk perangkat mobile, sebuah pendekatan yang secara konsisten menghasilkan pengalaman mobile yang terasa seperti ada bagian yang hilang.

Alasannya adalah keterbatasan memaksa penentuan prioritas. Layar kecil tidak dapat menampilkan semuanya, jadi tim harus memutuskan apa yang paling penting, dan keputusan itu juga meningkatkan versi desktop, karena hierarki yang jelas sangat berharga di setiap ukuran. Bekerja ke arah sebaliknya menunda pertanyaan hingga akhir, di mana pilihan dibuat di bawah tekanan waktu oleh siapa pun yang menerapkan breakpoint, biasanya tanpa pemangku kepentingan yang akan memperdebatkannya.

Pendekatan mobile-first juga merupakan strategi teknis, bukan hanya strategi desain. Membangun pengalaman dasar untuk perangkat dengan keterbatasan dan menambahkan peningkatan di atasnya berarti ukuran file default kecil, konten dan fungsionalitas inti berfungsi tanpa JavaScript yang berat, dan kemampuan tambahan ditambahkan di tempat yang memungkinkan. Pendekatan sebaliknya adalah mengirimkan implementasi desktop lengkap ke setiap perangkat dan kemudian mencoba menyembunyikan atau menonaktifkan bagian-bagiannya, yang mengurangi apa yang terlihat tanpa mengurangi apa yang diunduh dan dieksekusi.

Argumen konteks seringkali dilebih-lebihkan dan perlu dinyatakan secara akurat. Anggapan awal bahwa pengguna seluler adalah orang-orang yang mudah teralihkan perhatiannya saat bepergian dengan kebutuhan yang sempit dan mendesak tidaklah tepat: seluler adalah metode akses utama dan seringkali eksklusif bagi banyak orang, termasuk di rumah, dan pengguna seluler secara rutin menyelesaikan tugas-tugas kompleks dan bernilai tinggi. Yang benar-benar berbeda adalah keterbatasan fisik layar, ketidakakuratan sentuhan, variabilitas koneksi, dan frekuensi gangguan. Mendesain untuk keterbatasan tersebut adalah hal yang wajar; mendesain untuk tujuan yang lebih sempit bukanlah hal yang tepat, dan hal itu menghasilkan kegagalan umum situs web seluler yang menghilangkan informasi yang sebenarnya dibutuhkan orang.

Konsekuensi terukur dari kesalahan ini terlihat di hampir setiap dataset perdagangan, di mana pangsa lalu lintas seluler melebihi desktop sementara konversi seluler jauh tertinggal. Sebagian dari kesenjangan itu memang nyata, mencerminkan riset tentang pembelian di perangkat seluler dan desktop, tetapi sebagian besar disebabkan oleh pengalaman yang lebih sulit digunakan: formulir yang sempit, halaman yang lambat, proses pembayaran yang canggung, dan konten yang tersembunyi di balik ketukan tambahan. Menganggap kesenjangan itu sebagai sesuatu yang tak terhindarkan daripada dapat didiagnosis adalah salah satu asumsi paling mahal yang dapat dibuat oleh sebuah bisnis.

Kendala lain yang harus ditangani secara eksplisit oleh pekerjaan yang mengutamakan perangkat seluler adalah interupsi. Sesi seluler lebih sering dijeda, dijalankan di latar belakang, dan dilanjutkan daripada sesi desktop, dan proses yang kehilangan status ketika hal ini terjadi akan menghukum perilaku yang sesuai dengan konteksnya. Menyimpan kemajuan formulir saat dimasukkan, memungkinkan sesi untuk dilanjutkan dari tempat terakhir berhenti, menghindari batas waktu yang ketat yang membuang data yang dimasukkan, dan mendukung pengembalian dari aplikasi eksternal seperti langkah otentikasi perbankan tanpa kehilangan transaksi, semuanya merupakan persyaratan, bukan penyempurnaan. Alur pembayaran yang mengarahkan ke langkah otentikasi dan tidak dapat pulih jika pengguna terlalu lama adalah contoh spesifik dan mahal, dan seringkali baru ditemukan setelah peluncuran.

Menutupnya biasanya membutuhkan pekerjaan di dua sisi secara bersamaan. Sisi interaksi dan tata letak berada di tangan... desain produk, sedangkan sisi pemuatan dan rendering berada di tangan kinerja web, karena perangkat dan jaringan seluler memperbesar setiap masalah berat dan pemblokiran sumber daya. Khususnya dalam perdagangan, target bernilai tertinggi hampir selalu adalah pembayaran seluler, itulah sebabnya e-commerce Analisis biasanya dimulai dengan mengukur saluran penjualan seluler secara terpisah, bukan dengan membaca angka gabungan yang menyembunyikan di mana kerugian terjadi.