UI/UX Design How to get started

 

Resume kuliah umum

Prodi D4 Teknik Informatika

 

Nama    : Auliana Fahrian Bani Ridwan

NPM      : 1214049

Kelas     : D4TI1B

 

UI/UX Design

How to get started

 

Pemateri 1

Fini Charisa UI Designer

Perbedaan UI dan UX

Faktanya UI dan UX berdiri sendiri namun saling melengkapi. UI adalah singkatan dari User Interface, yang mana tugasnya adalah berkaitan dengan elemen-elemen visual. Sedangkan UX adalah singkatan dari User Experience, yang tugasnya memberikan pengalaman tersendiri kepada pengguna saat menggunakan suatu produk.

sumber:UX vs UI - Persamaan dan Perbedaan- (jetorbit.com)

Ruang lingkup UI meliputi:

• Visual Design
• Layout
• Branding
• Typography
• Marckups
• Icon

Sedangkan UX meliputi:

• Testing
• User Research
• Data Analytics
• Flow
• Personas
• Prototyping

Produk yang dihasilkan UI adalah produk digital seperti website, android, dan sebagainya.

Dasar UI Design

• Icon, meliputi Style, Source, sesuai konteks, sizing,basic shape.
• Grid dan jarak, meliputi Spacing, padding, gutter width, screen size.
• Tipografi dan Font, meliputi source, hirarki, pemilihan font (android = roboto, windows = ui segoe, ios = sanfransisco), font sizing.
• Warna, meliputi kontras psikologi warna, harmoni warna, kultur.

Proses UI Design

• Understand, atau memahami jenis proyek, durasi pengerjaan, riset, batasan revisi, detail keinginan, pembayaran, design brief.
• Research, user persona, user research, competitor, tren yang bertahan lama.
• User Flow, membuat alur aplikasi atau design.
• Wireframe, membuat kerangka sebelum taham design.
• Design, mulai mendesain sistem, komponen, dan page.
• Implementation, melakukan tes kebeberapa user untuk mengetahui apakah ada refisi, lalu memberika proyek ke developer.

Roadmap Belajar UI Design

•          Recreating, membuat ulang desain yang sudah pernah dibuat oleh orang lain.
•          Mencari video tutorial di Youtube.
•          UI All Around, belajar UI dari mana saja bisa di Instagram atau media yang lain.
•          Mengikuti kursus online.
•          Membuat koneksi, agar bisa bertemu desainer lain.

Jangan pernah berhenti mencoba dan belajar.

 

Pemateri 2

M. Hatta Zakaria UI/UX designer

UI dan UX berbeda UI berfokus di tampilan atau visual sadangkan UX berfokus pada pengalaman pengguna atau experience.

5 proses design thinking

·         Empati

·         Define

·         Ideate

·         Prototype

·         Test

Pekerjaan UX Designer

• Mengamati proses pengalaman orang akan sesuatu.
• Memanfaatkan sifat naluriah orang lain.
• Mengidentifikasi perilaku yang ekstrim.
• Mengenali bias dalam diri sendiri.
• Mencari akar masalah bukan gejala pada suatu hal.
• Cari bahan cerita, untuk menceritakan proyek apa yang sedang dibuat.

Proses Design Research

• Memahami proyek, menggali informasi tentang produk dan pasar dari produk yang akan di buat serta menanyakan waktu pengerjaan proyek.
• Membuat rencana research, menentukan tujuan, membuat list waktu pengerjaan, dan memilih metode research.
• Melakukan penelitian, memilih metode penelitian, melakukan observasi.
• Menganalisa hasil penelitian.
• Menyimpulkan hasil penelitian.

Seneng dan feeling passionate dengan design dari dalam diri sendiri, bukan karena 

ikut-ikutan.

 

Tips sederhana buat proyek UI Design.

• Buat moodboard dan fokus pada satu style.
• Sering melihat design orang.
• ATM (Amati Tiru Modifikasi).
• Melihat secara detail (Layer, naming, komponen, spacing, padding, dll).
• Ikuti pattern design yang bisa kita lihat sebagai referensi.
• Ulangi lagi dan lagi. Tidak ada jalan pintas menjadi seorang expert.