Tutorial UI Design — #2 Langkah Pertama Membuat UI
Seri Tutorial UI Design Bagian 2, Langkah Awal Membuat UI
Ambil laptop kamu. Kita akan memulai belajar dengan seru untuk ilmu yang sedang trend saat ini. UI Design.
Menjadi UI Designer
Dua hal yang perlu kamu perhatikan dalam UI Design, yaitu User dan Interface. berikut penjelasannya.
Untuk menguasai dan menghasilkan UI yang baik, haruslah memperhatikan 2 hal diatas.
Sesuai penjelasan pada artikel sebelumnya. UI selalu memperhatikan, mengutamakan, dan menyelesaikan permasalahan user.
UI yang baik akan membantu dan membuat user nyaman menggunakannya.
Memahami User
Langkah yang harus ditempuh untuk membuat UI adalah memahami user. contohnya saat kita mendesain sebuah tombol/button. Dalam otak kita penuhi dengan pertanyaan kepada diri sendiri seperti
Apakah user tahu, kalo button ini bisa di-klik?
Pertanyaan seperti ini yang akan terus membuat kamu menyelesaikan masalah user, sehingga tahu bagaimana bentuk button tersebut supaya user nyaman menggunakannya.
Langkah 1 — Membuat UI
Kamu tahu ngga, software yang digunakan oleh pada UI UX Designer? Photoshop, Illustrator, CorelDraw, GIMP mungkin itu yang ada di benak mu. Tapi seiring berkembangnya teknologi, software tersebut hanya sebagai pembantu atau dalam artian secondary weapon untuk membuat UI UX.
Langkah pertama yaitu membuat UI.
Tapi, dengan software apa?
kamu bisa menggunakan Adobe XD, Figma, Sketch sebagai main weapon untuk membuat UI. Cari tahu perbedaannya disini.
Cukup dengan surfing diinternet, kamu ngga perlu bingung untuk mulai mendesain. Banyak sekali mockup yang bisa digunakan sebagai referensi. Lihat di dribbble.com, behance.net, pinterest.com.
Gunakan prinsip Lihat, Amati, Tiru. Ini adalah konsep yang tepat untuk berlatih membuat UI.
Kenapa harus Lihat, Amati, Tiru?
Supaya kamu terbiasa dengan UI Design yang terus update. Bagaimana bentuk button, margin yang tepat, font yang sesuai, perpaduan color palette yang ciamik.
Berikut artikel lain yang dapat membantu kamu saat memulai belajar UI.
Langkah 2 — Buat UI Sendiri
Kalo kamu punya jam terbang yang cukup dari Lihat, Amati, Tiru berarti kamu udah sering membuat button, mengatur layout margin, memadukan color palette, sekarang saat nya membuat UI sendiri.
Caranya mudah, tentukan platform yang akan menjadi landasan desain. apakah kamu mau membuat mobile app (android/iOS/Winphone)? atau versi desktop/web? atau yang lebih simple lagi yaitu smartwatch app?
Setelah itu, temukan tema design nya. Biasanya dimulai dari permasalahan user. Kamu memberikan solusi untuk membuat UI untuk memecahkan masalah tersebut. penangan Covid-19 sebagai tema kesehatan? atau finance technology sebagai tema teknologi? banyak sekali yang bisa dipilih.
Ketika sudah match dengan platform dan tema, surfing lagi diinternet untuk memilih referensi desain yang tepat sesuai pilihan kamu. Ambil 2–3 referensi desain, kombinasikan desain tersebut dengan skill yang kamu miliki.
Contohnya seperti ini:
Menggunakan platform android, dengan tema fintech yang bersumber dari aplikasi OVO, maka dihasilkan UI re-design dengan konsep dan skill yang kamu miliki.
Sering lah berlatih, kolaborasi, dan mencari referensi supaya terbiasa dengan desain yang sedang trend saat ini, sehingga wawasan kamu semakin luas maka akan berdampak pada kualitas desain kamu :)
Berikut artikel yang dapat membantu kamu dalam mengekspolarasi UI desain.
Langkah 3— Feedback
Setelah membuat UI. mintalah feedback atau penilaian terhadap teman, keluarga, orang sekitar kamu. Kamu akan tahu bagain mana yang masih menghambat user sehingga feedback sangat penting untuk meningkatkan UI.
Have a nice day!
Ghifari Nur Athoillah, Mahasiswa di Program Profesi CCIT-Fakultas Teknik Universitas Indonesia.
Akses materi selanjutnya di:
Referensi:
