Sekarang ini mulai banyak website baru buatan lokal muncul, dan ini merupakan indikasi yang bagus untuk industri desain website lokal. Maka dari itu Jurus Grafis membuat ‘rubrik’ baru yaitu Tinjauan Desain (Design Review), yang pada saat ini membahas desain website sebuah majalah online bernama Whiteboard Journal.

Pengenalan Singkat

Whiteboard Journal adalah media publikasi online yang membahas bidang fashion, desain, hiburan dan seni. Kalau melihat materi yang di sampaikan tentu ini di tujukan untuk pembaca Internasional dan Lokal (menggunakan bahasa inggris).

Mempunyai fitur yang menarik seperti “Round Table” yang berisi wawancara dan diskusi (podcast) dengan narasumber dan topik yang sedang hangat. Fitur “Column” dan “Focus” dengan artikel dan insight yang mendalam, tidak lupa juga “W-Music” dan “City Guide” sebagai pelengkap yang menyenangkan.

Minimalis, Aksen dan Detail

Desain homepage Whiteboard Journal sangat rapih, bersih dan tidak banyak basa basi. Sesuai dengan tagline mereka, A Concise Publication, publikasi yang ringkas. Di tunjukan dengan menggunakan slideshow di bagian atas (above the fold) untuk meng-emphasis artikel dan konten inti terbaru yang ada di website ini.

Lalu di lanjutkan dengan lembut  ke berita terbaru di bawah slideshow. Yang menarik dari news feed ini adalah icon yang di gunakan pada masing-masing kategori berita, seperti penggunaan icon pensil untuk kategori Art & Design, icon gantungan baju untuk Fashion, dan lainnya. Cara ini memberikan detil yang membantu para pembaca untuk menemukan kategori yang sesuai dengan minat mereka.

Di bagian sidebar kanan sebenarnya biasa saja, karena kebanyakan hanya iklan yang di taruh disana. Tapi ada satu yang menarik perhatian saya yaitu sebuah widget “Latest Feature” yang menggunakan metode tabbed browsing untuk mengakomodasi konten yang lumayan beragam. Dan menurut saya cara ini sangat efektif sekali untuk website tipe majalah.

Dan ditutup dengan rapih oleh footer yang informatif, berisi semua kategori berita dan fitur website, termasuk tautan ke online store Whiteboard Journal. Tak lupa juga bagian footer di jadikan area monetisasi untuk menaruh banner iklan.

Sedikit permasalahan usability di header adalah logo Whiteboard tidak bisa di klik untuk kembali ke homepage. Saya rasa ini sudah menjadi standard pada semua website kalau logo itu jika di klik harus kembali ke homepage.

Halaman Berita

Penggunaan foto dengan lebar yang sesuai dengan area konten membuat bagian ini tetap rapih, walaupun menurut saya besar font nya masih terlalu kecil, coba bayangkan orang yang membaca dengan resolusi 1440  ke atas, mereka pasti sedikit kesulitan.

Saya tidak mengerti mengapa tidak ada kolom komentar di akhir posting, rasanya ini bisa menjadi masukan. Atau memang sengaja tidak menggunakan kolom komentar?. Ini membuat kesan percakapan satu arah yang sudah tidak jaman lagi sekarang ini.

Halaman Fitur yang Unik

Kalau kita masuk ke salah satu fitur seperti “Round Table” maka layout yang di tampilkan menjadi agak berbeda. Sidebar di hilangkan sehingga area besar di tengah menjadi fokus. Kolom di bagi 2 sehingga kita merasa seperti membaca majalah cetak.

Yang menjadi masalah disini adalah flow membaca artikel, pertama karena tidak ada Drop Cap pada paragraf pertama, kedua karena tidak menggunakan H2 untuk huruf text yang lebih besar sebagai penanda dan ketiga tidak ada petunjuk kemana kita harus membaca selanjutnya, ke bawah atau ke kanan. Tipografi harus di perhatikan lagi di bagian ini yang menurut saya sangat krusial.

Terakhir adalah pagination yang sangat terlalu kecil, kalau pembaca kurang jeli mungkin mereka melewatkan dan selesai membaca dengan bingung karena artikel belum selesai tetapi tidak ada lanjutannya lagi. Solusi nya adalah memperbesar angka pagination di bawah, dan berikan petunjuk yang jelas kita sekarang berada di halaman berapa.

Salah Satu Contoh Layout Toko Online yang Baik

Saya merasa bagian ini sangat baik, semua produk Whiteboard bisa langsung di lihat dengan mudah. Di tunjang dengan informasi ketersediaan barang pada setiap foto.

Yang kurang hanya tidak ada informasi harga sampai kita masuk ke dalam halaman detail produk. Tombol ‘Buy’ yang terlalu kecil dan kurang kontras (ini berpengaruh kepada psikologi kita untuk mengklik atau tidak), dan terlalu di ulang-ulang sampai 3 kali. Saya rasa cukup dengan 1 tombol yang lumayan besar, warna kontras (kuning atau hitam pekat?) dan di tempatkan di samping harga atau di akhir informasi.

Kesimpulan

Whiteboard Journal bisa di jadikan standard yang sangat baik untuk desain website bertipe majalah yang berisi kategori beragam. Walaupun ada beberapa masalah usability di sana sini, namun saya rasa itu masih dapat di maklumi dan hanya masalah minor saja.

Menurut kamu bagaimana desain interface website Whiteboard Journal? Yuk berdiskusi di kolom komentar

Dan kalau kamu tertarik website kamu di bahas di sini silakan kirimkan email ke,
hello [at] jurusgrafis.com atau jurusgrafis [at] gmail.com

Ayo berlangganan Jurus Grafis melalui Email dan RSS, supaya kamu tidak ketinggalan artikel menarik berikutnya!. Temui juga Jurus Grafis di Facebook dan ikuti Twitter Jurus Grafis untuk berita tambahan seputar desain.