Yuk, Pahami UI/UX dan Pentingnya untuk Product Development!
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.
Tahapan UI UX Design
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!
