Belajar UI/UX #2: Perbedaan Desain UI dan UX

Perbedaan User Interface (UI) dan User Experience (UX) 

Setelah mengetahui pengertian dari UI dan UX, apakah sekarang Anda sudah mengetahui perbedaan di antara keduanya? Jika belum, tenang saja. Berikut ini kami akan paparkan apa saja sebenarnya perbedaan UI dan UX.  

Belajar UI/UX #2: Perbedaan Desain UI dan UX
https://unsplash.com/@alvarordesign



1. Tujuan Desain

Hal yang mendasar tentang perbedaan UI dan UX adalah tujuan desainnya. Fokus pembuatan desain UI dan UX sangatlah berbeda. Desain UI pada sebuah produk bertujuan untuk mempercantik tampilan produk. Sementara desain UX dirancang untuk memberikan pengalaman yang menyenangkan saat menggunakan produk. 

Fokus desain UI adalah keindahan tampilan, sementara fokus desain UX adalah kepuasan menggunakan produk. 

Sederhananya, desain UI akan mempengaruhi kesan pertama pengguna melihat produk Anda. Sementara itu, UX mempengaruhi bagaimana pengalaman pengguna saat menggunakan produk.  

2. Proses Desain

Tujuan desain yang berbeda juga mempengaruhi prosesnya. Oleh sebab itu, proses merancang UI dan UX pun berbeda. 

Karena berfokus pada user experience, proses desain UX berlandaskan riset pengguna sehingga menghasilkan produk yang disukai dan dibutuhkan oleh target pengguna. Prosesnya pun melalui banyak tahap dan membutuhkan peran banyak pihak, salah satunya yaitu UX researcher. Setelah melakukan riset, desainer merancang sketsa desain dengan wireframe dan prototype.

Sementara itu, desain UI juga memerlukan riset. Namun, riset yang dilakukan merupakan riset desain untuk membuat desain yang menarik dan sesuai dengan konsep. Di sini, desainer UI juga perlu merancang model desain yaitu dengan membuat mockup terlebih dahulu. 

3. Komponen Desain

Komponen yang membangun Desain UI berfokus pada keindahan tampilan produksi. komponen UI tersebut di antaranya meliputi warna, gambar dan video animasi, typography, buttons, dan visual interaksi lainnya. 

Sementara itu, komponen desain UX meliputi hampir seluruh komponen pada suatu produk seperti fitur-fitur, struktur desain, dan navigasi. Termasuk juga tampilan interface, copywriting, hingga branding, sehingga diperlukan kolaborasi tim untuk menghasilkan desain produk yang baik. 

4. Tools yang Digunakan 

Proses pembuatan yang berbeda tentu membutuhkan tools yang berbeda. Untuk desainer UI, keindahan gambar sangatlah penting. Jadi mereka membutuhkan aplikasi yang mendukung pembuatan desain interface yang detail. 

Ada banyak aplikasi desain UI yang tersedia seperti Flinto, Principle, Frames X, Adobe illustrator, dll. Aplikasi tersebut dilengkapi beberapa tools pendukung desainer UI seperti tools menambahkan unique interaction icon, easy transitions, UI assets and kits, dll. 

Sementara itu, desainer UX lebih membutuhkan aplikasi prototyping desain agar mudah mendapatkan feedback dari pengguna. Beberapa aplikasi prototyping desain yang mendukung desainer UX adalah: Sketch, InVision, Figma, Adobe XD, Axure, dll. 

Beberapa fitur yang tersedia seperti tersedia fitur collaboration, real-time editing, easy to test design, dll. Fitur tersebut akan memudahkan desainer UX mendapatkan feedback untuk menghasilkan produk yang user-friendly

5. Skill yang Dibutuhkan 

Menjadi desainer UI dan desainer UX membutuhkan skill tersendiri. Beberapa skill yang dibutuhkan seorang desainer UI adalah desain grafis, design branding, creative thinking, dan convergent thinking. Skill tersebut harus dimiliki oleh desainer UI dalam mendesain tampilan produk agar terlihat menarik dan mudah untuk interaksi.

Sementara seorang desainer UX bertanggung jawab membuat desain produk dengan pendekatan pengguna agar mudah digunakan. Oleh sebab itu, mereka harus memiliki skill melakukan riset, analytical thinking, problem solving, critical thinking, dan creative thinking. 

Setelah membaca uraian perbedaan UI dan UX di atas, kami juga telah merangkumnya dalam bentuk tabel supaya lebih mudah memahami perbedaan UI dan UX.


Hanya ini yang bisa saya bagikan, Semoga Bermanfaat, Salam SMK Bisa Hebat !
Subscribe Channel Youtube Saya dan Istri [ Jack Tersakiti ] [ Ida Piolanada Lea ]
Laporkan Link Mati di sini [ Laporin ]

Yapss Admin mohon maaf jika ada kesalahan dalam penulisan atau penguploadan, jika ada kesalahan mohon dibenarkan dengan berkomentar di bawah postingan tersebut, berikan saran yang sifatnya membimbing agar blog ini bisa bermanfaat bagi para Newbie di Indonesia tentunya, dan Jika ingin menyumbangkan Tutornya atau Modulnya silahkan kirimkan ke Email yang sudah saya sediakan, Terimakasih Guru :*

Greetz : Jack Tersakiti
Facebook          **    Jack ID
Instagram          **    @abdur.rozak.mw
// www.abdurrozak.my.id

Subscribe to receive free email updates:

0 Response to "Belajar UI/UX #2: Perbedaan Desain UI dan UX"

Posting Komentar

Wajib Komentar kalau sudah Berkunjung, dan Terimakasih Banyak Sobat...