MOBILE FIRST: INSIGHTS FROM GOING MOBILE ONLY

Proweb Indonesia menjelaskan dalam merancang tampilan website, kita perlu memikirkan bagaimana supaya tampilan website yang sudah kita kembangkan dapat terlihat secara baik di handphone, tablet dan notebook. Secara teknis  kita dapat mengembangkan tampilan website dengan karakteristik tersebut dengan sebutan  responsive design. Kita dapat merancang tampilan layar yang lebih lebar dahulu, lebih kecil dan paling kecil. Tetapi kita juga dapat merancang tampilan mulai tampilan di handphone, kemudian merancang tampilan di tablet baru dilanjutkan merancang tampilan dalam notebook. Strategi inilah yang disebut Mobile First Strategy.

  1. Membuat navigasi mudah

Pola navigasi terbaik untuk digunakan pada ponsel adalah navigasi combo. Sebuah menu combo memungkinkan pengguna untuk melihat pilihan yang paling mereka butuhkan. Situs Apple melakukan hal ini dengan sangat baik.

Konten situs diletakkan dengan baik sehingga saya tidak perlu tombol navigasi. Kita dapat menggulir halaman denngan sangat mudah, tapi tombol “beli sekarang” selalu terlihat dan tersedia dalam kasus ketika kita akan memutuskan untuk membeli.

Dan jika kita tidak dapat menemukan apa yang kita butuhkan setelah pemindaian halaman, kita selalu dapat menggali lebih dalam navigasi untuk menemukan apa yang tersedia. Apple adalah contoh yang bagus tentang bagaimana untuk membuat pengalaman mobile terbaik bagi pengguna.

Dan jika kita tidak dapat menemukan apa yang kita butuhkan setelah pemindaian halaman, kita selalu dapat menggali lebih dalam navigasi untuk menemukan apa yang tersedia.

Bersama-sama, pola navigasi combo dan konten dalam halaman-halaman situs Apple adalah contoh yang bagus tentang bagaimana untuk membuat pengalaman mobile terbaik bagi pengguna.

  1. Desain untuk jempol

Ada banyak penelitian tentang Zona Thumb (area jempol), namun banyak situs dan aplikasi masih tetap menggunakan navigasi mereka di atas layar.

Jika Anda melihat Zona Thumb, Anda dapat melihat bahwa semakin besar perangkat, semakin sulit bagi pengguna untuk mencapai konten di tepi luar layar. Ingatlah hal ini ketika Anda sedang merancang.

Jika Anda melihat Safari Browser, aplikasi Google Now, atau situs web seluler yang dikarang seperti Pitchfork, Anda akan melihat bahwa navigasi utama adalah di bagian bawah layar.

Kami melihat pengalaman mobile, bahkan di web, bergerak navigasi mereka ke arah bawah yang lebih mudah untuk digunakan pengguna.

  1. Membuat klik bermakna

Ada kesalahan ini yang mengapung di seluruh dunia UX memberitahu semua orang bahwa kurang klik berarti pengalaman yang lebih baik. Dan jika pengguna tidak perlu klik, maka orang yang menciptakannya harus menjadi semacam UX dewa.

Nah, inilah kebenarannya: Pengguna tidak akan keberatan klik ekstra selama mereka bermakna.

“Pengguna tidak akan keberatan klik ekstra selama klik itu bermakna.”

  1. Membuat konten mudah dicerna

Pikirkan apa yang terjadi ketika Anda pergi ke restoran dan membuka menu. Apakah Anda lebih cepat untuk membuat keputusan ketika menu memiliki 10 item dengan gambar di samping mereka atau itu lebih mudah bila Anda memiliki 4 halaman 50 + item potensial untuk membaca?

“Desain Kartu berbasis membuat konten Anda mudah untuk berinteraksi dalam waktu terbatas.”

Ada alasan Google memilih untuk membuat desain kartu berbasis standar mereka dan seluruh web telah perlahan-lahan disesuaikan. Setiap kartu mewakili sepotong dicerna informasi-biasanya terkait didefinisikan oleh judul, gambar atau grafis, dan string teks singkat yang memberikan Anda gambaran umum. Gaya ini memberikan pengguna cukup informasi untuk memutuskan apakah mereka ingin menjelajahi lebih dalam atau pindah dalam jumlah yang sangat singkat.

Hanya karena Anda memiliki banyak untuk memberitahu pengguna Anda tidak berarti mereka ingin menghabiskan waktu mereka bergulir melalui halaman konten untuk membuat keputusan. Tidak ada yang ingin membaca seluruh cerita. Paragraf jargon teknis yang dibuat untuk keperluan internal. Dan jangan takut untuk memberikan poin-poin sehingga pengguna dapat membaca, memahami, dan melanjutkan.

Memberikan pengguna Anda tingkat tinggi gambaran awalnya, kemudian semakin memberikan informasi lebih lanjut karena mereka menggali lebih dalam hanya cukup untuk menjaga mereka tertarik dan bergerak maju, tapi tidak terlalu banyak sehingga mereka menjadi macet.

  1. Optimalkan Layar Realty

Ketika pengguna Anda bergulir atau mencoba membaca, menyembunyikan navigasi Anda sehingga mereka memiliki lebih banyak layar realty untuk mengeksplorasi konten dan Anda menempatkan konten yang strategis sehingga mereka tidak perlu menggunakan navigasi Anda jika mereka tidak ingin.

Jangan pernah memaksa iklan pada pengguna Anda yang mengambil alih layar, terutama ketika mereka berada di tengah-tengah membaca atau berinteraksi dengan konten. Tidak ada yang membuat pengguna ingin meninggalkan situs Anda lebih dari iklan yang mengambil alih pengalaman mereka dan membuat mereka menunggu 15 detik sampai mereka bisa kembali ke apa yang mereka lakukan. Buh bye.

Jika Anda akan mendorong iklan untuk pengguna Anda, membuat mereka di streaming dan berdasarkan konteks apa yang pengguna Anda cari.

Jika pengguna melihat sebuah cerita tentang pembelajaran mesin dan iklan dalam artikel yang tentang bagaimana mereka dapat belajar lebih banyak tentang mesin belajar atau sebaliknya berkaitan dengan subjek, itu tidak begitu buruk. Tapi ketika platform Anda mendorong iklan sama sekali tidak berhubungan dengan apa yang pengguna Anda sedang jajaki, seperti mendorong iklan tentang produk sebelumnya mereka melihat di Amazon, saat itulah pengalaman Anda mulai merasa lebih seperti sebuah platform iklan.

“Hargai pengguna Anda dan mereka akan menghargai Anda.” Tidak ada yang lebih buruk daripada ketika Anda merusak pengalaman pengguna Anda.

  1. Gunakan Animasi Bermakna

Terlalu banyak aplikasi mencoba untuk menggunakan animasi sebagai bantuan untuk pengalaman buruk yang mereka buat. Ingat bahwa animasi yang ada untuk membantu menjelaskan apa yang terjadi, tidak menghibur. Anda tidak membuat film Disney.

Jika kita akan melalui proses yang panjang, menunjukkan berapa lama kita telah meninggalkan. Jika saya membuka sesuatu, biarkan kita melihatnya terbuka di depan mata. Jika kita menutup sesuatu, biarkan kita melihatnya meminimalkan atau menghilang dari layar. Tidak pernah menjatuhkan petunjuk di suatu tempat dengan tidak ada indikasi di mana mereka telah mendarat atau bagaimana pun baru saja terjadi. Dan demi segala sesuatu sering terlupakan, pastikan ada tombol kembali! Animasi bisa menjadi cara yang bagus untuk membuat pengalaman Anda ekspresif.

Animasi dapat menjadi pelengkap yang bagus untuk pengalaman Anda jika digunakan secara tepat. Gunakan animasi untuk membantu pengguna Anda memahami apa yang terjadi di seluruh pengalaman mereka atau untuk meningkatkan sebaliknya, tidak untuk menghibur.