UI/UX

Apa perbedaan dari UI dan UX?

UI adalah aspek visual dari desain produk digital. Ini mencakup elemen-elemen yang dapat dilihat oleh pengguna, seperti tata letak, warna, tipografi, ikon, tombol, dan elemen grafis lainnya. UX adalah tentang pengalaman pengguna secara keseluruhan saat berinteraksi dengan produk digital. Ini mencakup bagaimana pengguna merasa, berpikir, dan berperilaku ketika menggunakan aplikasi atau situs web.

Apa saja yang perlu dipelajari di UI/UX?

Colour painting plate with a brush isolated illustration

Warna

Penggunaan warna, bentuk, dan elemen visual lainnya untuk menciptakan estetika dan identitas merek yang konsisten.

9892506_4279851

Tata Letak

Elemen-elemen tampilan ditempatkan dalam antarmuka pengguna untuk memandu pengguna dalam berinteraksi lebih nyaman. 

7454952_3667710

Tipografi

Pemilihan jenis huruf, ukuran, dan gaya teks yang cocok agar mudah dibaca dan memadukan estetika desain sehingga menarik.

20224826_6256804

Interaksi

Cara pengguna berinteraksi dengan elemen-elemen UI, termasuk respons tombol, animasi transisi, dan elemen-elemen interaktif lainnya. 

Langkah langkah membuat UI dan UX

1. Referensi

Referensi desain membantu desainer untuk membangun dasar pengetahuan dan kreativitas mereka, memastikan bahwa desain yang dihasilkan memenuhi tujuan dan kebutuhan proyek dengan baik.

results-analysis-discovery-investigation-concept
interior-designer-presenting-blueprint

2. Pendiskusian Desain

ini membantu menyelaraskan pemahaman antara klien dan desainer, memastikan bahwa hasil akhir sesuai dengan ekspektasi dan mencapai tujuan proyek.

3. Sitemap

Sitemap berperan penting dalam memudahkan navigasi dan indeksasi konten situs web, baik oleh manusia maupun mesin pencari.

Sitemap
woman-making-modern-app-interface

4. Kerangka Desain

Kerangka berfungsi sebagai alat yang sangat berguna dalam fase perencanaan dan pengembangan desain, membantu memahami dan merencanakan struktur dasar dan fungsionalitas suatu proyek desain.

5. Aset

 Aset desain memiliki peran yang sangat penting dalam mencapai tujuan desain dan memastikan bahwa desain memiliki dampak visual dan estetika yang diinginkan.

Asset
theory-graphic-chart-color-scheme-concept

6. Desain Presisi Tinggi

Desain presisi tinggi tidak selalu diperlukan di setiap tahap desain, terutama pada tahap awal konseptualisasi. Namun, ketika proyek sudah mencapai tahap di mana detail yang tinggi diperlukan, desain presisi tinggi sangat berharga dalam mencapai hasil yang diinginkan.

7. Prototipe

 Prototipe merupakan langkah penting dalam siklus desain, membantu meningkatkan kualitas produk atau sistem dan memastikan bahwa hasil akhir memenuhi harapan pengguna dan pemangku kepentingan.

high-angle-hands-holding-paper

Apa software yang digunakan?

Figma

Figma adalah salah satu tools berbasis website yang digunakan untuk mendesain kapan saja dan dimanapun melalui internet. Pada umumnya figma digunakan untuk mendesain interface dari sebuah aplikasi atau website yang ingin dibuat

Video Pembelajaran