Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

All UX/UI content:

Filters

Accessibility

Kiat Aksesibilitas Keyboard menggunakan HTML dan CSS

Tutorial • Beginner

Membuat situs web anda dapat diakses khusus untuk pengguna keyboard adalah bagian penting dari gambaran aksesibilitas yang lebih besar. Berikut beberapa kiat...

Anna Monus • 26 Oct 2018
Accessibility

Merancang Konten yang Dapat Diakses: Tipografi, Styling Huruf, dan Struktur

Tutorial • Beginner

Membuat dan mendesain konten yang dapat diakses lebih dari sekadar memilih tipografi yang dapat diakses. Bahkan dengan keluarga font 'sempurna' yang ada di...

Carie Fisher • 25 Oct 2018
Accessibility

Tips Siangkat: Menggunakan Attribute “lang” untuk Aksesibilitas yang Lebih Baik

Tutorial • Beginner

Atribut lang adalah salah satu atribut HTML global yang dapat diterapkan ke element HTML apa pun, dan atribut ini benar-benar dapat membantu dengan...

Eric Bailey • 23 Oct 2018
UX/UI

Kiat-kiat untuk Panel Layer di Figma

Tutorial • Beginner

Figma dengan cepat menjadi industri web dengan tool desain dan prototipe yang layak menjadi pilihan, bahkan bisa dibilang lebih daripada Adobe XD dan Sketch....

Kezz Bracey • 15 Oct 2018
Prototyping

Prototyping dalam Design Thinking: Cepat Gagal, Sering Gagal

Tutorial • Beginner

Dalam "Design Thinking", semua jalan mengarah pada pembuatan prototipe dan pengujian. Seluruh proses itu bias terhadap tindakan. Tujuan utamanya adalah untuk...

Franc Lucas • 24 Sep 2018
Web Typography

Membuat Teks Sideways dengan Mudah Menggunakan Property CSS "writing-mode"

Tutorial • Intermediate

Dalam tips singkat ini saya akan menunjukkan kepada Anda cara menampilkan teks di halaman website yang dimulai dari atas ke bawah, bukan dari kiri ke kanan...

Adi Purdila • 17 Sep 2018
UX Design

3 Tips untuk Mempersiapkan Dokumentasi UX yang Lebih Baik

Tutorial • Beginner

Dokumentasi UX (UX documentation) adalah semua tentang men-tracking detail spesifik dari desain Anda untuk memastikan implementasi terjadi dengan lancar....

Joanna Ngai • 1 Aug 2018
User Research

Teknik Untuk Wawancara Empati dalam Berpikir Desain

Tutorial • Beginner

Wawancara empati adalah landasan Design Thinking. Dengan memasukkan dan memahami pikiran, perasaan, dan motivasi orang lain, kita dapat memahami pilihan yang...

Franc Lucas • 26 Jun 2018
UX Design

8 Golden Rules untuk Desain Antarmuka yang Lebih Baik

Tutorial • Beginner

Para desainer harus memecahkan banyak masalah tiap harinya, dan mencari solusi yang tepat memerlukan riset yang dalam dan percobaan yang sangat terencana....

Ana Santos • 16 Apr 2018
UX Design

Dasar-dasar Pemikiran Komputasional

Tutorial • Beginner

Web Designer diharuskan untuk memikirkan masalah dengan cara yang dapat dimengerti oleh komputer, sehingga "pemikiran komputasional" adalah keterampilan yang...

Franc Lucas • 14 Mar 2018
Navigation

5 Cara untuk Melengkapi Navigasi pada Website

Tutorial • Beginner

Tidak diragukan lagi, navigasi merupakan fitur yang paling penting diantara yang fitur yang lain. Ini ada lah hal yang utama untuk memberikan User Experience...

Eric Karkovack • 7 Mar 2018
Wireframing

Cara Menggunakan Simbol Sketch untuk Membuat Flow Diagram

Tutorial • Beginner

Dalam tutorial ini, kita akan membuat user flow dan flow diagram tugas yang dapat digunakan kembali dalam Sketch. Kita akan memanfaatkan simbol Sketch,...

Paula Borowska • 7 Feb 2018