Visual Design
Published in
3 min readApr 30, 2019
Visual design adalah cara dari kita menyampaikan alur atau panduan kepada pengguna melalui design(cara berkomunikasi visual), untuk mencapai tujuan yang ditentukan
Design is not just what it looks like and feels like. Design is how it works.
Visual Design sendiri memiliki Standard, yaitu Neilsen’s 10 Usability Heuristics
Implementasi Visual Design dalam Lapor revamp
dalam Project ini hal yang dilakukan adalah revamping terhadap design interface halaman Lapor
Hal yang dilakukan pertama adalah membuat wireframe(rancangan design aplikasi) yang memuat komponen-komponen yang akan dibuat/implementasi pada program nantinya
- Status yang visible pada system, system memberikan informasi pada apa yang terjadi pada system
- Error prevention, memberikan peringatan untuk membuat user menghindari kesalahan, error prevention pada pengisian data terdapat tanda bintang(*)
- Recognition rather than recall, dimana design harus menjelaskan guna dan tujuannya dengan cara user melihat tampilan tersebut, bukan melalui mengingat-ingat cara kerja dari fungsi tersebut
- Minimalism design, adanya penyederhanaan design
- Consistent, dengan menggunakan template dan tema yang sama, ini merupakan bentuk dari konsistensi
Contoh versi sebelumnya yang kurang baik
- Error Prevention, bagian ini, tidak adanya error prevention yang disiapkan di awal sebelum dilakukannya fungsi
- Status yang visible terdapat hanya pada terjadinya error, hal ini hanya termasuk dalam error prevention. Status visible tidak terjadi pada saat fungsi sukses dilakukan
- Minimalis Design, laporan-laporan yang ada ditampilkan secara keseluruhan dengan ditampilkannya semua laporan beserta isi laporannya