Page 8 - E-Book Desain UI SMK
P. 8

2.  Desain responsive


                                                        Desain website yang responsive membuat
                                                        pengunjung dapat mengakses website anda di
                                                        berbagai perangkat seperti PC desktop dan mobile
                                                        dengan baik. Jika desain UI yang tidak responsive
                                                        ini akan menyusahkan pengunjung website untuk
                                                        melihat isi website anda.








                                       Gambar 3.
                                      Sumber: google.images



                          3.  Informasi Terstruktur


                                                        Membuat tampilan desain UI dengan informasi
                                                        yang terstruktur bisa dilakukan dengan memilih
                                                        jenis font dan warna font yang senada. Untuk
                                                        beberapa informasi yang ditonjolkan, anda bisa
                                                        menambah ukuran font. Agar tidak tumpang tindih,
                                                        anda sebaiknya tidak memasukkan banak elemen
                                                        yang tidak penting sehingga membuat tampilan
                                                        berantakan



                              Gambar 4.
                              Sumber: google.images

                         4.  Konsisten


                                                        Konsistensi pada desain interface akan memudahkan
                                                        pengguna memahami tampilan website Anda. Pengguna
                                                        bisa mempelajari fungsi-fungsi tombol, icon, maupun
                                                        tabs yang ada pada website Anda. Apabila desain
                                                        tampilan website Anda tidak konsisten, pengguna harus
                                                        mempelajari fungsi-fungsi tersebut dari awal. Beberapa
                                                        halaman yang terdapat pada website sebisa mungkin
                                                        memiliki desain yang tidak terlalu berbeda.



                               Gambar 5




                                                            8
   3   4   5   6   7   8   9   10   11   12   13