6 Tweaks Desain Antarmuka Pengguna Sederhana Untuk Membawa Aplikasi Anda Dari "Meh" Menjadi Luar Biasa
Diterbitkan: 2015-09-16Anda telah membuat prototipe aplikasi seluler sesuai spesifikasi, tetapi ada sesuatu yang terasa kurang pas. Mungkin tidak mengalir semulus yang Anda inginkan, atau desain antarmuka pengguna tidak memberi Anda efek "Wow". Anda ingin aplikasi Anda terasa seperti sulap, tetapi saat ini rasanya lebih seperti ayah Anda menarik seperempat dari telinga Anda daripada David Copperfield yang membuat piramida menghilang.
Apa pekerjaanmu? Apakah Anda menghapus semuanya dan memulai desain Anda lagi dari awal?
Atau mungkin, melalui keajaiban, aplikasi dapat disimpan hanya dengan tweak desain sederhana. Lagi pula, Anda berkomitmen pada desain sebelum membangun prototipe atau beta, jadi pasti ada sesuatu yang bagus di dalamnya — dan sayang sekali jika semua kerja keras itu sia-sia.
Kami bertanya kepada 6 desainer, penyesuaian kecil apa yang menurut mereka membuat perbedaan terbesar bagi desainer antarmuka pengguna. Mungkin jawaban mereka akan menginspirasi Anda untuk memberikan sentuhan akhir yang sempurna pada aplikasi Anda, mengubahnya dari bagus menjadi hebat (atau dari hebat menjadi luar biasa!)
1. Saat akan menyalin, potong lemaknya.
Jika Anda menggunakan aplikasi di perangkat kecil, kemungkinan besar Anda tidak ingin menghabiskan banyak waktu untuk membaca. Salinan yang berlebihan tidak hanya memperlambat pengguna Anda, tetapi juga membuat desain antarmuka pengguna Anda menjadi sangat padat.
Maureen Kerwin adalah Desainer Interaksi di Nokia Networks (@nokianetworks). Kiat Kerwin untuk meningkatkan aplikasi apa pun secara instan? Lakukan audit salinan, dan potong apa pun yang tidak Anda perlukan.
“Tinjau salinannya di mana saja Anda memiliki pengulangan atau terlalu banyak kata,” kata Kerwin. “Hampir selalu ada sesuatu yang bisa Anda hapus atau revisi agar lebih jelas dan ringkas.”
Dalam hal ini, terkadang teman terbaik perancang antarmuka pengguna adalah editor atau korektor. Jika Anda tidak dapat memutuskan salinan mana yang akan dipotong (atau dipadatkan), memiliki mata kedua yang objektif pada aplikasi Anda membuat semua perbedaan.
2) Dapatkan umpan balik pengguna.
Jika Anda terjebak mencoba mencari tahu apa tentang desain antarmuka pengguna Anda yang tidak berfungsi, cara tercepat untuk mendapatkan jawaban adalah dengan bertanya kepada pengguna Anda.
Mike De'Shazer (@itsdeshazer) adalah salah satu pendiri dan CEO CodeCloud.me (@CodeCloudMe), sebuah platform interaktif yang membantu pengguna mempelajari cara membuat kode dan memungkinkan mereka membangun aplikasi. Mengetahui pengguna Anda dan mendapatkan umpan balik mereka, kata De'Shazer, adalah metode paling andal untuk membuat desain antarmuka pengguna Anda efektif.
“Ada berbagai jenis pengoptimalan UX dengan tujuan yang berbeda,” kata De'Shazer, “tetapi cara terbaik untuk mengoptimalkan desain dan pengalaman antarmuka pengguna untuk teknologi apa pun adalah dengan mendapatkan pemahaman yang lebih baik tentang orang-orang yang menggunakannya.”
Saat aplikasi Anda gagal, kirim prototipe Anda ke sekelompok pengguna beta. Saran mereka tentang cara meningkatkan pengalaman mungkin merupakan umpan balik paling berharga yang bisa Anda dapatkan.
3) Lakukan dengan cepat.
Semua pengguna Anda (dan calon pengguna) membutuhkan kecepatan. Jika Anda melihat bahwa pengalaman pengguna Anda tidak mengklik seperti yang Anda inginkan, itu mungkin bukan masalah desain antarmuka pengguna, tetapi kecepatan aplikasi itu sendiri.
Amna Rizvi adalah pengembang aplikasi di GadgTecs (@GadgTecs), blog sains dan teknologi yang menampilkan aplikasi, gadget, dan berita sains. Baik sebagai pencipta dan pengamat aplikasi seluler, Rizvi menemukan bahwa kecepatan dan waktu mulai adalah dua aspek terpenting dalam mengoptimalkan pengalaman pengguna.
“Salah satu aspek terpenting bagi saya adalah waktu startup aplikasi,” kata Rizvi. “Aplikasi ini harus memiliki halaman pembuka yang luar biasa, dan harus dimuat dengan sangat cepat.”
Direkomendasikan untukmu:
Apa Arti Ketentuan Anti-Profiteering Bagi Startup India?
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
Platform Pemasaran Digital Logicserve Bags Pendanaan INR 80 Cr, Berganti Nama Sebagai LS Dig...
Laporan Memperingatkan Pengawasan Peraturan yang Diperbarui Pada Lendingtech Space
Kesan pertama, tentu saja, adalah yang paling penting, kata Rizvi. “Pengguna dengan cepat dimatikan ketika mereka mengklik aplikasi dan harus menunggu lama sebelum mereka dapat melakukan apa pun. Jadi menurut saya, aplikasi itu harus instan, tidak peduli seberapa besar.”
Tidak terpesona oleh karya terbaru Anda? Lihat apakah Anda dapat menyederhanakan pengalaman. Jadikan waktu pemuatan lebih cepat, dan pertimbangkan untuk membuat animasi apa pun yang Anda masukkan ke dalam desain antarmuka pengguna berlalu dalam periode waktu yang lebih singkat. Jika itu tidak membuat aplikasi Anda bersinar sedikit lebih cerah, baca terus.
4) Dandani desain antarmuka pengguna Anda dengan animasi.
Andrew Riley adalah pendiri Ticketlab (@ticketlabUK), layanan tiket online yang memungkinkan para pemain menyiapkan dan menjual tiket untuk acara. Dia juga seorang konsultan digital dan pengembang frontend.
Bagi Riley, cara terbaik untuk menambahkan dampak langsung pada desain antarmuka pengguna Anda adalah dengan gerakan.
“Tip utama saya untuk meningkatkan nuansa halaman web atau aplikasi sangat sederhana: animasi. Saya tidak berbicara tentang logo memantul dan lensa suar dari era Flash, tetapi animasi yang halus, ”kata Riley. “Dalam bentuknya yang paling sederhana, ketika keadaan melayang melibatkan perubahan warna latar belakang, cukup terapkan transisi linier 0,3 detik padanya. Anda akan menemukan ini akan langsung membuat desain antarmuka pengguna Anda terasa kurang seperti situs web dan lebih seperti aplikasi.”
Bagian terbaik dari perubahan desain ini adalah tidak butuh waktu lama untuk melakukannya, kata Riley, tetapi efeknya bisa sangat besar. “Transisi dapat diterapkan dengan cara yang cerdas ke hampir semua perubahan keadaan untuk benar-benar menghidupkan desain. Meskipun ketersediaan fitur CSS ini selama beberapa tahun sekarang, masih kurang digunakan di banyak aplikasi baru, tetapi hanya membutuhkan beberapa saat untuk diterapkan dalam banyak kasus.”
Gert Hattingh, CTO One Click Here (@Oneclickhere1), setuju. Di One Click Here, kata Hattingh, desainer dan pengembang meluangkan waktu untuk menguji desain antarmuka pengguna pada beberapa tahap, memastikan alurnya tepat.
“Bekerja di lingkungan yang gesit memberi Anda kemampuan untuk menguji UI saat Anda mengikuti pengembangan. Kami suka bermain dengan transisi untuk memandu pengguna mengambil langkah berikutnya,” kata Hattingh. “Menambahkan animasi halus ke tombol saat sedang digunakan membantu pengguna mengetahui apa yang harus dilakukan, dan meningkatkan pengalaman keseluruhan.”
Animasi menarik perhatian pengguna Anda, membantu memandu mereka sepanjang pengalaman dan dapat menambahkan semangat ekstra yang sangat dibutuhkan ke desain antarmuka pengguna Anda, tetapi ingat untuk tidak berlebihan — seperti yang diingatkan oleh pengembang berikutnya, terkadang lebih sedikit lebih banyak.
5) Sederhanakan, sederhanakan, sederhanakan.
Tidak ada pengguna yang ingin dibombardir dengan hiruk-pikuk stimulasi visual, apakah itu palet warna yang membutuhkan terlalu banyak kebebasan atau penyalahgunaan tekstur visual yang mengerikan (bahkan jika Anda seorang murid skeuomorphism, Anda masih bisa melakukannya terlalu jauh dengan bayangan dan kilap).
Amrita Talwar adalah pengembang yang telah mengerjakan beberapa aplikasi Android dan iOS, termasuk PoolMyRide (@poolmyride), aplikasi lintas platform yang memungkinkan pengguna menemukan mitra carpooling. Dalam pengalaman Talwar, kunci untuk mengubah desain antarmuka pengguna dari bagus menjadi hebat adalah membuatnya tetap sederhana:
“Mendesain aplikasi seperti membuat lagu tanpa lirik — harus dipahami secara global. Untuk membuat aplikasi ramah pengguna dan cantik, saya mengikuti langkah-langkah ini:
– Pertimbangkan untuk menggunakan desain material dengan ikon datar, dan pastikan desain antarmuka pengguna Anda berskala untuk perangkat yang berbeda.
– Meminimalkan jumlah klik, gerakan, dan interaksi yang harus dilakukan pengguna. Apa pun yang Anda ingin pengguna lakukan harus dilakukan dengan klik sesedikit mungkin.
– Menjaga desain antarmuka pengguna tetap bersih. Anda mungkin tergoda untuk mengacaukan UI Anda dengan fitur, tetapi prioritaskan apa yang benar-benar dibutuhkan pengguna. Terkadang yang terbaik adalah hanya mempertahankan fitur yang paling penting dan meninggalkan 'bagus untuk dimiliki,' karena kerugian pada desain Anda secara keseluruhan adalah negatif bersih.
Desain yang ramping berarti lebih sedikit beban bagi pengguna Anda. Desain antarmuka pengguna Anda harus melakukan pekerjaan untuk mereka — bukan sebaliknya.
6) Lihatlah ke luar zona nyaman Anda untuk mencari inspirasi.
Terkadang, penyebab di balik desain ho-hum hanyalah kurangnya ide segar. Ini sangat umum ketika Anda memiliki pengalaman beberapa tahun di industri ini, terutama di agensi yang sama. Pernahkah Anda memperhatikan bahwa desain antarmuka pengguna Anda semuanya mulai terlihat sama — layar pembuka yang sama, animasi yang sama, tombol, ikon, atau tipografi yang sama?
Mungkin sudah waktunya untuk meletakkan proyek Anda saat ini dan melihat beberapa aplikasi seluler lain untuk mendorong rutinitas Anda. Tempat yang bagus untuk memulai mungkin adalah 10 daftar teratas desain UI inovatif dari perusahaan yang sedang naik daun. Perhatikan baik-baik apa yang dilakukan aplikasi ini secara berbeda, dan pertimbangkan bagaimana Anda dapat membuat beberapa konsep tersebut menjadi milik Anda.
Untuk pandangan yang lebih segar, lihatlah di luar industri aplikasi seluler secara umum. Misalnya, bermain video game dapat menjadi pelajaran berharga dalam mendongeng, dan perjalanan ke museum seni dapat menghasilkan beberapa ide terbaik Anda. Bahkan hanya menghabiskan sedikit waktu ekstra dengan anak-anak Anda (atau keponakan) dapat mempertajam permainan desain antarmuka pengguna Anda.
Tidak ingin beranjak dari kursi Anda? Baca saja bagaimana desainer lain mendapatkan ide-ide terbaik mereka ketika mereka mencapai funk kreatif. Terkadang, inspirasi datang dari tempat yang tidak terduga.
[Awalnya diterbitkan di blog.proto.io pada 28 Agustus]