Kitab Online Untuk Mendesain User Interface

Rakhmat Fadhillah
2 min readSep 4, 2019

--

Saya menyebutnya kitab online karena website ini berisi tatanan dan tuntunan untuk mendesain user interface yang baik.

Dari kitab online ini, banyak hal yang bisa menjadi perhatian para designer saat sedang mendesain user interface baik website dan aplikasi. Elemen apa saja yang harus ada, contoh — contoh dan artikel ulasan.

Di kitab online ini bisa kita lihat 2 bagian yang berbeda yaitu

Pages

Yang akan menunjukkan apa saja yang perlu ditampilkan di suatu halaman tertenu.

Components

Yang akan menunjukkan bagaimana suatu komponen (button, label) dibuat dengan memperhatikan beberapa hal tertentu seperti bentuk, warna dan kata.

Tapi juga ada bagian yang berlabel “coming soon” yang artinya website ini masih akan terus dikembangkan.

Jika kita klik salah satu menu di bagian Pages, misalnya saja Sign Up. Maka akan muncul detail dari apa saja yang perlu ada di halaman Sign Up

Komponen Utama Ada :

  • Penggunaan Logo
  • Penggunaan Judul
  • Penjelasan singkat terkait fitur apa yang didapat dengan mendaftar
  • Field apa saja yang dibutuhkan, umumnya menggunakan email
  • Password dengan kriteria seperti tingkat keamanan, show / hide password
  • Link untuk melakukan login

Komponen Pendukung :

  • Alternatif sign up dengan sosial media
  • Siapa saja yang telah mendaftar
  • Testimoni dari pengguna yang telah mendaftar
  • Memunculkan artikel utama dari blog

Di Sisi Sebalah Kanan Juga Bisa Kita Lihat Refernsi :

  • Inspirasi UI yang diambil dari Dribbble
  • Artikel-artikel tentang pembuatan halaman Sign Up
  • Contoh website keren yang mendesain halaman Sign Up

Checklist.design membantu kita untuk mendesain, menuntun agar tidak ada yang tertinggal dari desain yang kita kerjakan.

Silakan mengunjungi checklist.design untuk mencoba

Semoga bermanfaat :)

--

--

Rakhmat Fadhillah

UI Designer Kipa Indonesia| Available for freelance project | IG: @gan_fadhil