Internet telah berubah sejak kedatangan era baru ponsel
pinter/smartphone dan tablet. Jika dulu konsep ‘mobile sites’ masih
dianggap tidak terlalu penting, kini semua itu telah berubah. Kebanyakan
komputasi sekarang bisa dilakukan dimana saja dan kapan saja
menggunakan perangkat mobile.
Sebagian besar website kini telah memiliki versi mobile atau aplikasi untuk iPhone dan Android untuk memasuki pasar besar pengguna mobile internet.
Jika kamu ingin memasuki pasar tersebut, maka perlu mengoptimalkan situsmu untuk pengguna mobile. Untuk itu kami akan berikan 10 tips dan trik untuk membantu mengoptimalkan websitemu lebih mobile-friendly.
1. Tetap sederhana
Informasi apa saja yang ingin ditampilkan? Ruang sangat terbatas, mobile bandwidth tidak cukup baik seperti pada desktop. Sehingga kamu tidak bisa memaksakan untuk menampilkan banyak informasi.
Jika kamu menjual produk atau layanan online melalui website dan ingin dapat menjualnya juga ke pengguna ponsel, maka perlu membuat langkah-langkah entri data untuk membeli tetap sederhana dan seminimal mungkin. Kurangi langkah-langkah proses membeli yang tidak penting.
2. TouchSwipe
TouchSwipe adalah plugin jQuery yang memungkinkan pengguna ponsel untuk menggunakan gerakan sentuh seperti mencubit, menggesek, zoom dan scroll di website.
Karena semakin banyak website yang meninggalkan penggunaan keyboard fisik dan banyak mendukung layar sentuh, mungkin ini adalah hal yang harus dipertimbangkan untuk menggunakan plugin ini.
3. Rancang tata letak website
Seperti yang telah disebutkan di atas, website versi mobile akan memuat lebih lambat dari versi desktop biasa. Itulah mengapa penting untuk mengurangi semua konten non-esensial dari versi mobile. Hal ini bertujuan untuk membuat agar bisa dibuka secepat mungkin.
Pertahankan jumlah halaman seminimal mungkin dan merampingkan layout website seefisien mungkin (karena pengguna biasanya tidak sabaran untuk mengklik beberapa halaman untuk mendapatkan informasi yang mereka cari).
Idealnya, sebuah website harus rapi, menyediakan fungsi navigasi yang baik dan meningkatkan keseluruhan pengalaman pengguna ketika mengunjungi website.
4. Splash Screen
Splash Screen adalah gambar pertama yang muncul ketika menjalankan program di komputer atau aplikasi pada smartphone. Ini bertujuan untuk membiarkan pengguna mengetahui bahwa apps / program sedang loading.
Kamu bisa menggunakan splash screen untuk versi mobile website dengan sedikit kode HTML dibawah ini:
5. Gunakan spasi
Ketika merancang sebuah situs web mobile, kecenderungan kita adalah selalu ingin menjejalkan sebanyak mungkin konten di sana. Kurangi keinginan itu. Ruang kosong dan spasi memiliki beberapa keuntungan. Pertama, membuat situs terlihat baik. Kedua, itu berarti bahwa tombol klik pengguna terlihat jelas.
7. Tetap jelas tanpa jendela pop-up
Untuk menjelajahi berbagai tab pada ponsel atau tablet cukup sulit dilakukan. Hal itu memakan waktu lebih lama untuk memuat dan membuat pengalaman pengguna menjadi sangat buruk. Itulah mengapa penting website untuk tetap jelas tanpa jendela pop-up yang menganggu.
8. Gunakan mobile redirects
Memiliki situs mobile itu bagus. Namun, apa gunanya jika tidak bisa mendeteksi pengguna mobile dan mengarahkan mereka langsung ke versi mobile dari situsmu? Kamu perlu menggunakan mobile redirects. Ini akan mendeteksi pengguna ponsel dan mengarahkan mereka ke versi mobile dari webste.
9. Minimalkan penggunaan input teks
Rata-rata pengguna tidak suka menulis terlalu banyak pada ponsel mereka. Itu bisa dimengerti, karena mudah terjadi salah ketik saat mengetik pada keyboard yang sempit pada perangkat mobile. Itulah sebabnya, minimalkan penggunaan input berbasis teks, gunakan menu drop-down, checklist dan jenis-jenis lainnya untuk menampilkan informasi.
10. Biarkan orang melihat tampilan webiste secara penuh (full site)
Seperti kita ketahui, bahwa situs mobile telah mengurangi beberapa fungsi, dibandingkan dengan tampilan webiste secara penuh. Ada beberapa orang-orang ingin informasi yang ditampilkan tidak secara mobile, tetapi secara penuh dan lengkap. Kita hanya perlu memberikan pengguna pilihan untuk menggunakan situs secara penuh atau mobile. Pastikan setiap halaman mobile memiliki beberapa link yang memungkinkan pengguna untuk kembali ke webiste secara penuh.
Semoga tips diatas dapat membantu lebih mengoptimalkan situsmu untuk pengguna mobile. Selamat mencoba!
Sebagian besar website kini telah memiliki versi mobile atau aplikasi untuk iPhone dan Android untuk memasuki pasar besar pengguna mobile internet.
Jika kamu ingin memasuki pasar tersebut, maka perlu mengoptimalkan situsmu untuk pengguna mobile. Untuk itu kami akan berikan 10 tips dan trik untuk membantu mengoptimalkan websitemu lebih mobile-friendly.
1. Tetap sederhana
Informasi apa saja yang ingin ditampilkan? Ruang sangat terbatas, mobile bandwidth tidak cukup baik seperti pada desktop. Sehingga kamu tidak bisa memaksakan untuk menampilkan banyak informasi.
Jika kamu menjual produk atau layanan online melalui website dan ingin dapat menjualnya juga ke pengguna ponsel, maka perlu membuat langkah-langkah entri data untuk membeli tetap sederhana dan seminimal mungkin. Kurangi langkah-langkah proses membeli yang tidak penting.
2. TouchSwipe
TouchSwipe adalah plugin jQuery yang memungkinkan pengguna ponsel untuk menggunakan gerakan sentuh seperti mencubit, menggesek, zoom dan scroll di website.
Karena semakin banyak website yang meninggalkan penggunaan keyboard fisik dan banyak mendukung layar sentuh, mungkin ini adalah hal yang harus dipertimbangkan untuk menggunakan plugin ini.
3. Rancang tata letak website
Seperti yang telah disebutkan di atas, website versi mobile akan memuat lebih lambat dari versi desktop biasa. Itulah mengapa penting untuk mengurangi semua konten non-esensial dari versi mobile. Hal ini bertujuan untuk membuat agar bisa dibuka secepat mungkin.
Pertahankan jumlah halaman seminimal mungkin dan merampingkan layout website seefisien mungkin (karena pengguna biasanya tidak sabaran untuk mengklik beberapa halaman untuk mendapatkan informasi yang mereka cari).
Idealnya, sebuah website harus rapi, menyediakan fungsi navigasi yang baik dan meningkatkan keseluruhan pengalaman pengguna ketika mengunjungi website.
4. Splash Screen
Splash Screen adalah gambar pertama yang muncul ketika menjalankan program di komputer atau aplikasi pada smartphone. Ini bertujuan untuk membiarkan pengguna mengetahui bahwa apps / program sedang loading.
Kamu bisa menggunakan splash screen untuk versi mobile website dengan sedikit kode HTML dibawah ini:
<link rel = “apple-touch-startup-image” href = “percikan-screen.png” />Setelah menambahkan kode tersebut, maka ketika pengguna membuka aplikasi, gambar yang dipilih tadi akan muncul sekilas sebelum memasuki tampilan utama aplikasi. Ini akan membuat website terlihat sedikit lebih keren dan juga akan meningkatkan pengalaman pengguna.
5. Gunakan spasi
Ketika merancang sebuah situs web mobile, kecenderungan kita adalah selalu ingin menjejalkan sebanyak mungkin konten di sana. Kurangi keinginan itu. Ruang kosong dan spasi memiliki beberapa keuntungan. Pertama, membuat situs terlihat baik. Kedua, itu berarti bahwa tombol klik pengguna terlihat jelas.
7. Tetap jelas tanpa jendela pop-up
Untuk menjelajahi berbagai tab pada ponsel atau tablet cukup sulit dilakukan. Hal itu memakan waktu lebih lama untuk memuat dan membuat pengalaman pengguna menjadi sangat buruk. Itulah mengapa penting website untuk tetap jelas tanpa jendela pop-up yang menganggu.
8. Gunakan mobile redirects
Memiliki situs mobile itu bagus. Namun, apa gunanya jika tidak bisa mendeteksi pengguna mobile dan mengarahkan mereka langsung ke versi mobile dari situsmu? Kamu perlu menggunakan mobile redirects. Ini akan mendeteksi pengguna ponsel dan mengarahkan mereka ke versi mobile dari webste.
9. Minimalkan penggunaan input teks
Rata-rata pengguna tidak suka menulis terlalu banyak pada ponsel mereka. Itu bisa dimengerti, karena mudah terjadi salah ketik saat mengetik pada keyboard yang sempit pada perangkat mobile. Itulah sebabnya, minimalkan penggunaan input berbasis teks, gunakan menu drop-down, checklist dan jenis-jenis lainnya untuk menampilkan informasi.
10. Biarkan orang melihat tampilan webiste secara penuh (full site)
Seperti kita ketahui, bahwa situs mobile telah mengurangi beberapa fungsi, dibandingkan dengan tampilan webiste secara penuh. Ada beberapa orang-orang ingin informasi yang ditampilkan tidak secara mobile, tetapi secara penuh dan lengkap. Kita hanya perlu memberikan pengguna pilihan untuk menggunakan situs secara penuh atau mobile. Pastikan setiap halaman mobile memiliki beberapa link yang memungkinkan pengguna untuk kembali ke webiste secara penuh.
Semoga tips diatas dapat membantu lebih mengoptimalkan situsmu untuk pengguna mobile. Selamat mencoba!