Materi Perancangan User Interface (UI) yang Baik dan Benar | Pelatihan BPPTIK Kominfo 2021

Dalam implementasi menggunakan text editor, maka rancangan akan diubah ke dalam kode program HTML, CSS, dan Javascript. 

Implementasi Rancangan UI dapat menggunakan text editor atau software UI builder 

Jika menggunakan UI builder, maka hanya perlu menerapkan teknik drag and drop sesuai rancangan yang dibuat. 

Namun, terdapat beberapa software yang menyediakan teknik drag and drop sekaligus source code editor

List Perangkat Lunak untuk Implementasi UI

Adobe Dreamweaver (Commercial) 

Pingendo (Freemium) 

Silex.me (Open Source) 

Google Web Designer (Free) 

Grapedrop (Freemium) 

dll

Tips Menu Navigasi Website yang Baik

Terlihat lebih jelas dari bagian web yang lain 

Memberikan posisi halaman yang diakses

Terdapat perbedaan antara teks link dan teks biasa

Three-Click Rule, Sebuah arsitektur website yang baik harus bisa sepenuhnya melayani pengguna hanya dengan tiga kali klik saja

Untuk mempermudah mendapatkan kombinasi warna yang efektif. Gunakan prinsip sederhana 60–30–10 (60%, 30%, 10%), yaitu prinsip warna yang sering dipakai dalam desain interior. 60% adalah warna dasar (dominan), 30% warna sekunder yang kontras dengan warna dasar, dan 10% sebagi pelengkap.

Penggunaan font dalam website tidak boleh terdiri lebih dari 3 jenis font.