Dalam kesempatan kali ini, saya akan melihat website studensite gunadarma pertama dari sisi aspek design grafis :
1. Metaphor (Metafora)
Metaphor atau metafora adalah aplikasi dari nama atau deskripsi istilah objek lain yang tidak dapat diartikan secara harafiah. Menghubungkan presentasi dan elemen-elemen visual dengan item-item yang berkaitan.
Metafora akan membuat para pengunjung seolah-olah berada di tempat yang sebenarnya, atau bisa dikatakan juga bahwa metafora dibuat mirip seperti tempat yang dikunjungi. Didalam website studensite tersebut bila sudah terdaftar sebagai mahasiswa gunadarma kita bisa login ke dalam website tersebut dan melihat informasi seputar akademik yang kita inginkan, seolah-olah kita berada didalam kampus. Seperti pada gambar ini, pada konten yang dilingkari kita bisa mengakses berbagai informasi yang kita butuhkan.
2. Clarity ( Kejelasan )
Clarity adalah kejelasan dalam peletakan pada suatu button,pembuat harus memiliki alasan mengapa diletakkan di tempat tersebut. Pada tampilan awal tombol home berada diatas sisi kanan, dan bila di scroll kebawah, menu tersebut akan mengikuti terus sehingga memudahkan user dalam menggunakan website tersebut. Bisa dilihat pada contoh gambar berikut
3. Consistency (Ketetapan)
Konsistensi dalam tampilan, pewarnaan, gambar, ikon, typography (model form yang digunakan pada suatu website), teks, dll. Harus ada konsistensi baik dalam layar maupun antar layar. Dari setiap halaman pada studensite memiliki jenis font yang sama pada setiap halaman, tidak banyak menggunakan warna, dan tidak banyak menggunakan icon.
4. Alignment (Perataan)
Untuk perataan dapat digunakan rata kiri, kanan atau tengah. Pada umumnya suatu teks pada website dimulai dari kiri atas (left alignment), dimana left alignment akan mengijinkan mata untuk menguraikan tampilan dengan lebih mudah. Selain itu dengan menggunakan bantuan garis akan membantu dalam hal perataann. Prinsip sudah dilakukan didalam website studensite gunadarma, walaupun ada konten menu pada sebelah kiri yang menyusaikan dengan konten yang ada ditengah. Penulisan konten informasi tetap left alignment, tidak menggunakan alignment center sehingga mudah untuk di baca, seperti pada gambar berikut :
6. Contrast (Keserasian Tampilan)
Keserasian
tampilan yang akan membuat pengunjung web tertarik pada web tsb. Kontras juga
dapat memandu mata pengunjung untuk melihat keseluruhan interface. Keuntungan
dari keserasian adalah untuk memperkuat fokus atau untuk memperkuat suatu
interface. Poin ini juga terdapat dalam website studensite, seperti pada kotak yang berwarna - warni yang menunjukkan dan menjelaskan fungsi dan petunjuk dalam menggunakan studensite ini, kotak tersebut akan menjelaskan konten menu yang berada diseblah kiri. Sehingga mudah di mengerti oleh mahasiswa yang menggunakannya.
Mohon maaf bila ada salah kata dan kurang nya pengertian dari penulis, mohon dibenarkan bila ada kesalahan dalam penulisan. Terima kasih.
( Review di tuliskan untuk menyelesaikan tugas softskill Pengantar Telematika #)



Tidak ada komentar:
Posting Komentar