Jumat, 20 April 2018

ANALISIS WEB | IMK ( INTERAKSI MANUSIA DAN KOMPUTER )

Pada postingan kali ini saya akan sedikit membahas tampilan website dari sisi objektif IMK ( Interaksi Manusia dan Komputer. Sebuah website dikatakan baik bila sudah memiliki prinsip desain website berikut ini: 
  • Navigasi yang mudah pemilihan warna yang pas.
  • Animasi secukupnya.
  • Layout yang sederhana.
  • Konten relevan dan mudah dibagikan.
  • Elemen desain yang menunjang branding.
  • Tampilan keseluruhan yang sedap dipandang. 
      Berikut adalah 6 contoh tampilan website yang kurang bagus jika dilihat dari sisi IMK :
PDF Files for Online Reading
Contoh website : http://ilmukomputer.org/
Analisis :
Website ini adalah website tentang ilmu komputer yang berisi beragam artikel terkait dengan computer. Namun pada website ini tidak semua artikel dapat langsung user baca. Ada beberapa rujukan dari artikel tersebut merupakan pdf file. Hal ini membuat user harus mengunduh sebuah file pdf untuk bisa lebih jauh mengetahui mengenai artikel tersebut.
Non-Scannable Text
Contoh website : http://www.007museum.com/
Analisis :
Website ini adalah sebuah website yang berisi kumpulan segala sesuatu yang berhubungan dengan film Hollywood “James Bond 007”. Pada web ini kita bisa menemukan sangat  banyak link yang diberikan. Hampir semua kata adalah sebuah link yang tidak memiliki kategori, sehingga user akan bingung untuk mencari hal yang ingin diketahuinya. Selain itu pada setiap link maupun tulisan yang terdapat di dalamnya memiliki ukuran huruf yang sama , dengan ukuran yang terbilang cukup kecil dan membuat user akan cepat bosan. Terlalu banyaknya tulisan dengan huruf yang cukup kecil membuat tampilan web ini sangat hambar dan sangat tidak kreatif.
Anything That Looks Like an Advertisement
Contoh website : http://www.arngren.net/
Analisis :
Website ini adalah sebuah website e-commerce untuk barang-barang elektronik dan mainan. Pada website ini terdapat banyak sekali iklan yang membuat user bingung untuk melihat dan memilihnya. Iklan tidak dikategorikan. Semua bercampur menjadi satu halaman penuh iklan dengan gambar yang berukuran relative kecil. Sebaiknya untuk sebuah website e-commerce gambar lebih berukuran sedang dengan penjelasan spesifikasi barang dan harga yang jelas. Setiap gambar diberi sedikit jarak, sehingga akan lebih enak dilihat oleh user.
 Violating Design Conventions
Contoh website : Rudgwicksteamshow.co.uk
Analisis:
Website ini adalah sebuah website keagamaan. Tampilan pada website ini dapat terbilang sangat mencolok dengan latar yang berwarna sangat colourfull namun tidak nyaman dimata, apalagi efek bergeraknya membuat user menjadi lebih pusing.  Sebaiknya sebuah website memiliki warna yang colourfull namun tidak mencolok dengan pengaturan link maupun gambar yang konsisten dalam tata letaknya.
 Opening New Browser Windows
Contoh website : http://www.mediafire.com/
Analisis :
Website ini adalah website untuk mengunduh sebuah file. Namun pada beberapa kasus terkadang sering terjadi membuka window baru saat user mau mengunduh. Contoh kasusnya salah satunya yakni saat saya sebagai user dari sebuah website download dengan website indoxx1.com ingin mengunduh sebuah film melalui website mediafire tersebut , maka akan diberikan sebuah halaman yang hanya berisi sebuah link unduh di mediafire. Namun saat saya memilihnya akan tampil sebuah window baru dan sebuah tab baru. Hal tersebut sangat tidak perlu sebenarnya. Sebaiknya sebuah website hanya cukup menampilkan tab baru saja jika perlu, namun lebih baik lagi jika tidak perlu berganti tab baru, berganti halaman cukup dengan tab yang sama , karena terlalu banyak tab yang dimunculkan akan membuat user bingung dalam memilihnya.
Fixed Font Size
Contoh website : http://ilmukomputer.org/
Analisis :
Pada website ini ukuran huruf terbilang cukup kecil sehingga akan menyulitkan user yang memiliki kerusakan mata atau rabun serta user yang telah lanjut usia untuk mengaksesnya lebih jauh. Sebaiknya ukuran, bentuk, maupun warna tulisan dapat disesuaikan dengan pembaca atau user yang menjadi sasarannya. Namun untuk ukuran sebuah link atau judul diharapkan bisa sedikit lebih besar , agar memudahkan user untuk memilihnya.

0 komentar:

Posting Komentar