Keterampilan apa saja sih yang dibutuhkan dalam tahapan product development? Tentunya sebelum membuat product, kita perlu terlebih dahulu mengetahui istilah dasar seperti UI UX. Hal inilah yang dibahas Seven Simangunsong, instructor Hacktiv8 pada webinar yang diselenggarakan oleh Skystar Ventures UMN dan Super Girls In Tech pada tanggal 2 Oktober 2021 pukul 17.00 dengan judul “Understanding Product Development Process Using Simple Website Prototype”.

Pengertian UI UX

Istilah UI UX pastinya sering dibicarakan belakang ini karena sangat erat kaitannya dengan produk digital. Untuk tau lebih lanjut mengenai UI UX, kita harus paham pengertiannya dulu, ya. 

UX (User Experience) adalah proses pengalaman pengguna yang dilakukan saat interaksi dengan produk suatu aplikasi. Tujuan dari user experience adalah untuk memberikan kemudahan bagi pengguna saat menggunakan berbagai fitur pada produk digital yang ada.

Semntara itu, UI (User Interface) adalah tampilan visual sebuah produk yang menjadi perantara antara sistem dengan pengguna (user). Tampilan UI dapat berupa bentuk, warna, dan tulisan yang didesain semenarik mungkin.

Perbedaan UI dan UX

Walaupun pada prakteknya UI dan UX berkaitan erat, tetapi ada beberapa perbedaan yang perlu diperhatikan dari kedua aspek ini, lho. Yuk, simak penjelasannya.

Perbedaan	User Interface (UI)	User Experience (UX)
Tujuan	Membuat tampilan produk lebih menarik	Memberikan kenyamanan saat memakai produk
Fokus	Berfokus pada tampilan yang bagus	Berfokus pada kenyamanan pengguna
Elemen	Animasi, typography, warna, video, buttons, dll	Usability, navigasi, struktur desain, fitur-fitur, interaction design, dll
Based on	Desain berdasarkan riset desain dan konsep produk	Desain berdasarkan riset pengguna
Tools	Spesifikasi utama desain grafis, seperti Flinto, Principle, Frames X, Adobe illustrator	Spesifikasi utama prototyping seperti Sketch, InVision, Figma, Adobe XD, Axure
Pre-building	Berupa mockup	Berupa wireframe dan prototype
Skill yang dibutuhkan	Desain, creative thinking, convergent thinking, design branding.	Riset, critical thinking, creative thinking, analysis, problem-solving,  wireframing.

Tahapan Membuat UI UX Design

• Wireframe -> Wireframe merupakan sketsa visual dari sebuah produk. Di dalam wireframe, terdapat pula informasi yang menunjukan alur informasi bagi user untuk dapat mengoperasikan produk.
• Mockup -> Dalam proses desain dan pengembangan produk, mockup adalah visualisasi sebuah konsep desain.
• Prototype-> Prototype adalah model awal atau contoh yang dibuat untuk melakukan uji coba terhadap konsep yang sudah diperkenalkan.

Begitulah sekilas tentang UI UX. Sudahkah lebih paham, kan? Jika kamu masih penasaran dengan berbagai bahasan terkait pengembangan bisnis atau startup, bisa langsung berkunjung ke Instagram @skystarventures, ya!