Konsep Desain Halaman Depan Blog
Desain standar halaman depan blog kebanyakan saya lihat menampilkan penggalan beberapa posting terbaru (yang umumnya disetel menggunakan read-more). Tidak ada yang salah dengan konsep desain tersebut. Namun masalahnya, seringkali terjadi redundansi (pengulangan) tautan yang sama, terutama pada theme/template yang terdiri dari 2 atau 3 kolom.
Jika sudah ada penggalan tautan posting terbaru (beserta cuplikan paragraf pertamanya), maka menu navigasi posting terbaru atau recent post yang terletak pada sidebar jadi terkesan mubazir. Jika ditinjau dari sisi kebergunaan (usability), mana yang lebih lebih berguna, apakah penggalan posting dengan read-more atau navigasi list posting terbaru pada sidebar?
Bagaimana jika salah satu elemen tersebut dihilangkan saja agar tidak terjadi kesia-siaan? Apakah semua pengunjung punya kebiasaan menyimak cuplikan paragraf pertamanya dulu, baru kemudian memutuskan akan mengklik tautan posting terbaru tersebut atau tidak? Apakah cukup dengan menampilkan judul saja masih kurang berguna atau kurang menarik?
Mengutip salah satu tulisan di Dani Iswara .com tentang Pertanyaan untuk Desain Blog Sederhana :
Apakah akan menyajikan semuanya di laman? Mungkin akan memudahkan pengunjung untuk mengetahui keseluruhan konten. Memberi alternatif jalan masuk yang lebih beragam sesuai selera pengguna. Tapi berisiko pada ukuran berkas total yang harus diunduh.
Bagaimana konsep halaman depan (home) yang baik untuk blog?
Menurut saya, setidaknya berpatokan pada 4 hal. Yakni :
- informatif,
- efektif,
- mudah diakses/dikenali, dan
- memenuhi unsur kebergunaan.
Silakan tafsirkan sendiri deskripsi masing-masing poin tersebut. Semoga tidak menjurus pada perdebatan tentang harus begini atau harus begitu. Setiap desain halaman depan pasti punya alasan tersendiri di sebaliknya.
Bagaimana bagi narablog yang punya keterbatasan pengetahuan teknis untuk memodifikasi theme/template yang digunakannya?
Tidak masalah. Solusi terbaiknya yaitu memilih theme/template dengan halaman depan yang paling sesuai selera masing-masing. Bisa juga dipilih yang paling unik (untuk tampilan halaman depannya). Cara lain, gunakan saja plugin yang bisa menampilkan widget/navigasi pada halaman tertentu saja (bagi pengguna WordPress).
Selalu ada jalan bagi yang memiliki keterbatasan teknis 
Konsep halaman depan blog ini bagaimana?
- Untuk navigasi pada headernya, saya cuma menampilkan ‘jump-link’ berupa skip to main content, skip to footer, dan tautan menuju daftar isi (arsip). Sedangkan tautan menuju halaman about dan kontak sengaja cuma saya tampilkan pada single-post. Alasannya, biarlah pengunjung membuka 2 menu tersebut karena penasaran/tertarik setelah membaca tulisan saya pada halaman single-post.
- Untuk navigasi lainnya, saya sengaja cuma menampilkan list 7 posting terbaru dan 7 posting acak pilihan. Biarlah dari situ pengunjung memutuskan akan menelusuri lebih lanjut atau tidak. Toh, jika tidak menemukan apa yang mereka cari, masih ada tautan daftar isi pada navigasi atas.
- Mengapa tidak ada kolom/kotak pencarian? Saya pikir, kotak pencarian umumnya dibutuhkan oleh pengunjung yang berasal dari mesin pencari. Dan umumnya mereka berada pada halaman posting (single-post). Jadi, kotak pencarian sengaja cuma saya tampilkan pada halaman posting untuk membantu menemukan konten.
Efek dari penyederhanaan tampilan halaman depan tersebut berimbas pada ukuran berkasnya yang cuma 5 Kb ketika saya akses dari ponsel (menggunakan Opera Mini dalam full version atau tampilan dekstop).
Kesimpulannya, konsep desain halaman depan blog tidak ada yang baku. Silakan disesuaikan dengan target pengunjung, tujuan utama ngeblog, serta kondisi mayoritas konten blog yang Anda miliki.
Menu Lainnya »» Atas » Depan » Arsip » Kontak » Bawah
Add KafeGue di Facebook 
Follow KafeGue di Twitter
Tautan Cepat »» Beri Komentar | Baca Ulang Posting
Baca Komentar | Menuju Posting Terbaru
WordPress 3.0.4
[...] Konsep Desain Halaman Depan Blog [...]
WordPress 3.0.1
[...] baca juga konsep desain halaman depan blog terkait modifikasi halaman [...]
Opera Mini 4.2.14912 | J2ME/MIDP Device
Mmm,
saya baru sadar, kok gravatar defaultnya mirip monster?
Gimana tuh kalau yg nggak ngerti gravatar? Disangka penjahat kali yak?
Google Chrome 6.0.408.1 | Windows XP
@indam, sengaja saya pilih monster mas, biar yang belum punya avatar bisa segera bikin avatar ^_^
Internet Explorer 8.0 | Windows XP
@indam, Tergantung, kalau yang berjiwa penjahat mungkin akan menggangap dirinya penjahat. *ini hanya tebak-tebakan saya mengenai psikologi, mungkin salah, mungkin benar. Tergantung kata expert psikologist*
Google Chrome 5.0.375.125 | GNU/Linux
@ganda, setuju Bro. Sayangnya, saya juga kurang punya ‘sense’ di bidang psikologi.
Firefox 3.6.8 | Ubuntu 10.04
OOT dikit pak, pemakaian pendeteksi browser dan OS di komentar menurut saya kurang berguna bagi pengunjung, tapi sebagai pemanis nggak masalah sih
Google Chrome 6.0.408.1 | Windows XP
@Aris FM, kalau menurut saya, ada sebagian pengunjung yang juga butuh informasi tersebut mas. Saya sendiri suka jika pada blog yang saya komentari ada pendeteksi tersebut. Jadi tahu browser dan OS apa saja yang digunakan oleh pengomentar. Jadi bukan sebatas pemanis bagi saya.
Firefox 3.6.8 | Ubuntu 10.04
Saya mencoba menampilkan semua konten blog saya di halaman muka dengan tujuan supaya pengunjung langsung tahu apa saja isi blog saya. Postingan kadang saya penggal dengan tag ‘read more’ semata demi keefektifan tampilan, walaupun secara usability kurang bagus karena terjadi duplikasi link.
Widget saya manfaatkan untuk menampilkan sedikit profil saya dan kategori posting agar pengunjung lebih mudah mengetahui informasi dan konten umum blog ini. Maaf kalau saya malah meninjau blog saya disini :D.
Konsep halaman depan sebuah blog yang baik menurut saya sederhana saja. Pengunjung paham apa isi situs itu dan mudah menjelajahi isinya. Sederhana secara teori tapi cukup susah diterapkan, apalagi jika ego bermain di dalamnya ;)
Google Chrome 6.0.408.1 | Windows XP
@Aris FM, makasih sudah berbagi konsep di kolom komentar posting ini mas. Kesimpulannya pas banget tuh tentang konsep halaman depan. Namun pertimbangan ukuran berkas yang harus diunduh juga tak bisa diabaikan. Halaman depan kan sebatas ‘landing page’, jadi sebisa mungkin menu yang ada tidak mubazir.
Opera Mini 4.2.14912 | J2ME/MIDP Device
Test dulu mas Is. Sesuai saran mas..
Firefox 3.5.7 | Windows XP
Mungkin untuk menubar dibuat drop down menu saja mas is, dan pada kategory dibuat percategory seperti blog saya yang mxwan dot web dot id
Posting terbaru dan Posting Pilihan sebaiknya juga di rata tengah saja..
Firefox 3.6 | Windows XP
@Gus Ikhwan, nambah lagi Mungkin optimasi garis x pixel juga sangat penting sekali mas is dalam mendesain atau redesain blog..
Google Chrome 6.0.408.1 | Windows XP
@Gus Ikhwan, wah, kalo soal itu pengetahuan saya masih terbatas Gus. Nanti mau saya pelajari deh. Makasih masukannya.
Google Chrome 6.0.408.1 | Windows XP
@Gus Ikhwan, soal dropdown, ide bagus tuh Gus. Sangat berguna untuk menghemat ruang/space. Nanti saya pertimbangkan. Soal rata tengah untuk menu bawah, sepertinya biar lebih sinergis ya dengan perataan area posting dan komentar. Nanti saya coba.
Firefox 3.6.8 | Windows XP
desain blog anda kok unik mas,jarang sekali yang seperti ini.Maju Terus karyanya mas
Opera Mini 4.2.14912 | J2ME/MIDP Device
ganda, ardianzzz
iya, ie8 lebih baik dari firefox seri 1.
Ngomongin ginian, itu kembali ke diri kita sendiri.
Nggak semu manusia suka dgn warna hijau.
Internet Explorer 8.0 | Windows XP
@indam, Ya. Memang tidak semua. Ada yang suka warna merah, ada yang suka warna hijau. Ya macam2 lah. :D
Google Chrome 5.0.375.127 | Windows XP
@ganda, Ok, kembali ke desain web. Perlu diingat bahwa desain berbeda dari seni. Design is not art, meskipun tidak terlepas dari unsur-unsur seni di dalamnya. Desain dibuat untuk tujuan tertentu yang cenderung oportunis, bukan memuaskan batin semata.
Inilah yang menjadi masalah pada blog pribadi — bisa dikatakan salah satu sisi unik dari sebuah blog — pemilik blog memiliki kontrol penuh terhadap blognya dan cenderung mengutamakan ego dalam mengelolanya, termasuk penggunaan thema & layout.
Tapi berbeda ketika kita membahas lebih jauh tentang arsitektur informasi, aksesibilitas, usabilitas & user experience. Engineering lebih banyak berperan disitu.
Secara sederhana, desain adalah perpaduan antara seni dan engineering. Tentu saja untuk tujuan-tujuan tertentu. Nggak semua suka warna hijau? ah, engineer Google inc. pasti juga tahu jika tidak semua orang suka dengan warna biru.
Google Chrome Frame 4.0 | Windows XP
@ArdianZzZ, Hahahaha…
Makanya logo Google berwarna warni, sehingga orang punya pilihan. Wkwkwkwkw..
Ya, mungkin karena itu juga di beberapa peramban seperti opera memperbolehkan user styling.
Lagi-lagi, jargon “this is my blog, who cares?” menjadi tamengnya. :D
Google Chrome 6.0.408.1 | Windows XP
@ArdianZzZ, engineering mungkin maksudnya lebih kepada pemrograman atau coding yach. Ya, saya setuju. Desain web jika berkaitan dengan aksesibilitas dan usabilty tentunya melibatkan pemrograman. Porsi art di situ mungkin sangat sedikit. Namun mengatur tipografi atau desain antarmuka kan juga memerlukan sedikit jiwa seni tuh :)
Paling tidak, mengatur tampilan list link pada sidebar juga butuh daya khayal (imajinasi), walau sedikit.
Opera 10.60 | Windows XP
Artikel ini detail banget ya. Saya cuma terbengong-bengong bacanya. Kasih mantab aja deh. hehehe…
Google Chrome 6.0.408.1 | Windows XP
@Agus Siswoyo, masak sih jadi bengong mas. Perasaan saya, tulisan di atas masih terasa aneh alurnya..hehehe
Opera Mini 4.2.14912 | J2ME/MIDP Device
Ganda,
yang saya tahu, ie itu tidak lebih baik dari firefox.
Mengenai microsoft, no comment.
Google Chrome 5.0.375.127 | Windows XP
@indam, IE8 lebih baik dari Firefox seri 1
Google Chrome Frame 4.0 | Windows XP
@ArdianZzZ, setuju. hahahahaha…
Firefox 4.0b3 | Windows XP
aseli mas saya suka banget tampilan halaman depan blog ini. sangat sederhana… i like it
Opera Mini 4.2.14912 | J2ME/MIDP Device
Dani,
thanks masukanya, saya akan sangat pertimbangkan itu.
Ganda,
maaf kang, sepertinya saya salah kapra.
Saya pikir yang kurangi javascript itu untuk ie.
Makanya saya jawab: saya lebih berharap para netter sadar betapa buruknya ie itu.
Ia, ie emang sangat mengerti %.
Google Chrome Frame 4.0 | Windows XP
@indam, Hey man. IE not bad, actually. :D Hehehehehe… The bad one is the Vendor. You know, Microsoft. IE has nothing to do with this. The one you should yell out is IE developer.
NetFront 3.4 | Samsung SGH-Z170
Sepertinya anti spam pada blog ini perlu diganti deh.
Firefox 3.6.8 | Windows XP
@Rudy azhar, saya sedang mempertimbangkannya. Namun sejauh ini, plugin invisible captcha yang saya gunakan di blog ini sangat memuaskan bagi saya. Semoga ada yang lebih baik nantinya.
NetFront 3.4 | Samsung SGH-Z170
Sepertinya ada diskusi panjang tentang halaman depan. Tapi saya nggak ikutan nimbrung ah. Saya penasaran aja pada halaman depan blog ini posting terbaru menggunakan apa? Murni PHP atau ada penambahan plugin?
Firefox 3.6.8 | Windows XP
@Rudy azhar, pakai cara manual saja kok Bang. Nggak pake plugin atau PHP. Cuma copy dan paste ke menu widgettext :)
Opera Mini 4.2.14912 | J2ME/MIDP Device
Ganda,
ia kang saya akan memikirkan itu, dulu sempat pakai % tapi kurang pas dgn themes sekarang.
Saya lebih berharap para neter sadar betapa buruknya ie itu :)
Google Chrome Frame 4.0 | Windows XP
@indam, Kan tinggal mengubah2 sedikit saja kan?
Lah? Apa hubungannya dengan IE? Setahu saya, IE mengerti kok menggunakan ukuran persen ini.
Anyway, Ini saya pakai IE. :razz:
Google Chrome 5.0.375.127 | Windows XP
@ganda, Menggunakan ukuran persen untuk desain responsif. Sayang kurang ramah di widescreen.
Lihat Hicksdesign, resize nirvana… :)
Google Chrome Frame 4.0 | Windows XP
@ArdianZzZ, Jadi aneh banget lah klo di Widescreen. Hahahaha… :D
GNU IceCat 3.6.8 | Arch Linux
@ArdianZzZ, tetap butuh
max-widthuntuk panjang kalimat kan ya.Google Chrome 5.0.375.127 | Windows XP
@dani, Saya belum mencoba sih. Tetapi sepertinya tidak semua browser kompatibel dengan
max-widthatau hanya IE6? atau hanya perasaan saya saja? :DGNU IceCat 3.6.8 | Arch Linux
@ArdianZzZ, MSIE 7+ sepertinya sudah lolos acidtest 2 (CSS 2.1).
Opera Mini 4.2.14912 | J2ME/MIDP Device
saya bingung mau balas apa, mungkin karena statement saya membingungkan.
Saya ulang.
sebenarnya kita bisa membuat tampilan berbeda di setiap brower dekstop maupun mobile browser.
Yang saya tahu(tapi blum bisa praktek) Caranya ada dua.
Cara pertama,
membuat 2 atau 10 themes.
Agar cara ini berfungsi, kita harus membuat fungsi agar setiap user agent(anggap opera mobile) dialihkan ke themes yang sudah kita rancang.
Begitupun dengan user_agent lainya(misal skyfire).
Permasalahanya adalah, caranya gimana? Script phpnya seperti apa? Apakah pada manual php ada fungsi itu?
Cara kedua.
Cara kedua ini, kita hanya perlu membuat satu themes. Tetapi kita harus membuat beberapa ekternal style untuk beberapa user agent tadi.
Ada yang tahu nggak caranya? Misal untuk opera, (tolong ya) taruh script fungsinya disini.
Kedua cara diatas punya kelebihan dan kekurangan, pada cara pertama. Terlalu banyak waktu yang dibuang. Sedangkan cara kedua terlalu berat(over size) karena tag-tagnya sama dengan versi dekstop ditambah lagi style versi dekstop ikut ter-request.
***
adapun cara lain, yaituh dgn merancang themes yang sesimple-simple mungkin, kayak punyanya ganda :) dan isnaini. Tapi, saya(pribadi) nggak senang jika terlampau simple.
Saya memikirkan ini karena yang surfing pakai handphone semakin tinggi pekembanganya(jutaan). Baguskan kalau visitor mobile dimanjakan dengan desain yg sesuai layar mereka.
Ia memang sih ada plugins tapi, sepertinya kurang menantang, kurang asik dan yang paling membuat rancu adalah kok tampilanya sama dengan blognya…? :)
ganda,
nanti saya coba, thanks ya link refencenya. Semoga saya bisa dan saya juga bisa :).
Ia juga sih, sepertinya mobile press ini selalu ngeremove cookies.
All,
maaf sangat jika statement saya nggak jelas dan membingungkan. Sulit memang membuatnya untuk dimengerti.
Internet ekploler saja(real), terkadang nggak mengerti dgn statement kita.
Internet Explorer 8.0 | Windows XP
@indam, Buat saja satu tema untuk semua device. Seperti blog Bli Dani. Menggunakan lebar dalam ukuran %. Nah, cukup aman kan? Ya konsekuensinya, kurangilah Javascriptnya. Hehehehe… :D
GNU IceCat 3.6.8 | Arch Linux
@indam,
Tautan yang diberikan Ganda sudah cukup baik.
Dengan satu templat pun masih kontra antara jumlah CSS eksternal dan konsep PageSpeed + YSlow. Itu jika memang dianggap masalah. Kalau CSS desktop, ‘mobile/handheld’, dan ‘print’ dipisah, lalu dibagi lagi sesuai kebutuhan tampilan per halaman, berarti sesuai fungsinya dan ukuran berkas terkelola baik. Tapi, membutuhkan 3+ http request menurut teori PageSpeed + YSlow.
Sarannya, CSS eksternal dijadikan satu. Kerugiannya, ukuran berkas relatif lebih besar, tapi bisa dimaksimalkan dengan setelan ‘cache’. Dengan satu templat, ‘user interface’ dan ‘user experience’ relatif lebih mudah dikelola. Fungsi & kemudahan pemeliharaan dulu, tampilan/estetika/aksesoris belakangan.
Google Chrome Frame 4.0 | Windows XP
@dani, Couldn’t agree more. +1
Google Chrome 5.0.375.127 | Windows XP
@indam, Pakai mobify atau mippin beres, atau buat menggunakan RSS feed.
Firefox 3.5.7 | Windows XP
@indam, Bro kenapa tidak menggunakan dan memasang code sendiri saja, kan lebih enak instal sub domain terus bikin yang versi mobile-nya
kan biasanya situ Anti dengan Plugin.
Firefox 3.6.8 | Windows 7
Akhir-akhir ini saya seperti melihat ada perlombaan menyederhanakan blog :D, mulai dari menghapus images, memangkas plugins dan sekarang menghilang excerpt pada halaman muka.
Saya mahal seperti berhadapan dengan daftar ini sebuah buku, bukan halaman depannya.
Potensi redudansi yang mas Is sebutkan bisa diakali dengan tidak menampilkan widget postingan terbaru. Ini sama dengan Bli Dani di daniiswara.com (kayaknya lebih mumpuni daniiswara.net) halaman depan tinggal judul postingan saja.
Firefox 3.6.8 | Windows 7
@Aldy, typo, mahal = malah
Google Chrome Frame 4.0 | Windows XP
@Aldy, Blog ku bebas dari redudansi ini. Hahahahaha
Firefox 3.6.6 | Windows XP
@ganda, Xixixi…dari sononya sudah dibuat seperti itu.
Google Chrome Frame 4.0 | Windows XP
@Aldy, Hihihihi… Padahal desainnya ngasal. :D
GNU IceCat 3.6.8 | Arch Linux
@Aldy, untuk versi bergerak/mobil, tentu saya pilih daftar menu saja yang muncul di depan, Pak Aldy. Yang dot net, biar beda saja. :)
Firefox 3.6.8 | Windows 7
@Bli Dani, mungkin karena kebiasaan saja. Jujur saya malah melihat yang dot net lebih matang dari dot com, bukan karena usia dot net yang lebih tua, tetapi dari sisi tampilan.
Mungkin usia saya memberikan pengaruh terhadap penilaian ini :D
GNU IceCat 3.6.8 | Arch Linux
@aldy,
Terima kasih apresiasinya.
Dengan MobilePress, personfield.web.id hanya menampilkan satu tautan tulisan terakhir di halaman depannya. Apakah tidak lebih baik berupa daftar beberapa tulisan terakhir?
Firefox 3.6.8 | Windows 7
@Bli Dani, iya bli memang hanya judul satu postingan terakhir saja yang muncul.
Terima kasih sudah mengingatkan.
Google Chrome Frame 4.0 | Windows XP
Melengkapi komentar saya diatas,
Diskusi di MacRumors tutorial di Ber Adrian mengenai pengenalan perangkat bergerak.
Google Chrome Frame 4.0 | Windows XP
@ganda, Aih, lupa menambahkan kata dan-nya. Sorry for fast typing.
Opera Mini 4.2.14912 | J2ME/MIDP Device
admin,
sepertinya bukan karena mobilepresrnya, gus ikhwan memakai plugins yang sama. Sistem komentar mxwan versi mobile ok ok aja.
Mungkin karena plugins anti spamnya.
Sebenarnya dari dulu ingin sampaikan keluhan ini, tapi selalu lupa.
Oia, tahu nggak caranya agar user agent mobile, dialihkan ke themes lain.
Maksudnya gini:
opini pribadi, cara kerja plugins ini ialah dengan mengalihkan user agent(anggap mobile browser) ke themes yang sudah di sediakan di directory themes. Yang saya ingin tanyakan adalah bagaimana cara agar server kita mengalihkan penguna mobile ke themes yang sudah kita rancang untuk versi mobile.
Yah, kita membuat dua themes, satu untuk dekstop dan yang satu untuk mobile.
Jika statement saya nggak dipahami, *abaikan saja*.
Google Chrome Frame 4.0 | Windows XP
@indam, Pakai CSS3!!!!
Google Chrome Frame 4.0 | Windows XP
@ganda, Maaf. Terlalu semangat menyerukan CSS3-nya. Dengan CSS3, gak perlu membuat dua tema. Cukup sediakan satu tema, dengan style yang berbeda. Nice, isn’t it??
Firefox 3.6.8 | Windows 7
@ganda, Pelan-pelan, opung sedang istirahat :D
Google Chrome Frame 4.0 | Windows XP
@Aldy, Maaf, pung. :D
Firefox 3.6.8 | Windows 7
@ganda, Lain kali diulangi lagi ya :lol:
Google Chrome Frame 4.0 | Windows XP
@indam, Klo lebih prefer menggunakan PHP, ini adalah beberapa alternatifnya.
Detect Mobile Browsers , MobiForge.
Nah, yang dua itu sudah cukup kan?
GNU IceCat 3.6.8 | Arch Linux
@ganda, Untuk melayani peramban bergerak/’mobile’, ya opsinya ada 2:
1) negosiasi konten & user agent di sisi server, dan
2) pakai CSS3 min-width dan max-width dibantu meta name viewport.
Masing-masing ada plus minusnya.
3) Sebenarnya bisa dengan cara kalem: lakukan penulisan markah yang baik (standar Web, aksesibel). Selanjutnya serahkan pada kecanggihan kompresi server ala Opera Mobile-Mini dan kompresi ‘optimized page’ di sisi tiap ponsel (kalau ada). :)
Internet Explorer 8.0 | Windows XP
@dani, Penggunaan jQuery yang terlalu banyak berdampak buruk menurut saya Bli. Ada baiknya untuk mobile site, bebas dari javascript dulu, atau paling tidak, tidak lebih dari 5KB size javascriptnya.
GNU IceCat 3.6.8 | Arch Linux
@ganda, Skrip negosiasi kontennya pakai PHP, bukan JQuery. Itu maksudnya ya, atau saya yang salah tangkap?
Opera Mini 4.2.14912 | J2ME/MIDP Device
To admin,
gini kang, maksud dari kewalahan adalah. Setiap saya nulis komentar, selalu dianggap spam? Kok bisa ya? Kan pakai plugins untuk mobile user. Trus, kenapa yg koment pake opmin(mobile user) selalau jadi spam? Apakah itu memanjakan netter?
Form inputanya juga, kurang asik. Karena setiap mau komentar harus selalu isi nama, email, url. Biasanya kan tinggal isi form textarea lalu submit.
Jadi, mau nggak mau, agar komentar saya langsung muncul, ya harus klik view full site.
Jadi plugins ini terkesan mubasir.
Firefox 3.5.7 | Windows XP
@indam, mungkin saya perlu mengganti plugin untuk versi mobilenya ya agar lebih ramah. Saya sendiri kalau mau balas komentar dari hape juga dianggap spam. Saya kurang tahu apa penyebabnya. Mungkin memang kelemahan plugin mobilepress yang saya gunakan saat ini. Makasih atas keluhannya. Tapi komentar dari hape (Opera Mini) yang masuk ke blog ini pasti akan saya bebaskan kok dari folder spam.
GNU IceCat 3.6.8 | Arch Linux
@iskandaria, IP server Opera sering disalahgunakan sebagai serangan spam. Begitu juga IP dari beberapa universitas.
Opera 10.61 | Windows Vista
@dani, Hi hi…, coba tebak siapa pelakunya :D
Google Chrome Frame 4.0 | Windows XP
@indam, Seharusnya Opera Mini bisa menghandle Cookie. Gak tahu deh apakah Opera Mininya disetel agar menghapus cookie setiap Opera Mininya di terminasi.
Jika plugin mobile yang digunakan Mas Iskandar memblokir cookie default si WordPress ini, lapor saja kepada pembuat pluginnya mas.
Firefox 3.6.8 | Windows XP
Masalah konsep halaman depan ini bagi saya nggak pernah terpikir sejauh itu :)
Saya sendiri lebih suka menampilkan halaman depan dengan 3 posting terakhir misalnya, dan kurang blom pernah menampilkan daftar posting baru atau posting terkait di side bar :)
Firefox 3.5.7 | Windows XP
@Erdien, kalau saya lihat sih, penyajian ringkasan posting terbarunya terlalu panjang Pak. Mungkin sebaiknya diringkas lagi menjadi satu paragraf saja untuk dipenggal menggunakan fitur
more.Menurut saya, cukup tampilkan paragraf pertama sebagai penggalan/cuplikan untuk halaman depan.
Firefox 3.6.8 | Ubuntu 10.04
kalo saya masih setia pakai desain yg “standar”
cuman untuk recent post saat ini dah gak pake
masalah 4 hal tentang konsep home, saya sependapat dengan anda dan membuat saya jadi bertanya2
bagaimana dengan blog saya?
Firefox 3.5.7 | Windows XP
@Iwan Kus, halaman depan blog IwanKus.com menurut saya memang masih standar kebanyakan tampilan blog. Kalau ingin lebih efektif dan efisien, ada beberapa menu yang kurang perlu atau kurang berguna untuk ditampilkan pada halaman depan. Sebut saja seperti banner, blogroll, dan widget top komentator.
Logikanya, halaman depan itu kan sekadar untuk landing page. Jadi sebaiknya diisi dengan fitur/menu yang memang paling penting saja untuk ditampilan di halaman landing tersebut.
Sebaliknya, halaman single-post lebih cocok untuk ditempatkan banner iklan, blogroll, top komentator, dsb. Pada halaman itulah pengunjung lebih banyak mampir.
Firefox 3.6.8 | Windows 7
Betul mas is,
Tampilan blogrollnya aneh sekali :D
Firefox 3.5.7 | Windows XP
@rismaka, aneh pada posisinya yang di pojok kanan ya mas? Sengaja saya taruh begitu sih letaknya. Biar ada space kosong di bawah menu daftar posting. Sekadar mengurangi kemungkinan beralih fokus saja ketika pengunjung menyimak list judul posting pilihan.
Opera 10.61 | Windows Vista
@iskandaria, kalau tidak salah yang di bottom center itu ya? Mengapa tidak dibuat blogroll ke samping saja dari pada ke bawah?
Firefox 3.6 | Windows XP
@Cahya, maksudnya memenuhi lebar sidebar bawah ya? Terlalu ramai jadinya menurut saya. Jadi saya pikir lebih baik dibikin ke bawah saja dalam gulungan. Lagipula, saya sengaja tidak ingin terlalu menonjolkan menu blogroll itu. Tidak penting bagi pengunjung soalnya.
Opera 10.61 | Windows Vista
Saya ingat Bli Dani selalu protes dengan halaman muka blog saya yang dibilang mengecoh pengunjung, he he… :D.
Firefox 3.5.7 | Windows XP
@Cahya, halaman depan blog Bhyllabus cukup unik dan ‘usable’ kok. Namun sepertinya penyajian ringkasan pada daftar posting di bagian bawah menambah ukuran berkas. Hemat saya, bisa disajikan judulnya saja (tanpa ringkasan). Jadi yang ada ringkasan cukup posting terbaru (yang teratas).
GNU IceCat 3.6.8 | Arch Linux
@iskandaria, Di blognya Cahya, tulisan terakhir sebenarnya diunduh penuh lalu dipotong oleh ‘javascript’, sehingga seolah tampak ringkasan saja. Serupa fitur ‘read more’ Blogspot dulu, ‘excerpt’ semu!
Opera 10.61 | Windows Vista
@dani, gya ha ha…, itu dia maksud saya, hi hi, saya malas menambahkan
readmoresetiap kali mau publikasi. Kebiasaan lama dari Blogspot :D.Google Chrome 5.0.375.127 | Windows 7
Kalau kotak search wordpress, yang saya permasalahkan itu hasilnya jelek sekali, sangat tidak akurat.
Seharusnya search penting, tapi melihat hasilnya akan lebih baik balik lagi ke google. Solusinya gimana ya?
Firefox 3.6.8 | Windows 7
@Jeprie, dan mas is,
Mungkin lebih baik mengganti kotak pencarian default wordpress dengan kotak pencarian custom dari goole. Saya lebih merasa hasil pencarian dari google custom search lebih baik daripada bawaan wordpress.
Firefox 3.5.7 | Windows XP
@rismaka, saya sudah pernah mencoba pasang fitur google custom search mas. Tapi sepertinya malah bikin berat loading. Scriptnya itu loh yabng bikin berat. Tapi kalau yang di dani iswara.com sepertinya ringan banget tuh. Saya setuju sih kalau fitur pencarian kustom google lebih baik.
GNU IceCat 3.6.8 | Arch Linux
@rismaka, Fitur pencarian punya Google kemungkinan tidak se-’real time’ bawaan WordPress.
Firefox 3.6 | Windows XP
Apa kotak pencarian tidak sebaiknya di letakan di atas ketimbang di bawah?
Saya rasa warna border putih di bawah tanggal publish itu mengganggu mata, terlihat silau, apa tidak diganti dengan warna yang soft agar terlihat mecing dengan warna latarnya.
mending di samping blogroll dibuat 1 kolom lagi untuk tag cloud agar dapat memudahkahn pengunjung untuk mencari artikel dan tentunya juga akan di untungkan pada pageview juga.
Firefox 3.5.7 | Windows XP
@Gus Ikhwan, makasih atas penilaian dan masukannya Gus. Nanti warna bordernya akan saya ubah jadi lebih soft. Kotak pencarian juga akan saya pertimbangkan. Mengenai tags, saya mau membenahi pengkategoriannya dulu. Setelah itu, baru akan saya pasang di samping blogroll.
Opera 10.61 | Windows XP
Wah ane Confused ni…hiks Thanks dah Sarannya
Salam Hangat
Firefox 3.6.8 | Linux Mint 9
Kalau menurut saya kalau menggunakan dua buah itu ada gunanya. Karena jika menggunakan read more itu khan orang harus menggunakan scroll kebawah untuk melihat postingan yang lalu sedangkan kalau menggunakan sidebar recent posts khan tidak perlu scroll kalau menaruhnya disamping atas.
Firefox 3.6.8 | Windows XP
saya rasa masalah pengulangan tersebut tidak terlalu masalah, karena bisa memberikan pilihan pada pengguna. just my opinion
Opera Mini 4.2.14912 | J2ME/MIDP Device
Template ini membuat penguna opera mini kewalahan.
Firefox 3.5.7 | Windows XP
@indam, kewalahan bagaimana maksudnya mas? Mungkin bisa lebih jelas dan detail lagi. Kalau masalahnya komentar dari hape selalu dianggap spam. itu wajar dan memang sering terjadi. Tapi komentarnya masuk folder spam kok. Tidak hilang. Jadi pasti akan saya bebaskan.
Opera Mini 4.2.14912 | J2ME/MIDP Device
Hahahaha, berarti halaman depan blog saya kurang efisien dong. Daftar isi dan daftar bacaan isinya sama, malahan ada double link. Hehehehe, saya sadari itu tapi agak males re-desain ulang.
Mmm, kenapa menu searchnya di hilangkan? Saya pikir itu perlu! Jangan mengatakan ini terkait dengan validation type strict.
Firefox 3.5.7 | Windows XP
@indam, menu search saya hilangkan pada halaman utama saja kok. Dan itu sama sekali tidak ada kaitannya dengan validasi. Nggak ngaruh sama sekali kok.
Oya, halaman home blog Anda sudah simpel sih. Cuma yang terasa menggangu bagi saya yaitu headernya. Terlalu ramai dan besar rasanya :)
Oya, maaf ya. Komen dari HP pasti akan masuk folder Spam dulu. Tapi pasti saya bebaskan kok. Tenang saja.
Firefox 3.6.8 | Windows 7
Satu hal lagi, saya hampir tidak melihat kotak pencarian di blog ini. Warnanya kurang kontras dengan latar dan letaknya kurang bisa dipindai secara cepat.
Google Chrome 6.0.408.1 | Windows XP
@rismaka, wah iya juga ya. Saya masih ujicoba (eksperimen) mengenai letak/posisi kotak pencarian itu mas. Awalnya ingin saya letakkan di atas judul posting. Namun karena pertimbangan estetika (pengaruhnya terhadap tampilan), jadi saya urungkan.
Mengenai warna yang kurang kontras, alasan saya lebih kepada demi meminimalisir detail saja mas. Awalnya ingin saya bikinkan dalam kotak khusus yang berbeda warna latarnya dengan latar utama. Namun khawatirnya akan merusak tampilan (jadi terlalu rame).
Tapi nanti akan saya benahi kembali mas. Mungkin warna dasar kotaknya diubah jadi putih aja kali ya (sebelum dihover atau sebelum focus).
Makasih atas penilaiannya mas.
Firefox 3.6.8 | Windows 7
Saya dulu agak mengkritik navigasi blog daniiswara.com. (mumpung blognya sedang ditutup kolom komentarnya, jadi kita gosipin aja di sini :lol: )
Saya bingung dengan navigasinya.
1) Tagline blog daniiswara.com adalah unesential
weblognote. Bila sebagai pengunjung baru, saya tak tahu blog itu membahas apa.2) Saat membuka halaman blog, saya langsung disodorkan kotak pencarian. Owh my god, saya pikir saat itu saya sedang mengunjungi google :lol:
Bila tagline-nya jelas mendeskripsikan sesuatu dan terdapat navigasi kategori, maka kotak pencarian lebih memberikan arti bagi pengunjung baru. Lain halnya bila kotak pencarian hanya digunakan oleh sang empu blog, menurut saya tidak masalah kalau begitu.
Yah, wajar saja, namanya juga unessential notes :D
Ada yang mau ikut gosipin juga? :lol:
Google Chrome 6.0.408.1 | Windows XP
@rismaka,
Alasannya pasti berkaitan dengan tagline yang memang sengaja dibuat begitu..hahaha. Tapi kasihan juga pengunjung baru blognya. Jadi dibuat bingung (blog ini tentang apa ya). Namun jika pengunjung baru itu datang dari google, pastinya kan berada di halaman posting. Nah, di halaman postingnya kan ada navigasi related post. Dari situ, mungkin konten mayoritas
blogsitusnya baru bisa tergambarkan (apa kecenderungan topik kontennya).Mengenai kotak pencarian, menurut saya memang lebih berguna bagi pengunjung yang sudah familiar.
Google Chrome 5.0.375.127 | Windows XP
@rismaka, Barusan saya komen di sana bisa tuh… Keamanannya lagi lengah paling. :P Sekarang namanya Unessential Side, ada warnanya juga. :)
Terkadang unsur emosi menjadi sangat penting, bisa jadi lebih penting daripada usabilitas itu sendiri. Saya ingat pertama kali mengunjungi UXHero, di halaman muka terdapat dua artikel full (bukan excerpt) tanpa kolom komentar, sidebar dan semacamnya. Penasaran, akhirnya saya baca semua tulisan disitu.
Fitur terbatas belum tentu tidak usabel. Ingat Twitter? Mencandui masyarakat hanya dengan 140 karakter.
Firefox 3.5.7 | Windows XP
@ArdianZzZ, saat main ke UXHero, saya berasa di blog sendiri (warna latarnya mirip warna latar blog ini soalnya). Sekarang tampilan halaman depan UXHero ada 5 posting yang ditampilkan utuh. Tapi kotak pencariannya udah nggak ada lagi tuh. Untuk halaman single-nya, cuma ada navigasi next dan prev. Plus arsip. Mungkin ingin lebih membergunakan menu arsip.
Google Chrome 5.0.375.127 | Windows XP
@rismaka, Yeah, saya pikir categori, tagline & keyword jauh lebih bermanfaat daripada kotak pencarian. Apalagi kalau sistem pencariannya jelek.
Firefox 3.5.7 | Windows XP
@ArdianZzZ, namun kalau tidak ada menu kategori maupun tags, mau tidak mau kotak pencarian akan berguna atau akan digunakan juga kayaknya :D Sistem pencarian default wordpress kurang bagus sepertinya. Masih lebih bagus fitur pencarian blogspot yang sudah mirip google.
GNU IceCat 3.6.8 | Arch Linux
Mas Iskandaria,
Maaf, saya baru tahu tulisan ini. Saya tidak berlangganan pasokan/umpanan/’feed’. Pun belum ada pemberitahuan ‘pingback’ masuk.
Tentang tampilan halaman depan blog kafegue.com, menu ‘skip to main content’ teorinya ada di baris paling atas. Cek dengan ‘disable’ CSS atau lihat di peramban teks seperti Lynx atau Elinks, karena kadang ada yang menyetelnya ‘invisible’ di peramban Web berbasis grafis.
Risiko tampilan depan tanpa ringkasan? Saya pernah menulisnya. Memang lebih ringkas untuk versi bergerak/’mobile’. Titik beratnya memang ukuran berkas. Dari sisi SEO, ‘text to code ratio’ mungkin masih jadi pertimbangan? Setidaknya perkakas BasicWebsiteReview.com masih memakainya. Mungkin juga ada yang mengoptimalkan halaman depan yang kaya fitur dan menu untuk ‘landing page’ dengan cara berbeda.
Posisi ‘blogroll’-nya memang aneh, Mas Is. :)
Mas Adi-Rismaka,
Menurut saya, ‘tagline’ dan deskripsi memang ‘penting’, sedangkan situs saya kan dinyatakan ‘tidak penting’. :)
Tapi, saya memang terpikir untuk menampilkannya kembali.
Maaf, ini bukan pembelaan. Alasan saya, jika daftar tulisan di menu awal sudah punya ‘petunjuk’ seputar topik yang dibahas, abaikan saja ‘tagline’. Jika topiknya konsisten ‘niche’ tertentu, mestinya bisa terbaca dari menu daftar tulisan yang disajikan (‘fast scanning’). Selebihnya, ya karena memang situs itu tidak penting…he he he…
Jadi, pertanyaan “blog apakah ini” sedikit banyak bisa terbaca dari daftar menu, jika penyajinya konsisten dengan topik ‘niche’.
Untuk lebih jelasnya mana navigasi yang lebih ‘usable’, menurut saya, disurvei saja pengunjung blog ini, lebih menyukai navigasi yang mana? Selesai masalah. :)
Google Chrome 5.0.375.127 | Windows XP
@dani, Saat ini sedang mengkaji CSS media query. :D
Firefox 3.5.7 | Windows XP
@dani,
Soal posisi ‘skip menu’ itu, pertimbangan saya lebih kepada estetika tampilan saja (dengan tanpa disable CSS). Namun ketika diakses via ponsel, posisi ‘skip to main content’ pada bagian teratas sangat membantu. Terutama jika tidak mengaktifkan versi mobile.
Soal ‘text to code ratio’, jujur saya tidak mengerti maksudnya. Mungkin bisa dijelaskan lebih lanjut? Namun jika cuma menampilkan judul tanpa ringkasan atau penggalan paragraf pertama, sepertinya menarik juga jika dikaitkan dengan SEO pengaruhnya. Apakah kurang baik, sama saja, atau malah mendukung :)
Posisi blogroll sengaja saya taruh di pojok kanan agar tidak mengganggu konsentrasi/fokus pengunjung ketika melihat list menu Posting Pilihan.
GNU IceCat 3.6.8 | Arch Linux
@iskandaria, Perbandingan teks dan kode? Lebih banyak konten teks murni dibanding markah atau kode ‘dianggap’ lebih baik. Selebihnya Googling saja. Menurut saya, konsep SEO ini agak bertentangan dengan aksesibilitas dan ‘usability’ penyajian ‘listing’. Jika ‘listing’ diuraikan seperti kalimat biasa, ‘text-to-code-ratio’ bisa lebih baik. Jika memakai tag ul, ol, dan li, pemakaian kode bertambah. :)
Firefox 3.6.8 | Windows 7
Mas is,
Bagaimana dengan navigasi kategori, penting atau tidak?
Bila posisi saya sekarang adalah pengunjung baru, maka yang pertama akan saya cari tahu adalah “blog apakah ini?”
Setelah saya tahu blog ini membahas seputar tips ngeblog, menuis, SEO, dan wordpress, selanjutnya saya akan mencari topik spesifik apa saja yang dibahas (mengingat tips blogging adalah masih umum). Dalam hal ini saya mencari kategori apa saja yang dibahas di blog ini.
Saya tak serta-merta menggunakan kolom pencarian, karena saya perlu tahu apa saja yang dibahas sebelum melakukan pencarian.
Untuk daftar isi, sepertinya opsi terakhir bila saya tak mendapatkan apa yang saya cari di blog ini.
Berdasarkan pengalaman, fitur pencarian lebih berguna bagi pemilik blog dibanding dengan pengunjung, karena kebanyakan pengunjung lebih memilih menjelajah dengan navigasi kategori.
Intinya adalah: Navigasi kategorinya mana?
Google Chrome 6.0.408.1 | Windows XP
@ Mas Adi Rismaka,
Navigasi kategori bisa menjadi sangat penting jika pengklasifikasian konten blog kita sudah sangat rapi dan tidak membingungkan. Jika kategorinya memang sudah dibuat dengan sangat jelas (seperti blog mas Adi misalnya), maka menjadi cukup pentin untuk disajikan/ditampilkan. Baik itu pada halaman depan maupun single-post.
Masalahnya, saya belum terlalu bagus dan rapi dalam mengelompokkan posting-posting blog ini pada kategori yang pas/sesuai. Jadi saya akan membenahi kembali dulu pengkategorian konten blog ini. Masih banyak yang tumpang tindih ^_^