Mengenal Lebih Dekat Mobile First -Trend Web Design yang Booming

Mobile First

Istilah “mobile first” adalah konsep yang digunakan dalam desain web dan konsepsi situs web.

Berdasarkan konsep ini, versi yang dioptimalkan untuk perangkat seluler dibuat pertama dan kemudian diperluas. Dengan demikian, strategi “mobile first” mengikuti tren bahwa semakin banyak pengguna yang berselancar di Internet dengan smartphone atau tablet mereka, dan bukan dengan desktop.

Pengembangan web dan desain web sejak awal hanya berfokus pada mendesain situs untuk desktop yang tidak bergerak. Pertama, desain seperti itu relatif sederhana karena bandwidth downstream yang lebih kecil, karena koneksi ke Internet pada 1990-an masih dilakukan melalui modem dial-up dengan kecepatan maksimum hingga 54 kbit / s. Akibatnya, desain dan fungsionalitas harus disesuaikan dengan kecepatan selancar. Akhirnya situs web dapat menawarkan lebih banyak fitur, karena mengunduh menjadi lebih cepat berkat DSL. Dengan Internet berkecepatan tinggi melalui VDSL, kecepatan lebih dari 100 Mbit / s dapat dicapai tergantung pada wilayah. Kecepatan memuat situs web modern tidak dapat diwujudkan hari ini dengan modem dial-up konvensional.

Tetapi sementara akses internet di rumah dengan cepat berevolusi, Internet seluler berkembang paralel dengannya, yang dapat dioperasikan sejak awal dengan standar GSM dan menjalani spesialisasi pertama dengan WAP. Setelah koneksi data seluler menjadi lebih cepat dan sekarang mencapai puncaknya saat ini (per Mei 2014) dengan LTE seluler generasi keempat, Internet seluler menjadi semakin populer. Di Jerman, misalnya, lebih dari 70 persen pengguna Internet berselancar di Internet pada smartphone mereka pada 2013.

Dalam perkembangan paralel ini, perancang web, webmaster, dan SEO harus lebih sering bertanya pada diri sendiri bagaimana konten dapat dioptimalkan untuk perangkat seluler. Pengoptimalan seluler adalah konsekuensi dari pertimbangan di atas.

Ini didasarkan pada pendekatan yang mengorientasikan desain presentasi dan kegunaan situs web pada awalnya pada kegunaan seluler. Oleh karena itu Mobile pertama menggantikan pendekatan solusi sebelumnya dari desain responsif.

Strategi “mobile first” memiliki pendekatan yang berbeda, khususnya di awal semua pertimbangan. Tren seperti desain responsif menangkap ide-ide ini.

Google sekali lagi meningkatkan makna ponsel sejak menjadikan Mobile Friendeness 2016 sebagai faktor peringkat, dan kemudian membuat indeks seluler menjadi indeks utama.

Prinsip

Situs web biasanya dirancang untuk desktop. Desainer dan programmer web mengembangkan fungsionalitas dan grafik yang luas, yang dirancang untuk layar besar maupun koneksi data cepat. Versi mobile dari toko online atau situs web direncanakan hanya sebagai langkah kedua dan biasanya hanya semacam “tambahan” ke situs web utama. Untuk keperluan seluler terlebih dahulu, prioritasnya dibalik.

Ketika subhalaman seluler pada awalnya dibuat, mereka dapat diidentifikasi oleh m. di depan nama domain. Pengguna mengakses halaman ini secara eksklusif melalui smartphone mereka. Masalah segera muncul dengan URL seluler ini, pertama-tama dan terutama dalam desain. Seringkali, desain halaman seluler menyimpang dengan kuat dari beranda, sehingga tidak ada pengakuan yang jelas antara kedua varian halaman. Masalah lain adalah jumlah ukuran tampilan yang berbeda pada smartphone.

Karena penyajian situs web seluler yang seragam tidak dimungkinkan, pada 2010, desain dinamis dikembangkan yang menandai standar untuk desain ramah-seluler: desain responsif. Elemen-elemen desain individu di CSS dikendalikan oleh Media Queries sedemikian rupa sehingga tampilan situs web menyesuaikan dengan ukuran browser dengan penskalaan. Ini mencegah pengguna untuk memperbesar tampilan smartphone saat melihat, dan mencegah elemen halaman tidak terputus secara tidak sengaja di layar ponsel.

Salah satu kelemahan dari desain responsif adalah bahwa beberapa halaman pada smartphone ditampilkan dalam “mode tanpa akhir”, yang berarti bahwa pengguna harus menggulir tanpa henti untuk sampai ke bagian bawah halaman. Solusinya adalah kemudian sering mempersingkat teks, dan menghapus gambar dan grafik dari desain ponsel. Namun, ini tentu saja memperburuk kegunaan, sedangkan niat responsif adalah untuk meningkatkan kegunaan pada perangkat seluler.

Prinsip ponsel pertama kali muncul dari masalah ini. Dengan mobile terlebih dahulu, prioritasnya dibalik: desain atau struktur situs web didasarkan pada presentasi pada perangkat seluler, terutama smartphone. Pendekatan ini didasarkan pada pertimbangan berikut, yang membentuk dasar dari desain situs web masa depan:

  • Apa aspek utama dari situs web saya?
  • Elemen apa dari situs web saya yang mutlak diperlukan untuk desain situs web?
  • Area mana yang harus bekerja pada desktop dan perangkat seluler?
  • Untuk ukuran layar manakah konten saya dibuat?

Konsep situs web dengan demikian terbatas pada yang belum sempurna dan esensial. Hanya yang benar-benar diperlukan yang diprogram dan diatur untuk memaksimalkan fungsionalitas pada semua perangkat. Sketsa situs web dirancang langsung untuk layar ponsel cerdas. Ini tidak meninggalkan ruang untuk gambar atau fungsi besar. Elemen-elemen ini, dioptimalkan untuk smartphone, kemudian disusun lebih komprehensif di beranda.

Kode sumber juga dikurangi. Fungsi-fungsi tertentu seperti JavaScript tidak selalu diperhitungkan dalam ponsel terlebih dahulu. Situs itu sendiri dapat segera diprogram dalam HTML5.

Keuntungannya

Jika Anda mengikuti strategi seluler pertama, Anda akan mendapat manfaat dari banyak keuntungan. Pertama, Mobile First mengikuti tren peningkatan penggunaan ponsel saat ini, karena optimasi seluler terjadi di awal desain situs web. Versi desktop situs web juga dapat mengambil manfaat dari seluler terlebih dahulu, karena bukan hanya pendekatan desain – tetapi juga pendekatan berbasis konten, karena hanya konten yang paling penting yang digunakan. Dimungkinkan untuk memperluas situs nanti tanpa masalah. Selain itu, halaman web yang dioptimalkan untuk perangkat seluler dapat lebih mudah disesuaikan dengan perkembangan baru, karena strukturnya jauh lebih ramping daripada situs web yang diprogram secara konvensional.

Kritik Terhadap Ponsel Terlebih Dahulu

Para kritikus percaya bahwa konsep situs web sangat terbatas oleh prinsip mobile-first. Meskipun banyak halaman sekarang dioptimalkan untuk keramahan pengguna seluler, pengalaman pengguna di desktop juga akan terganggu karena kegunaannya tidak perlu rumit. Misalnya, seseorang harus mencari panel kontrol individu di bilah navigasi tersembunyi. Kritik lebih lanjut adalah bahwa halaman yang dibuat untuk perangkat seluler mungkin terlihat minimalis di versi desktop.

Pendekatan alternatif seperti desain pertama pengguna atau desain berbasis perjalanan menempatkan perilaku pengguna di latar depan desain situs web. Fakta bahwa pengguna mengkonsumsi konten yang berbeda di smartphone atau tablet mereka selain di desktop juga diperhitungkan.

mobile first

Mobile First, Google dan SEO

Google telah semakin meningkatkan pentingnya Mobile First sejak kelompok mesin pencari menjadikan Mobile Friendeness sebagai faktor peringkat pada tahun 2016 dan kemudian indeks ponsel menjadi indeks utama. Sejak itu, versi situs web seluler dirayapi alih-alih versi desktop.

Mobile First juga berdampak pada optimasi mesin pencari. Elemen-elemen seperti pencarian suara, pencarian suara dan Page Speed ​​menjadi semakin penting. Halaman pertama Mobile harus memberikan prioritas khusus untuk mengoptimalkan ini.

Author: Eli Carter