Photo by www.pmb.akakom.ac.id

Cara Mendesain Aplikasi Mobile dan Kesalahan Dalam Perancangan

175410038_Felix Jefrian Fery _Perencanaan Antar Muka _STIMIK AKAKOM YOGYAKARTA

Perbedaan antara aplikasi yang bagus dan yang tidak bagus biasanya terletak pada kualitas pengalaman penggunanya atau yang sering kita dengan dengan sebutan User Experience(UX).
Apalagi saat ini pengguna seluler berharap banyak dari sebuah aplikasi. mulai dari waktu loading yang cepat, kemudahan pengguna, kenyamanan selama interaksi dan lain-lain.

Ada banyak sekali hal yang perlu dipertimbangkan saat akan membuat atau mendesain sebuah aplikasi, khususnya aplikasi mobile. berikut ini adalah hal-hal yang harus diperhatikan saat membuat aplikasi mobile.

Minimalkan Beban Kognitif

Photo by convertica.org

Beban kognitif di sini mengacu pada jumlah kekuatan otak yang diperlukan untuk menggunakan aplikasi. Otak manusia memiliki kekuatan pemrosesan yang terbatas, dan ketika sebuah aplikasi memberikan terlalu banyak informasi sekaligus, itu mungkin membanjiri pengguna dan membuat mereka meninggalkan tugas.

Merapikan Design

Menghilangkan kekacauan adalah salah satu rekomendasi utama dalam “10 Anjuran dan Larangan Desain UX Seluler”. Clutter adalah salah satu musuh terburuk dari desain yang bagus. Dengan mengacaukan antarmuka, Anda membebani pengguna dengan terlalu banyak informasi: Setiap tombol, gambar, dan ikon yang ditambahkan membuat layar lebih rumit.

Kekacauan sangat buruk di desktop, tetapi jauh lebih buruk di seluler (hanya karena kami tidak memiliki real estate di perangkat seluler sebanyak yang kami miliki di desktop dan laptop). Sangat penting untuk menyingkirkan apa pun dalam desain seluler yang tidak mutlak diperlukan karena mengurangi kekacauan akan meningkatkan pemahaman. Teknik minimalis fungsional dapat membantu Anda mengatasi masalah UI yang berantakan:

• Jaga konten seminimal mungkin (berikan pengguna hanya apa yang perlu mereka ketahui).
• Minimalkan elemen antarmuka. Desain sederhana akan membuat pengguna merasa nyaman dengan produk.

Photo by Apple.com

Offload Tasks

Cari apa pun dalam desain yang membutuhkan upaya pengguna (ini mungkin memasukkan data, membuat keputusan, dll.), Dan mencari alternatif. Misalnya, dalam beberapa kasus, Anda dapat menggunakan kembali data yang dimasukkan sebelumnya daripada meminta pengguna untuk mengetik lebih banyak, atau menggunakan informasi yang sudah tersedia untuk menyetel default cerdas.

Photo by dribbble.com

Meminimalkan Input Pengguna

Mengetik di layar ponsel kecil bukanlah pengalaman yang paling nyaman. Faktanya, ini sering rawan kesalahan. Dan kasus input pengguna yang paling umum adalah mengisi formulir. Berikut beberapa rekomendasi praktis untuk mempermudah proses ini:

• Buat formulir sesingkat mungkin dengan menghapus bidang yang tidak perlu. Aplikasi harus meminta hanya sedikit informasi dari pengguna.

Photo by medium.com

• Sediakan masker input. Field masking adalah teknik yang membantu pengguna memformat teks yang dimasukkan. Masker muncul setelah pengguna berfokus pada bidang, dan itu memformat teks secara otomatis saat bidang diisi, membantu pengguna untuk fokus pada data yang diperlukan dan lebih mudah melihat kesalahan.

Gif by gurutechnolabs.com

• Gunakan fitur pintar seperti pelengkapan otomatis. Misalnya, mengisi kolom alamat sering kali merupakan bagian yang paling bermasalah dari setiap formulir pendaftaran. Menggunakan alat seperti Place Auto complete Address Form (yang menggunakan geo-location dan alamat prefilling untuk memberikan saran yang akurat berdasarkan lokasi pengguna yang tepat) memungkinkan pengguna untuk memasukkan alamat mereka dengan penekanan tombol yang lebih sedikit daripada yang harus mereka lakukan dengan bidang masukan biasa.
• Validasi nilai bidang secara dinamis. Sungguh menjengkelkan ketika, setelah mengirimkan data, Anda harus kembali dan memperbaiki kesalahan. Jika memungkinkan, periksa nilai bidang segera setelah entri sehingga pengguna dapat segera memperbaikinya.

Photo by Baymard

• Sesuaikan keyboard untuk jenis kueri. Tampilkan papan ketik numerik saat meminta nomor telepon, dan sertakan tombol @ saat meminta alamat email. Pastikan fitur ini diterapkan secara konsisten di seluruh aplikasi, bukan hanya untuk bentuk tertentu.

Photo by Nick Babich

Buat Desainnya Konsisten

Konsistensi adalah prinsip dasar desain. Konsistensi menghilangkan kebingungan. Sangat penting untuk mempertahankan tampilan yang konsisten secara keseluruhan di seluruh aplikasi. Mengenai aplikasi seluler, konsistensi berarti sebagai berikut:

• Konsistensi visual Jenis huruf, tombol, dan label harus konsisten di seluruh aplikasi.
• Konsistensi fungsional Elemen interaktif harus berfungsi serupa di semua bagian aplikasi Anda.
• Konsistensi eksternal Desain harus konsisten di berbagai produk. Dengan cara ini, pengguna dapat menerapkan pengetahuan sebelumnya saat menggunakan produk lain.

Berikut adalah beberapa rekomendasi praktis tentang cara membuat desain konsisten:

• Hormati pedoman platform. Setiap OS seluler memiliki pedoman standar untuk desain antarmuka: Pedoman Antarmuka Manusia Apple dan Pedoman Desain Material Google. Saat mendesain untuk platform asli, ikuti pedoman desain OS untuk kualitas maksimum. Alasan mengapa pedoman desain penting adalah sederhana: Pengguna menjadi terbiasa dengan pola interaksi setiap OS, dan apa pun yang bertentangan dengan pedoman akan menimbulkan gesekan.
• Jangan meniru elemen UI dari platform lain. Saat Anda membangun aplikasi untuk Android atau iOS, jangan membawa-bawa elemen UI dari platform lain. Ikon, elemen fungsional (bidang masukan, kotak centang, sakelar) dan tipografi harus memiliki nuansa asli. Gunakan komponen asli sebanyak mungkin, sehingga orang mempercayai aplikasi Anda.
• Jaga konsistensi aplikasi seluler dengan situs web. Ini adalah contoh konsistensi eksternal. Jika Anda memiliki layanan web dan aplikasi seluler, pastikan keduanya memiliki karakteristik yang sama. Ini akan memungkinkan pengguna melakukan transisi tanpa hambatan antara aplikasi seluler dan web seluler. Ketidakkonsistenan dalam desain (misalnya, skema navigasi yang berbeda atau skema warna yang berbeda) dapat menyebabkan kebingungan.

Tampilan Pesan Kesalahan

Kesalahan sering terjadi saat orang terlibat dengan aplikasi. Terkadang, hal itu terjadi karena pengguna melakukan kesalahan atau memang karena aplikasinya yang gagal. Apa pun penyebabnya, kesalahan ini dan cara menanganinya berdampak besar pada UX. Penanganan kesalahan yang buruk dipasangkan dengan pesan kesalahan yang tidak berguna dapat membuat pengguna frustrasi dan bisa menjadi alasan mengapa pengguna meninggalkan aplikasi. Contoh pesan kesalahan yang buruk adalah yang tidak memunculkan penyebab terjadinya kesalahan.

Photo by bing.com

cara memperbaiki masalah seperti diatas adalah menampilakan penyebab kesalahan terjadi, misalnya error karena tidak ada jaringan internet, error karena harus update aplikasi dll.

Sebenarnya masih ada banyak sekali faktor-faktor yang harus diperhatikan saat mendesain aplikasi mobile. tetapi yang saya jelaskan diatas adalah kesalahan-kesalahan yang sering dilakukan oleh designer-designer pemula.

source : https://www.smashingmagazine.com/2018/02/comprehensive-guide-to-mobile-app-design/