Apa itu UI dan UX design

Apa itu Yui dan Yuk Design?

Overview: Video ini membahas tentang apa itu Yui dan Yuk Design, bagaimana cara kerjanya, perbedaan antara keduanya, serta tujuan dan fungsinya.

Perbedaan antara Yui dan Yuk Design

• Yui dan Yuk Design adalah dua hal yang berbeda.

• Meskipun berbeda, keduanya saling terkait atau memiliki hubungan.

• User Interface (UI) design lebih kepada bagaimana seorang desainer membuat satu tampilan produk menjadi enak dilihat.

• User Experience (UX) design menangani pembuatan seluruh pengalaman pengguna dalam menggunakan produk digital.

Fungsi dari Yui dan Yuk Design

• UX dan UI design digunakan untuk menciptakan produk seperti website atau aplikasi mobile.

• Konsistensi dalam pembuatan suatu produk sangat penting agar membangun citra konsumen terhadap aplikasi atau produk yang dibuat.

• Style guide dapat membantu menjaga konsistensi ketika mengembangkan suatu produk digital.

Tools yang Digunakan pada Yui dan Yuk Design

• Tidak disebutkan dalam video.

Tujuan dari Yui dan Yuk Design

• Menciptakan produk digital yang enak dilihat, interaktif, serta memenuhi kebutuhan pengguna.

Dasar Desain Grafis dan UX Design

Overview: Pada bagian ini, pembicara membahas mengenai dasar desain grafis dan UX design.

Dasar Desain Grafis

• Dasar desain grafis harus dimiliki oleh seorang designer karena hampir semua komponennya sama.

• Mempelajari dasar desain grafis akan memudahkan dalam membuat suatu UI design yang bagus.

• Komponen dari UI design meliputi button, input box, warna, layout, topografi dan lain-lain.

• Elemen-elemen tersebut disusun dengan berfokus pada keindahan dan kemudahan penggunaannya.

UX Design

• Pengalaman pengguna tak lepas dari yang namanya UX design.

• UX design lebih berfokus pada bagaimana membuat suatu arsitektur produk yang akan kalian buat nantinya.

• Meliputi pembuatan struktur desain site map, navigasi antar konten, elemen interaktif visual lainnya sehingga menciptakan pengalaman pengguna yang menyenangkan dan juga bagus.

• Seorang designer harus memahami penggunanya dari mulai profilnya seperti apa kebutuhannya, motivasi dan tujuan dari penggunaan aplikasi itu untuk apa.

Pendekatan Pengguna

• Seorang designer harus mampu melakukan user research untuk mendapatkan data tentang masalah atau kendala penggunanya.

• Hal ini penting agar produk yang dibuat dapat memecahkan permasalahan bagi penggunanya.

Proses Pembuatan Produk UI & UX Design

Overview: Pada bagian ini, pembicara membahas mengenai proses pembuatan produk UI dan UX design.

Proses Pembuatan Produk

• Step yang pertama dalam membuat produk adalah mencari tahu apa masalahnya atau kendalanya.

• Kemudian dilakukan user research untuk mendapatkan data tentang penggunanya.

• Setelah itu dibuatlah wireframe dan prototype sebelum akhirnya melakukan testing.

• UX design yang bagus adalah UX yang mampu memecahkan atau memberikan solusi untuk memecahkan masalah penggunanya.

Istilah-Istilah dalam Desain

• Istilah-istilah seperti user research, wireframe, prototype akan dijelaskan lebih lanjut pada video selanjutnya.

UX Design dan User Research

Overview: Pada video ini, dijelaskan mengenai UX design dan user research. UX design adalah proses merancang produk yang dapat memberikan pengalaman terbaik bagi pengguna. Sedangkan user research adalah proses untuk memahami kebutuhan dan masalah pengguna.

Pentingnya UX Design

• UX design membantu dalam menciptakan produk yang mudah digunakan oleh pengguna

• Dalam situasi pandemi seperti sekarang, UX design membantu dalam memudahkan belanja online melalui website seperti Shopee

User Research

• User research dilakukan dengan cara mengirimkan kuesioner atau melakukan interview kepada calon atau target pengguna produk

• Hasil dari user research akan membantu dalam menyusun system requirement atau tujuan dari sistem kalian dibuat itu untuk apa

• User Persona dibuat untuk membuat suatu karakter fiksi yang menggambarkan dari calon atau target pengguna design kalian sehingga dapat lebih memahami calon atau target troll kalian ini sangat penting sekali ketika ingin membuat suatu produk yang menarik dan juga memecahkan suatu permasalahan penggunanya

Tahapan-tahapan UX Design

• Brainstorming dilakukan untuk mengembangkan solusi kreatif untuk memecahkan suatu permasalahan

• Desain-desain dibagi kedalam beberapa bagian dimulai dengan wireframe, perfect mini, hingga layout yang sesuai dengan standarnya lu di Warframe

Proses Desain Produk

Overview: Pada video ini dijelaskan tentang proses desain produk yang meliputi pembuatan mockup, prototype interaktif, pengembangan produk oleh developer, dan user testing.

Tahap Pertama: Membuat Mockup

• Seorang yzer bertugas membuat mockup tampilan produk dengan desain yang lebih detail.

• Tujuannya adalah untuk memvisualisasikan tampilan produk dengan warna dan konten yang sebenarnya.

Tahap Kedua: Membuat Prototype Interaktif

• Setelah mockup dibuat, dilanjutkan dengan pembuatan prototype interaktif.

• Prototype ini berfungsi sebagai simulasi dari produk yang akan dibuat.

• Penting untuk memperhatikan navigasi dan animasi pada prototype agar sesuai dengan kebutuhan pengguna.

Tahap Ketiga: Pengembangan Produk oleh Developer

• Setelah prototype selesai dibuat, selanjutnya adalah tahap pengembangan produk oleh developer atau programmer.

• Yzer harus mampu mengkomunikasikan kebutuhan dari user atau bisnis owner kepada developer sehingga dapat membuat produk yang sesuai dengan kebutuhan penggunanya.

Tahap Keempat: User Testing dan Evaluasi

• Setelah produk jadi, dilakukan user testing dan evaluasi untuk mengetahui apakah produk tersebut dapat digunakan dengan baik atau tidak.

• Feedback dari user testing dapat menjadi bahan evaluasi bagi para developer maupun yzer designer untuk meningkatkan kualitas produk kedepannya.

Perbandingan YUI, YIT, dan YUK dalam Proses Desain Produk

Overview: Dalam proses desain produk, YUI (User Interface Designer) bertanggung jawab untuk membuat tampilan produk yang menarik dan mudah digunakan. Sementara itu, YIT (User Experience Designer) bertanggung jawab untuk memastikan pengalaman pengguna dalam menggunakan produk tersebut optimal. Sedangkan YUK (Front-End Developer) bertanggung jawab untuk mengembangkan kode-kode program yang dibuat oleh yzer designer menjadi suatu produk yang dapat digunakan oleh pengguna.

Peran YUI

• Bertugas membuat tampilan produk dengan desain yang menarik dan mudah digunakan.

• Contoh: kulit, wajah, hidung, telinga pada tubuh manusia.

Peran YIT

• Bertanggung jawab memastikan pengalaman pengguna dalam menggunakan produk tersebut optimal.

• Contoh: bagaimana tulang dan tangan bekerja pada tubuh manusia.

Peran YUK

• Bertanggung jawab mengembangkan kode-kode program dari yzer designer menjadi suatu produk yang dapat digunakan oleh pengguna.

• Contoh: ginjal sebagai mesin pemroses input minuman.

Penutup

Overview: Video ini memberikan penjelasan tentang proses desain produk dan perbedaan peran antara yzer designer, user experience designer, dan front-end developer dalam proses tersebut.

Kesimpulan

• Proses desain produk meliputi pembuatan mockup, prototype interaktif, pengembangan oleh developer, dan user testing.

• Setiap tahap memiliki perannya masing-masing seperti yzer designer dalam membuat mockup atau front-end developer dalam mengembangkan kode program.

• Penting bagi setiap peran untuk saling berkomunikasi dan bekerja sama agar produk yang dihasilkan dapat memenuhi kebutuhan pengguna.