Dalam desain web, ada waktu dan tempat untuk fitur yang membuat pengguna “wow”. Animasi yang mencengangkan, efek grafis yang kompleks, dan multimedia imersif adalah beberapa hal yang muncul di benak Anda.
Elemen-elemen ini dapat meningkatkan pengalaman pengguna (UX). Namun, satu ukuran tidak cocok untuk semua. Orang-orang menggunakan web dengan cara yang berbeda. Ada berbagai ukuran layar dan kecepatan koneksi yang perlu dipertimbangkan. Jadi, apa yang menghasilkan senyuman untuk satu pengguna dapat menyebabkan sakit kepala bagi pengguna lainnya.
Itulah mengapa sulit untuk menduplikasi pengalaman desktop di perangkat seluler. Beberapa elemen dapat diterjemahkan dengan sempurna. Tetapi yang lain bisa jadi tidak praktis. Di sinilah desainer harus memilih antara refactoring atau menghapus fitur.
Hari ini, kita akan melihat beberapa fitur desktop yang harus Anda pertimbangkan untuk tidak digunakan di perangkat seluler. Secara umum, barang-barang ini cenderung menghalangi. Dan mereka dapat mencegah pengguna mendapatkan hasil mactionmal dari situs web Anda.
Animasi UI yang Kompleks
Animasi bisa menjadi alat yang hebat untuk menarik perhatian pengguna. Kerangka kerja CSS dan JavaScript membuat penambahan gerakan lebih mudah dari sebelumnya.
Tetapi beberapa animasi lebih cocok untuk layar besar daripada perangkat seluler. Pertimbangkan efek transisi halaman yang kompleks. Atau tata letak UI yang menyertakan urutan yang sangat tersinkronisasi. Di desktop, mereka dapat menambah kepribadian. Tidak begitu banyak di telepon.
Mengakses informasi dengan cepat sangat penting bagi pengguna seluler. Misalnya, bayangkan seseorang yang sedang dalam perjalanan mencari petunjuk arah ke toko. Membuat mereka menunggu sementara alamat toko mengalir ke tempatnya tidaklah efisien – ini merupakan hambatan.
Bukan berarti animasi tidak bermanfaat di layar kecil. Ini mungkin hanya untuk orientasi pengguna baru. Namun, konteks itu penting.
Sebelum meneruskan animasi dari desktop ke seluler, pikirkan tentang tujuannya. Bagaimana ini akan memengaruhi kegunaan? Jika itu murni dekoratif atau bisa menghalangi, Anda mungkin ingin melewatkannya.
Penggeser dan Video Lebar Penuh
Penggunaan slider dalam desain web modern masih bisa diperdebatkan. Di satu sisi, tayangan slide dengan lebar penuh masih dapat menciptakan pengalaman visual yang menarik. Namun itu juga dapat memonopoli real estat layar dan sumber daya sistem.
Kelemahan tersebut diperburuk pada perangkat seluler. Dan manfaat visual juga dapat ditiadakan – terutama jika presentasi mempertahankan rasio aspek yang lebar. Gambar tampak lebih kecil di layar. Tetapi jumlah kode yang sama dimuat terlepas dari itu.
Dengan Google mendorong metrik Data Web Inti, penggeser membuat pencapaian skor tinggi menjadi jauh lebih sulit. Dengan demikian, itu bisa menjadi perbedaan apakah sebuah situs web lolos.
Kegunaan juga menjadi perhatian. Presentasi yang dipangkas dapat membuat slide lebih sulit untuk dibaca atau berinteraction. Anda dapat berupaya meningkatkan pengalaman seluler. Namun itu mungkin masih belum cukup untuk membenarkan pencapaian kinerja.
Namun, membuang penggeser tidak berarti puas dengan UX yang membosankan. Menggantinya dengan area pahlawan tradisional dapat membantu mempertahankan perpesanan tanpa kelebihan beban.
Elemen yang Dapat Diklik Yang Membutuhkan Interaction Tepat
Elemen UI interaktif menghadirkan tingkat polesan pada desain. Alat visualisasi data seperti bagan dan infografis dapat membantu pengguna memahami konsep yang kompleks. Dan bahkan item sederhana seperti akordeon dan tata letak tab menghasilkan pengalaman desktop yang lebih rapi.
Tetapi manfaatnya tidak selalu universal. Dalam beberapa kasus, berinteraction dengan elemen-elemen ini sulit bagi pengguna seluler. Secara khusus, kita berbicara tentang fitur yang memerlukan klik atau sentuhan yang tepat.
Bayangkan bagan pai interaktif tempat mengeklik “irisan” akan menampilkan data. Pengguna desktop memiliki lebih banyak ruang layar untuk dimainkan. Mereka juga cenderung memiliki alat penunjuk atau papan ketik untuk membantu mereka bernavigasi.
Di ponsel, elemen tersebut mungkin menyusut agar sesuai dengan layar yang lebih kecil. Dan mereka meminta pengguna untuk menyentuh grafik di tempat yang tepat. Ada sedikit margin untuk kesalahan. Mungkin bagi mereka untuk memperbesar. Tapi mereka mungkin harus memperkecil lagi untuk membaca teks dengan nyaman.
Ada kemungkinan solusi. Anda dapat memfaktorkan ulang bagan untuk pengguna seluler. Alih-alih membutuhkan sentuhan untuk mengakses data, menampilkan kunci berkode warna akan menghilangkan penghalang ini.
Satu Situs Web, Berbagai Pengalaman Pengguna
Sangat mudah terjebak dalam perangkap mencoba mereplikasi pengalaman desktop di seluler. Mungkin bermaksud baik. Namun, ada juga risiko mempersulit pengguna seluler.
Di situlah konsep peningkatan progresif masuk. Dengan membangun fitur penting terlebih dahulu, kami memastikan semua orang dapat mengakses informasi yang mereka butuhkan. Dari sana, kita dapat menambahkan bel dan peluit yang mengilap untuk perangkat yang mendapat manfaat darinya.
Terkadang itu berarti menghindari atau mengubah fitur desktop untuk pengguna seluler. Namun, klien belum tentu memahami alasan di balik logika ini.
Oleh karena itu, perlu diperhatikan bahwa pengalaman pengguna dengan situs web akan sangat bergantung pada perangkat mereka. Tujuannya bukan untuk membuat UX tunggal. Sebaliknya, ini tentang membuat kompak salah satu yang melayani pengguna.
Mudah-mudahan, para pemangku kepentingan akan setuju dengan konsep ini. Kemudian Anda dapat bekerja sama menuju situs web yang melayani setiap pengguna.
