Cara paling sederhana untuk melihat perbedaannya adalah dengan checkout. UX memutuskan berapa banyak langkah yang ada, apa yang ditanyakan di setiap langkah, apa yang terjadi jika kartu ditolak dan apakah tamu dapat membeli tanpa akun. UI menentukan tampilan setiap langkah: kolom formulir, gaya tombol, warna pesan kesalahan, dan animasi kecil saat pembayaran berhasil.
Desain UX dimulai sebelum layar apa pun ada. Ini mencakup riset pengguna, wawancara, peta perjalanan, arsitektur informasi, wireframe, dan uji kegunaan. Outputnya seringkali berupa alur atau prototipe, bukan desain visual yang sudah jadi. Kesuksesan diukur berdasarkan hasil: penyelesaian tugas, kesalahan, waktu penyelesaian, dan apakah orang kembali lagi.
Desain UI mengubah struktur itu menjadi sebuah antarmuka. Ini mencakup hierarki visual, spasi, tipografi, warna, ikon, komponen, dan bagaimana setiap elemen berperilaku di setiap keadaan: default, hover, ditekan, dinonaktifkan, memuat, dan kesalahan. Gerakan juga merupakan bagian dari UI. Tombol yang merespons saat ditekan, atau lembaran yang mengikuti jari Anda, memberi tahu orang-orang bahwa produk telah mendengarnya.
Keduanya bergantung satu sama lain. Aliran yang jelas dengan tombol yang membingungkan masih gagal, dan layar yang dipoles di atas aliran yang membingungkan masih gagal. Itulah sebabnya sebagian besar tim memperlakukan UI sebagai salah satu bagian dari UX dan bukan sebagai disiplin ilmu yang terpisah, dan mengapa banyak iklan lowongan kerja meminta keduanya.
Jika Anda memutuskan apa yang harus dipelajari terlebih dahulu, mulailah dengan dasar-dasar UX (memahami pengguna dan tugas), lalu pelajari keterampilan UI dalam alat desain seperti Figma atau Penpot. Interaksi dan desain gerakan adalah yang berikutnya, dan di situlah alat seperti ExodeUI, yang kami buat, cocok.