Please enable JavaScript.
Coggle requires JavaScript to display documents.
UI/UX, Bagaimana UI dan UX yang baik?, Workflow Desain UI/UX - Coggle…
UI/UX
Perbedaan UI dan UX
Komponen Desain
UI : Warna, gambar dan video animasi, typography, buttons dan visual interaksi lainnya.
UX : fitur-fitur, struktur desain, dan navigasi, interface, copywriting, hingga branding.
Tools yang digunakan
UI : Aplikasi 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.
UX : Aplikasi Sketch, InVision, Figma, Adobe XD, Axure, dll. Beberapa fitur yang tersedia seperti tersedia fitur collaboration, real-time editing, easy to test design, dll.
Proses Desain
UI : Desain UI memerlukan riset. 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.
UX : 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.
Skill yang dibutuhkan
UI : Desain grafis, design branding, creative thinking, dan convergent thinking.
UX : Riset, analytical thinking, problem solving, critical thinking, dan creative thinking.
Tujuan Desain
UI : bertujuan untuk mempercantik tampilan produk.
UX : Memberikan pengalaman yang menyenangkan saat menggunakan produk.
UI
Komponen
Ikon tipografi
Tema
Komponen tombol
Layout
Animasi yg tampil pada produk
Visual interaktif lainnya
Apa itu UI?
UI adalah bagian dari UX yang berupa tampilan visual design sebuah sistem.
Fungsi
Selain berfungsi sebagai penghubung, UI juga berfungsi untuk memperindah tampilan sehingga dapat meningkatkan kepuasan pengguna. Namun, tak hanya harus indah, UI juga harus mudah digunakan.
Mengapa UI dan UX Penting dalam Pengembangan Website dan Aplikasi?
Menghasilkan Produk yang Dibutuhkan Pengguna
Meningkatkan Kepuasan Pengguna Terhadap Produk
Meningkatkan Penjualan dan Bisnis
UX
Komponen
Struktur desain
Navigasi penggunaan produk
Bagaimana fitur-fitur yang disediakan pada produk
Aspek visual desain
Seluruh aspek interaksi dengan pengguna
Bagaimana menentukan branding & konten
Belajar copywriting yg sesuai dengan target pengguna
Apa itu UX?
User Experience (UX) merupakan proses mendesain suatu produk melalui pendekatan pengguna.
Bagaimana UI dan UX yang baik?
UI yang baik
Jelas dan Ringkas
Intuitif
Responsif
Kontras warna yang baik
Konsisten
Informasi terstruktur
UX yang baik
Mudah untuk didapatkan (adoptability)
Kesukaan (desirable)
Memiliki nilai (valueable)
Mudah digunakan (usability)
Workflow Desain UI/UX
Riset UX
Membuat Information Architecture (IA)
Information Architecture ini merupakan proses menyusun struktur bagian-bagian pada website dan aplikasi.
Hasil riset UX didapatkan melalui metode card sorting, yaitu metode memilah dan menentukan buyers persona.
Membuat Wireframe
Wireframe merupakan sketsa visual dari sebuah produk.
Sketsa desain dibuat dengan Low Fidelity Wireframe (LFW) baru kemudian dibuat versi High Fidelity Wireframe (HFW). Ada banyak tools yang bisa dipakai dalam proses wireframing, seperti Figma, Adobe XD, dan lain sebagainya.
Mengatur UX flow
Membuat Prototype Desain UX
Untuk membuat prototipe desain, Anda bisa membuatnya dengan aplikasi seperti Invision, MockPlus, Adobe XD, dan lain-lain.
Membuat Design System
Desainer UI : Membuat elemen desain
Developer : Komponen library menggunakan HTML, CSS, Javascript, dll.
Mendesain User Interface
Menggunakan Adobe Illustrator, Adobe Photoshop, Sketch App, dll.
Proses Pengembangan produk oleh Developer
Desain yang telah lolos uji coba dan didesain oleh desainer UI mulai didevelop oleh para developer.
Design Usability Test
1 more item...
Seorang UX Researcher bisa melakukan riset UX melalui beberapa cara, baik melalui user interview atau online survey.