Fakultas Teknik Informatika Universitas DR. Soetomo Surabaya 2014 Analisis Website Kompas
Website kompas (http://www.kompas.com/) adalah situs berita terpercaya di Indonesia yang selalu diupdate secara terus menerus selama 24 jam sehari, dengan total readership lebih dari 10 juta orang. Sedangkan tingkat kunjungan atau lebih dikenal dengan sebutan page view, mencapai 40 juta setiap bulan. Website kompas menurut saya website yang dari segi tampilannya menarik. Website tersebut terdiri dari warna yang tidak terlalu menyolok, sederhana dan memberikan kesan elegan. Dari hasil analisis yang telah saya lakukan menurut prinsip desain grafis, maka dapat saya simpulkan sebagai berikut. Prinsip Desain Grafis Desain grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan kepada sang desainer (perancang) untuk memilih,menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan dan garis diatas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan.
Desain Grafis mempunyai 6 prinsip yaitu : 1. Metaphor (Metafora) Adalah deskripsi yang mempunyai 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. Hasil Analisa : Pada web Kompas terdapat unsur metafora yaitu pada iklan banner kreatif berupa flash objek yang menggunakan media flash dan teks. Ada juga yang berbentuk slide gambar tentang kejadian berupa topik berita yang masih hangat diperbincangkan oleh masyarakat. Objek berita tersebut membuat kita seakan-akan kita berada dalam tempat kejadian tersebut. 2. Clarity (Kejelasan) Harus memiliki alasan yang kuat/masuk akal dan jelas mengapa menggunakan setiap elemen yang berada dalam suatu interface yang kita buat. Hasil Analisa : Pada web Kompas mempunyai Clarity (Kejelasan) yang sangat baik. Setiap elemen masing-masing di dalam web kompas baik berupa slide gambar atau teks yang diberikan supaya para pembaca yang melihat mendapatkan informasi yang bagus dan bermanfaat. Biasanya berita-berita yang baru dimuat di bagian depan sebagai headlines. 3. Consistency (Ketetapan) Konsistensi dalam tampilan, pewarnaan, gambar, ikon, typography (model form yang digunakan pada suatu website) dan teks harus ada konsistensi baik dalam layar maupun antar layar. Dan harus selalu ada metafora dimanapun juga. Setiap platform mungkin memiliki panduannya. Hasil Analisa : Pada web Kompas mempunyai konsistensi yang baik dalam tampilan, pewarnaan maupun gambar yang berkualitas. Salah satunya terdapat konsistensi pada frame yaitu setiap halamannya mempunyai jumlah dan bentuk frame yang baik. 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 perataan. Hasil Analisa : Pada web Kompas diteliti dengan dengan baik, sebagian besar menggunakan perataan kiri dalam hal teks, iklan dan slide gambar. Dalam hal teks tersebut memiliki topik yang sangat penting dan sangat bermanfaat.
5. Proximity Adalah Item-item yang berkaitan ditampilkan bersama pasti memiliki hubungan karena jarak yang jauh mengimplikasikan bahwa tidak ada hubungan antara item-item tersebut. Hasil Analisa : Pada web Kompas unsur Proximitynya sangat diperhatikan baik-baik oleh pembuat web karena item-item yang di tampilkan saling berhubungan diletakan saling berdekatan. Bahkan pembuat web sudah mengkategorikan topik berita atau informasi kedalam lingkup pembahasan tertentu. Item-item yang tidak berhubungan di letakan jauh dari pembahasan tersebut. Contohnya kita ingin membaca topik berita tentang korupsi maka didalamnya sudah terdapat topik-topik yang membahas tentang korupsi itu sendiri. Jadi pembaca tidak perlu bingung jika mencari berita yang lain. 6. Contrast (Keserasian Tampilan) Adalah sebuah keserasian tampilan akan membuat pengunjung web tertarik pada web tersebut. Kontras juga dapat memandu mata pengunjung untuk melihat keseluruhan interface. Keuntungan dari keserasian adalah untuk memperkuat fokus atau untuk memperkuat suatu interface. Kontras digunakan untuk membedakan aktifitas kendali. Juga dapat digunakan untuk men-set item yang paling utama. Item yang paling utama diberi highlight. Dengan mempergunakan geometri dapat membantu pengurutan. Kontras juga mendukung skimming secara cepat. Hasil Analisa : Pada tampilan contrast web Kompas kurang menarik karena hampir semua tidak ada unsur contrast yang di gunakan. Contrast pada web Kompas yang digunakan berwarna putih pada latar belakangnya. Web Kompas.com ini hanya memfokuskan pada topik beritanya sedangkan masalah contrast tidak terlalu diperhatikan.
Analisis Website Arngren
Ketidak Konsistenan Halaman Halaman yang satu dengan yang lain memiliki background yang tidak sama (bahkan cenderung kontras, membuat mata sakit jika melihatnya). Letak Navigation barnya juga tidak konsisten, ada yang di bawah, di samping, ada juga yang di atas.
Tidak memiliki Peta Site (Site-Map) Link-link di dalamnya tidak jelas dan tidak teratur sehingga pengunjung merasa kebingungan.
Navigation Bar: Acak-acakan (tidak teratur) Tidak jelas dan menyesatkan pengunjung (ada yang tidak active) Hanya berupa text sehingga kurang menarik
Tampilan Profil Saya tidak menemukan Tampilan profile pada website ini. Tidak adanya Ruang Komen, saya juga tidak menemukan ruang komen sehingga situs tidak berkembang. Tidak memiliki Ruangan yang membahas tentang persoalan umum. Tampilannya tidak menarik, acak-acakan, gambar yang ada tata letaknya tidak rapi dan cenderung berukuran besar sehingga loading-nya lama.
Kesimpulan Kesimpulan yang dapat diambil dari analisa yang telah dilakukan adalah sebagai berikut: Website yang bagus umumnya memiliki komponen sebagai berikut Peta Site (site-map) yang jelas Navigation bar yang konsisten dan tidak menyesatkan Memiliki tampilan profile, sehingga situs dapat berkembang Memiliki ruang komen sehingga dapat melakukan pembalikan aksi dan memiliki umpan balik yang informative. Informasi yang disajikan menarik dan berbobot serta ter-up-date Membahas persoalan-persoalan umum Menarik dan fast-loading Konsisten Memudahkan pengunjung misalnya dengan menyediakan search-engine dan adanya link yang relevan
Pendekatan sederhana untuk SEO: Bagaimana memahami dasar-dasar optimasi mesin pencari dengan cara yang sederhana dan praktis melalui jalur penemuan non-spesialis untuk semua orang
Halaman arahan: apa itu dan bagaimana cara kerjanya: Buku pegangan yang menjelaskan semua dasar-dasar pemasaran halaman arahan, mulai dari pembuatan hingga pengoptimalan