This page is enhanced for Mobile user. Visit our full website here.

Tips Dalam Merancang Mobile Apps Untuk Layar Yang Besar


10 Nov 2022 by Billy Gani

Dengan meningkatnya penggunaan mobile apps untuk media perpesanan dan penyebaran foto seperti Snapchat dan Instagram, mobile apps dengan layar yang lebih besar senantiasa menjadi tren yang umum digunakan saat ini. Dan dengan adanya iPhone 14 & Samsung S21 Ultra yang dirilis belakangan ini, Anda tentunya semakin dapat menyadari kehadiran dari tampilan ruang layar yang semakin besar.

Jadi, mengapa para desainer dari mobile apps untuk bisnis Anda harus memperhatikan hal ini? Hal ini membuat Anda dapat senantiasa terbiasa dalam bekerja dan merancang desain yang sesuai dengan dimensi yang lebih besar. Ketika merancang desain untuk layar yang besar, Anda perlu memikirkan ulang tentang bagaimana pengguna berpindah dari setiap bagian layar tersebut.  Konten, navigasi, dan setiap gestur di dalamnya tentunya berubah.
 
Mungkin hal ini menantang untuk Anda, tetapi tidak usah khawatir. Berikut ini kami berikan beberapa cara untuk Anda dalam mengoptimalkan aplikasi dengan resolusi layar yang lebih luas tanpa mempengaruhi pengalaman pengguna yang ingin Anda berikan. 

Bagaimana Layar Yang Lebih Luas Mempengaruhi Pengalaman Pengguna

Di saat layar mobile apps pada 10 tahun terakhir memiliki rata-rata area layar setinggi 3.5 inch, layar dari mobile apps beberapa tahun ini senantiasa dirancang dengan lebih besar hingga mencapai 6.9 inch, hampir dua kali lipatnya. Contohnya Samsung Galaxy 9 Plus memiliki layar sebesar 6.2 inch jika dibandingkan dengan Samsung 9 yang tidak jauh berada pada 5.8 inch.

Ya, setiap layar senantiasa menjadi lebih besar. Tetapi, bukan berarti tangan kita juga. Salah satu tantangan terbesar untuk Anda adalah untuk merancang desain mobile apps yang tidak hanya nyaman digunakan dengan layar besar tetapi juga mudah untuk diakses.

Jadi, bagaimana cara Anda menciptakan mobile apps yang berfungsi secara efektif dengan ukuran layar besar tetapi juga menyajikan pengalaman yang positif untuk para pemegang handphone beresolusi lebih kecil? Desainer UI dari mobile apps Anda yang harus dapat menciptakan pengalaman pengguna yang menyenangkan perlu berfokus pada rancangan layar besar yang mudah bagi ibu jar merekai.

Memperhatikan "Zona Ibu Jari"

Istilah "zona ibu jari", yang diciptakan oleh Steven Hoober, yang menjadi salah satu faktor penting bagi siapa pun yang merancang desain untuk layar yang besar. Seperti yang ditemukan Hoober dalam penelitiannya yang sering dikutip di UX Matters, 75% orang menggunakan ibu jari sebagai digit telepon utama mereka, dan 49% menyukai untuk memegang handphone mereka dengan satu tangan.

Yang disebut ’zona ibu jari’, area di mana ibu jari manusia dapat bergerak dengan nyaman saat memegang perangkat seluler, sangat berpengaruh pada desain antarmuka dari perangkat seluler. Lagi pula, jika elemen UI Anda berada luar jangkauan, hal tersebut tidak berfungsi dengan efektif.

Interaksi dengan satu tangan dan satu jempol dalam perangkat seluler telah menjadi hal yang biasa. Masalahnya adalah, Anda berusaha untuk menutupi hampir 7 inci ruang layar dengan satu tangan membuat ibu jari Anda yang dibawah lebih banyak mendapatkan tekanan.
 
Karena Anda harus dapat berfokus pada pemeliharaan UX yang baik dan penggunaan ibu jari yang efektif, menemukan solusi desain antarmuka pengguna yang kreatif adalah kunci untuk meningkatkan pengalaman pengguna perangkat seluler dengan layar yang luas. Jadi, mari kita lihat beberapa hal utama yang perlu diingat saat merancang desain untuk layar seluler yang lebih besar.

Hierarki Konten

Ketika merancang desain untuk layar yang lebih luas dan penggunaan ibu jari yang lebih sering, pastikan bahwa kontrol dari layar berada pada jangkauan ibu jari. Pengguna yang menggunakan gestur satu tangan merespon lebih cepat dan lebih akurat ketika target berada di area tengah atau di bawah dekat layar, dibandingkan dengan ketika target diletakkan pada bagian ujung atas layar. 
 
Luke Wroblewski menjelaskan bahwa hal ini dapat terjadi karena ibu jari tidak harus melakukan upaya lebih untuk keluar dari zona nyamannya.
 
 
Dengan mendekatkan konten yang penting dan elemen UI pada bagian tengah menuju bawah dari tampilan layar, pengguna dapat merasa lebih mudah untuk bekerja dengan satu tangan pada aplikasi Anda dan layar perangkat mereka yang lebih besar.

Pola Navigasi

Membuat pengguna berpindah dari Titik A ke Titik B secara efektif harus menjadi tugas nomor pada daftar tugas dari mobile apps Anda, karena hanya aplikasi yang dapat ditemukan yang akhirnya akan digunakan.
 
Berikut beberapa cara untuk memastikan bahwa tampilan layar yang besar dari Anda dapat diakses oleh pengguna:

Interaksi

Dalam artikel UX Matters, Steven Hoober menjelaskan bahwa bagian tengah layar adalah tempat orang mengetuk yang paling cepat dan paling mudah. Namun tidak berarti bahwa mereka tidak dapat menggunakan bagian lain dari layar: seperti yang ditunjukkan Hoober, mereka hanya mengubah cengkeraman mereka sedikit dan melanjutkan.

Hal ini dapat membebaskan Anda untuk memikirkan jenis gerakan apa yang dapat Anda gunakan di berbagai area layar. Ikon yang ditempatkan di tengah akan bekerja paling baik dengan ketukan, sementara yang paling kiri dapat dirancang sebagai pergeseran ke kanan. Sejak ledakan dari aplikasi Tinder di dunia kencan online, banyak aplikasi yang juga mengadopsi pergeseran ini sebagai gerakan utama mereka.
 
 
Berikut adalah beberapa tips yang dapat kami berikan dalam merancang desain untuk resolusi perangkat yang lebih lebar dan luas. Jika Anda masih membutuhkan bantuan untuk merancang desain atau aplikasi dari bisnis Anda, kami dapat membantu.

Untuk Anda yang saat ini membutuhkan layanan Mobile App Development di Jakarta baik dalam industri Anda seperti jasa Konsultasi Produk, Project Management, UI / UX Design, Development, Testing, Deployment (ke server App Store / PlayStore atas nama perusahaan klien), Source-Code, serta FREE Maintenance selama 3 bulan,  EANNOVATE dapat menjadi solusi Anda.