Visual Design

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

contoh : Muncul status laporan sudah terlempar pada kanan atas layar

• Error prevention, memberikan peringatan untuk membuat user menghindari kesalahan, error prevention pada pengisian data terdapat tanda bintang(*)

contoh : input data pada modal lempar

• 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