Tugas Softskill - Tampilan Website yang Buruk dan Baik

Pada penulisan kali ini saya akan membahas tentang website dengan design yang kurang sedap dipandang, penulis memohon maaf sebelumnya bila ada yang kurangi maupun yang dilebihi dalam penulisan ini, saya sebagai penulis tidak ingin menjatuhkan satu pihak, terimakasih.

Tampilan Website yang Buruk

1.       Desain Secara Umum

Loading Page yang memakan waktu lama.

Halaman pertama (beranda/home) tidak pas dalam browser standar, yaitu 800 x 600 pixel.

Frame yang harus digeser (scroll) menyamping.

Tidak ada fokus tema atau terlalu banyak fokus tema dalam satu halaman tersebut.

Pemilihan warna yang tidak cocok antara satu sama lain.

Peletakkan teks, paragraf, gambar dan sebagainya berantakan.

Halaman tampak bagus ketika dibuka di satu browser, tapi berantakan jika dibuka di browser lain.

Tombol navigasi menjadi satu-satunya daya tarik.

2.        Desain Background (Latar Belakang)

Kombinasi antara teks dan background yang membuat tulisan jadi sulit dibaca.

Background terlalu ramai, misalnya menggunakan gambar format .gif animasi sehingga membuat tulisan tidak jelas.

Pemilihan warna yang terlalu standar, atau terlalu banyak warna yang bertabrakan sehingga menyakitkan mata.

3.       Penggunaan Teks

Jenis font yang digunakan sulit dibaca.

Menggunakan font dengan size yang terlalu kecil ataupun terlalu besar.

Teks terlalu panjang dan menembus batas kanan halaman.

Seluruh paragraf ditulis dengan huruf BESAR, cetak tebal, ataupun cetak miring.

Menggunakan garis bawah pada teks yang bukan link, sehingga akan membingungkan pengunjung.

4.       Pemberian Link

Link yang tidak berubah warna atau tidak bergaris bawah ketika ditunjuk.

Link yang ketika di klik akan membuka web browser baru, muncul iklan, atau hal-hal tidak jelas lainnya.

Link yang menghubungankan pengunjung ke halaman yang tidak sesuai atau tanpa tujuan (broken link).

5.       Pemuatan Gambar

Gambar yang dimuat terlalu besar, sehingga memperlambat loading page.

Gambar yang digunakan tidak ada hubungannya dengan tema situs atau postingan blog.

Ukuran gambar thumbnail yang digunakan sama besar dengan gambar aslinya.

Gambar yang hilang atau rusak (muncul tanda x kecil berwarna merah).

6.       Pemuatan Tabel

Tabel yang digunakan tidak menggunakan border.

Border yang digunakan terlalu tebal.

7.       Menggunakan Objek Blinking (Berkedip) dan Animasi

Menggunakan animasi yang tidak berhenti.

Menggunakan objek yang mengikuti kemanapun kursor bergerak.

Menggunakan segala jenis objek berkedip, khususnya teks.

8.       Sampah (Junk)

Memuat iklan yang tidak penting, terutama iklan yang mengandung nilai pornografi atau kekerasan.

Memuat widget yang tidak terlalu penting, sehingga hanya memperlambat loading page.

Pengunjung harus melakukan scroll kiri-kanan.

Berikut adalah contoh tampilan website yang buruk

Seperti yang bisa kita lihat pada bagian halaman utama pada website ini terlihat berantakan dan tidak tertata rapih sebagaimana sepertinya, Index yang tercampur dengan gambar dan jenis terlihat tidak rapih, dan apabila website ini ditujukan untuk pengguna internasional semestinya memiliki beberapa atau banyak bahasa dan sub-sub menu yang benar-benar tidak rapih bercampur dengan gambar dan nama barang.

Tampilan Website yang Baik

1.       Desain Secara Umum

Loading page yang tidak memakan waktu lama

Halaman pertama (beranda/home) pas dalam browser standar, yaitu 800 x 600 pixel.

Meletakkan teks, paragraf, gambar, dan sebagainya dengan rapi.

Setiap halaman tampak sebagai bagian dari situs tersebut.

Menggunakan pilihan warna yang sesuai dan tidak berlebihan.

2.       Pengggunaan Teks

Jenis font yang digunakan mudah dibaca (menggunakan font standar).

Menggunakan font size yang cukup besar untuk dibaca, tapi tetap tidak terlalu besar.

Pemilihan warna font tidak sama atau bertabrakan dengan background, sehingga tulisan mudah dibaca.

Menggunakan kalimat yang mudah dimengerti, sehingga pengunjung mendapat informasi yang jelas.

3.       Pemberian Link

Link berubah warna atau bergaris bawah ketika ditunjuk.

Link menghubungkan pengunjungnya ke halaman yang sesuai.

4.       Pemuatan Gambar

Setiap gambar memiliki keterangan.

Setiap link gambar memiliki link teks yang jelas.

Gambar dan latar belakang menggunakan warna yang mampu ditampilkan browser (browser-safe colors)

5.       Navigasi

Menggunakan tombol dan navigation bar yang mudah dipahami penggunanya.

Navigasi konsistem di seluruh situs.

Menggunakan tombol dan navigation bar yang memberi petunjuk pada pengunjung sedang berada di halaman mereka serta halaman apa yang sedang mereka lihat.

Berikut adalah contoh tampilan website yang baik:

Menurut penilaian saya, dari segi tampilan website ini sudah cukup baik. Tiap-tiap elemennya sudah tersusun rapi, meski saya rasa tampilannya terbilang sederhana. Secara keseluruhan sudah bagus, sudah memenuhi kriteria, serta dapat diakses dengan cepat