5 Tantangan Desain UI Seluler yang Masih Belum Punya Jawaban Mudah

Diterbitkan: 2016-03-04

[ Proto .io adalah alat pembuatan prototipe aplikasi seluler yang digunakan oleh pengusaha dan pemula untuk membuat prototipe realistis yang sepenuhnya interaktif yang terlihat dan terasa seperti aplikasi nyata.]

Kami telah hidup di dunia yang dioptimalkan untuk seluler begitu lama sehingga mudah untuk menerima desain UI seluler begitu saja. Remaja yang memasuki sekolah menengah tahun ini baru memasuki taman kanak-kanak ketika iPhone pertama kali diluncurkan. Situs web yang tidak memiliki pengalaman seluler tampak seperti peninggalan zaman dulu, dikelola oleh neo-luddites yang akan mencemooh gagasan membawa komputer kecil di dompet Anda, atau bahkan memakainya di pergelangan tangan Anda. Pada titik ini, hampir satu dekade setelah smartphone menjadi zeitgeist, kami pasti telah menemukan jawaban untuk semua tantangan desain UI seluler kami, bukan?

mobile-ui-design-Android_logo___R

Salah. Terlepas dari rencana terbaik untuk mouse dan pria, desain responsif tidak memuluskan setiap pengalaman pengguna yang kusut saat beralih dari desktop ke tablet ke seluler, dan beberapa masalah terus menyodok sisi desainer dan pengembang UI seluler — untuk tidak berbicara apa-apa dari pengguna. Kita semua telah berjuang untuk secara mental melengkapi judul artikel yang telah terpotong tanpa bisa dikenali di ponsel cerdas kita, atau bergulat dengan elemen UI yang tidak akan bergerak tidak peduli seberapa keras kita menggeseknya.

Tantangan desain UI seluler berikut terus mengganggu desainer, pengembang, dan pengusaha. Inilah cara mereka menangani:

1. Tetap sederhana sambil tetap kaya fitur .

safevpn-all-devices_mobile-UI-design

Sagi Gidali adalah Co-Founder dan CPO di SaferVPN (@SaferVPN). Dengan keahlian UI dan UX selama lebih dari satu dekade, dia telah memecahkan beberapa tantangan desain UI seluler, tetapi teka-teki berikut tetap menjadi duri di pihak timnya:

“Saya akan mengatakan bahwa tantangan desain/UX kami adalah mengintegrasikan fitur yang lebih rumit dari aplikasi kami dengan jumlah teks atau gangguan visual sesedikit mungkin.

VPN adalah produk yang sangat teknis yang sering digunakan oleh pengguna yang sangat paham teknologi. Tantangan kami adalah membuat layanan kami dapat diakses semudah mungkin bagi pengguna kami yang kurang paham teknologi, sambil juga menawarkan opsi yang disesuaikan untuk mereka yang lebih melek teknologi.

Jadi meskipun kami memiliki fitur dan pengaturan kompleks yang berjalan di latar belakang, di latar depan kami menjaga UX kami tetap bersih dan sederhana. Misalnya, banyak pengaturan kami yang paling canggih dioptimalkan secara otomatis dan bagi mereka yang lebih paham teknologi, kami memberikan peluang yang jelas dan sederhana untuk lebih menyesuaikan pengalaman mereka dalam menu pengaturan yang mudah diakses.

Ini membantu kami menjaga preferensi yang lebih canggih ini agar tidak mengacaukan keseluruhan UX dan antarmuka kami sehingga siapa pun dapat dengan mudah menikmati manfaat layanan kami dengan satu klik.

Dalam mengikuti desain dan pendekatan UX ini, kami mendorong semua pengguna kami — terlepas dari pengetahuan teknis dan keterampilan yang mereka miliki — untuk menggunakan produk kami untuk mengakses konten favorit mereka yang dibatasi geografis dan melindungi privasi dan keamanan Internet mereka.”

2. Pencarian seluler: masih elang laut .

trinitas-logo-chrome-mobile-UI-desain
Jason Bauman adalah Associate SEO di Trinity Insight (@TrinityInsight), sebuah perusahaan pemasaran dan pengoptimalan digital. Bauman menemukan bahwa penelusuran seluler tetap menjadi duri bagi perancang dan pengembang UI seluler:
“Saya pikir tantangan desain yang masih ada untuk UX/UI seluler adalah filter lanjutan dalam pencarian. Di desktop, Anda dapat memilih dengan tepat apa yang ingin Anda lihat dengan mencentang preferensi dari daftar lusinan opsi. Pengalaman ini tidak diterjemahkan dengan baik ke dalam seluler, dengan sebagian besar situs hanya membuat versi filter yang lebih ramah jari di perangkat yang lebih kecil. Masalah mendasar yang membutuhkan banyak pilihan jari pada layar kecil tetap ada. Setiap kali Anda memaksa seseorang untuk menggulir melalui lusinan opsi pilihan, Anda gagal menyelesaikan masalah UI.
Saya pikir solusi terbaik adalah fungsi pencarian cerdas, yang memahami pertanyaan kompleks seperti 'kalung berlian yang bukan hati'. Dengan evolusi AI, ini seharusnya menjadi lebih mudah, tetapi ini adalah sesuatu yang sangat sedikit, jika ada situs yang memanfaatkan sepenuhnya. Solusi yang lebih umum adalah dengan mengurangi jumlah opsi. Mulailah seseorang dari tingkat tinggi, misalnya, 'rantai emas atau perak', lalu lanjutkan langkah yang lebih spesifik — seperti dengan menanyakan 'tipe desain' apa yang mereka cari. Ini tidak ideal karena masih memerlukan banyak klik, dan menambahkan halaman tambahan, tetapi ini lebih baik daripada menyajikan daftar opsi yang besar kepada pelanggan di luar konteks.”

3. Terkadang terasa seperti elemen desain UI seluler mengibaskan anjing.

desibel_digital_mobile_ui_design

Richard Trigg adalah Direktur Kreatif UX/UI di Decibel Digital (@DecibelDigital), agensi pengalaman pengguna yang berbasis di Inggris. Bagi Trigg, mencapai keseimbangan antara apa yang perlu terjadi di layar dan apa yang nyaman dilakukan pengguna secara fisik tetap menjadi tantangan desain UI seluler.

“Tantangan berkelanjutan bagi banyak desainer berkaitan dengan tombol. Tombol pada aplikasi seluler harus berukuran benar (untuk jari dari semua ukuran), tetapi dirancang agar tidak mendikte layar. Ada lebih sedikit real estat layar pada perangkat seluler, sehingga desainer harus membuat tombol dan ajakan bertindak yang jelas dan ringkas.

Direkomendasikan untukmu:

Apa Arti Ketentuan Anti-Profiteering Bagi Startup India?

Apa Arti Ketentuan Anti-Profiteering Bagi Startup India?

Bagaimana Startup Edtech Membantu Meningkatkan Keterampilan & Mempersiapkan Tenaga Kerja untuk Masa Depan

Bagaimana Startup Edtech Membantu Tenaga Kerja India Meningkatkan Keterampilan & Menjadi Siap Masa Depan...

Saham Teknologi Zaman Baru Minggu Ini: Masalah Zomato Berlanjut, EaseMyTrip Posting Stro...

Startup India Mengambil Jalan Pintas Dalam Mengejar Pendanaan

Startup India Mengambil Jalan Pintas Dalam Mengejar Pendanaan

Startup pemasaran digital Logicserve Digital dilaporkan telah mengumpulkan INR 80 Cr dalam pendanaan dari perusahaan manajemen aset alternatif Florintree Advisors.

Platform Pemasaran Digital Logicserve Bags Pendanaan INR 80 Cr, Berganti Nama Sebagai LS Dig...

Laporan Memperingatkan Pengawasan Peraturan yang Diperbarui Pada Lendingtech Space

Laporan Memperingatkan Pengawasan Peraturan yang Diperbarui Pada Lendingtech Space

Dalam hal solusi, kami telah melihat manfaat yang jelas dari penggunaan analisis CX dan alat pengujian kegunaan untuk mengukur tingkat efektivitas dan keterlibatan. Gambaran kemudian menjadi sangat jelas tentang interaksi apa yang dilakukan pengguna. Jika elemen kemudian perlu diubah, kami mengubah desain atau posisi tombol-tombol ini.”

4. Membuat ibu jari dari semua ukuran senang.

lookfar-mobile-ui-desain-navigasi-contoh

Ryan Colgin adalah Desainer UI/UX di LookFar (@LookFar_Ideas), agen pengembangan yang kliennya menjangkau berbagai industri. Memenuhi beragam kebutuhan klien tersebut adalah poin penting — terutama ketika masing-masing klien yang beragam itu memiliki tangan yang unik:

“Satu masalah kecil UI/UX yang belum kami pecahkan adalah ini: bagaimana cara kami memposisikan navigasi situs sehingga mudah dijangkau oleh ibu jari Anda? Sebagian besar situs menempatkan menu di sudut kanan atas, yang hanya membuat nyaman bagi orang kidal.

Saat ponsel semakin besar, kami harus menggunakan dua tangan untuk mengetuk menu di banyak situs, meskipun situs tersebut dioptimalkan untuk seluler. Jika mereka tidak memiliki menu statis, Anda akhirnya harus menggulir ke atas untuk mencapai navigasi atau kembali ke beranda.”

5. Fragmentasi Android: menjadi lebih baik, tetapi tidak pernah benar-benar hilang.

rocketfuel_mobile_ui_design

Jason Suriano (@jasonsuriano) adalah Pendiri dan CEO Rocketfuel Productions. Pada titik ini, masalah abadi dari fragmentasi OS Android tampaknya sudah tua, tetapi masih muncul dalam mimpi buruk desainer UI seluler:

“Salah satu tantangan utama desain aplikasi dan UI seluler yang ada di tahun 2016, adalah ketakutan yang mengganggu akan fragmentasi di ekosistem Android. Fragmentasi ini mencakup jumlah produsen perangkat Android, varian perangkat yang dibuat oleh masing-masing produsen, serta masalah perbedaan sistem operasi yang tak terhindarkan menyebabkan masalah pengalaman pengguna.

Sementara sebagian besar desainer dan pengembang UI/UX akan mengklaim bahwa mereka dapat menjalankan emulator untuk memeriksa varians dan membantu memecahkan masalah fragmentasi, kenyataannya adalah tidak ada sistem yang benar-benar dapat meniru pengalaman pengguna aplikasi akhir di setiap perangkat Android. di pasar.

Artinya, desainer dan pengembang pasti akan menerima beberapa peringkat atau ulasan buruk pada aplikasi mereka di Google Play Store hanya karena aplikasi tidak dioptimalkan untuk berjalan pada perangkat tertentu atau versi OS Android yang pada akhirnya berdampak pada pengguna secara keseluruhan. pengalaman."

Beradaptasi dengan Tantangan Desain UI Seluler Dengan Psikologi Konsumen

mobile-ui-design-Psychiatric_Help

Salah satu cara untuk mengatasi bahkan tantangan UI seluler yang paling keras adalah dengan masuk ke dalam kepala pengguna Anda, menurut Sloane Berry (@SloaneBerry), desainer UX di BPM Technologies. Apa pun masalah spesifiknya, tulisnya, mengenal pengguna Anda dapat membantu Anda menyelesaikannya:

“Aplikasi seluler yang bagus seperti Tai Chi, dengan setiap tindakan mengalir ke tindakan berikutnya dengan cara yang alami dan intuitif. Sebagian besar tantangan UX muncul karena memiliki terlalu banyak informasi atau hanya keterbatasan fisik. Dalam kasus tersebut, lebih sedikit lebih banyak. Anda tidak harus menunjukkan semuanya, alih-alih fokuslah untuk menunjukkan cukup.

Jika pengguna menggulir daftar dan menemukan teks terpotong, Anda harus dapat memperluas teks saat masih dalam gerakan menggulir ke bawah daftar. Jangan mengasapi aplikasi Anda dengan mengklik ke halaman baru dan membuat pengguna bolak-balik. Demikian juga, jika mereka mengeklik, mereka seharusnya dapat mengeklik untuk meluaskan tanpa harus banyak menggerakkan mata atau ibu jari mereka. Ikuti saja arusnya.

Pada tingkat yang sangat praktis, apa pun yang Anda desain, Anda ingin pelanggan merasa nyaman. Tinder adalah pengalaman pengguna yang luar biasa, karena menghapus orang yang tidak Anda inginkan merupakan tindakan katarsis dan Anda hanya mendapatkan kabar baik yang cocok dengan Anda. Tantangan terberat yang dihadapi desainer UX adalah hal-hal negatif, seperti jika pengguna memiliki waktu tunggu yang lama atau harus melakukan pembayaran — tetapi ada solusi praktis untuk hal-hal tersebut.

bpm-technologies-mobile-app-ui-design

Bergulir Dengan Pukulan: Poin Nyeri Desain UI Seluler Umum

Waktu respons adalah sumber utama pengalaman pengguna yang membuat frustrasi, tetapi dapat diputar sedemikian rupa sehingga membangun antisipasi. Baik itu jam hitung mundur dari aplikasi pengiriman makanan atau titik pelacak untuk pengemudi taksi, pengguna menyukai konfirmasi visual bahwa mereka membuat sesuatu terjadi. Ini sebagian besar merupakan pilihan estetika, karena taksi atau makanan Anda akan tetap datang, tetapi ini memberi pengguna sesuatu untuk kembali. Bahkan dapat membantu membuat aplikasi Anda “lengket”.

Pembayaran bisa menjadi pengalaman pelanggan yang sangat rumit. Pelanggan sama-sama menginginkan transparansi, tetapi juga tidak ingin diganggu atau dibebani dengan cara mereka membayar. Sangat mudah untuk menyelesaikannya di backend setelah pembayaran pertama, tetapi kapan dan bagaimana bertanya kepada pengguna di mana harus membayar adalah sebuah tantangan. Jika Anda hanya memberi tahu pelanggan bahwa layanan akan dikenakan biaya tetap, itu bukan pengalaman yang sangat menarik atau memuaskan — pelanggan memikirkan biaya itu.

Tetapi jika Anda menunjukkan kepada mereka apa yang mereka dapatkan pada saat pembelian, orang akan merasa lebih baik untuk membuka dompet mereka. Aplikasi berbagi perjalanan seperti Uber/Lyft melakukan pekerjaan yang baik dalam mengurangi efek 'meteran taksi' hanya dengan menjamin Anda mendapatkan tarif yang baik di muka. Mereka tidak membebani Anda dengan spesifikasi harga sampai akhir layanan. Pada saat itu, mereka dengan senang hati membayar karena layanan membawa mereka ke 'Titik B'. Setiap saat, pelanggan perlu merasa puas dengan pengalaman mereka menggunakan aplikasi Anda.”

Mengatasi Tantangan Desain UI Seluler Di Tempat yang Aman: Prototipe

Meskipun dunia desain UI seluler telah berkembang jauh sejak hari yang menentukan pada tahun 2007 ketika dunia pertama kali melihat iPhone, jelas bagi siapa saja yang telah membuat aplikasi seluler — atau yang telah mem-porting pengalaman pengguna desktop ke smartphone atau tablet — masih banyak tantangan yang tersisa. Apa yang harus dilakukan seorang desainer?

Salah satu cara untuk mengatasi masalah ini tanpa menghabiskan terlalu banyak waktu untuk pengembangan adalah dengan melakukan pengujian UI/UX yang ekstensif pada prototipe digital desain UI seluler Anda yang nyata. Dengan alat prototyping digital seperti Proto.io, Anda dapat membuat mockup interaktif realistis dari desain akhir Anda dalam hitungan menit menggunakan editor drag-and-drop, memangkas waktu yang tak terhitung dari proses desain Anda. Selain itu, Proto.io memungkinkan Anda untuk mengumpulkan umpan balik dari jumlah pengguna yang tidak terbatas, sehingga Anda dapat mengulangi secara ekstensif sambil menjaga catatan Anda tetap teratur di dalam aplikasi.

[Proto.io adalah alat pembuatan prototipe aplikasi seluler yang digunakan oleh pengusaha dan pemula untuk membuat prototipe realistis yang sepenuhnya interaktif yang terlihat dan terasa seperti aplikasi nyata.]