Tukang Review Desain UI / UX Web Indonesia / Kontak: twitter @toekangweb / email toekangwebid@gmail.com Karakter Toekangweb didesain oleh Syarip Yunus @syinactionTumblr (3.0; @toekangweb)http://toekangweb.tumblr.com/<img src="http://25.media.tumblr.com/tumblr_m6fqcoVtAT1rzgglro1_500.jpg"/><br/><br/><h2 class="post-title">Review Desain Web Indonesia Bercerita</h2> <p><a href="http://indonesiabercerita.org">Indonesia Bercerita</a> adalah web berisi cerita-cerita untuk pendidikan anak Indonesia dalam format audio / podcast (mp3)</p> <ul><li>Tim Indonesia bercerita adalah:<a href="http://twitter.com/bukik">@bukik</a>,<a href="http://twitter.com/rudicahyo">@rudicahyo</a>,<a href="http://twitter.com/zulsdesign">@zulsdesign</a>,<a href="http://twitter.com/maya_myworld">@maya_myworld</a>,<a href="http://twitter.com/imammtq">@imammtq</a></li> <li>Indonesia Bercerita pernah memperoleh Best Web Award Category Education & Best of The Best <a href="http://bubuawards.com/v07/v-07-winners/">Bubu Awards v.07</a></li> <li>Indonesia Bercerita juga pernah memperoleh <a href="http://blog.indonesiabercerita.org/beritaidcerita/indonesia-bercerita-the-most-inspiring-aksi-klik-hati-2011/">The Most Inspiring 2 Aksi Klik Hati 2011</a></li> <li>saat ini followers <a href="https://twitter.com/idcerita">@idcerita</a> mencapai 9.200 followers, <a href="http://www.facebook.com/IndonesiaBercerita">facebook Indonesia bercerita</a> disukai 5.189 pengguna</li> <li>web Indonesia Bercerita didesain dan dikembangkan oleh zulsdesign</li> </ul><p>berikut sedikit review tentang desain web Indonesia bercerita:</p> <ol><li>menu utama sudah tepat ditempatkan pada posisi top, ada 7 menu dan form pencarian, background warna antara biru / hijau / toska, cocok dengan gambar background awan di bawahnya. hanya saja untuk menu “register anggota baru” kurang efektif, sebab a) saat user belum login, url menu tersebut sudah ada pada button “upload podcast”; b) saat user sudah login, menu tersebut masih muncul, menu ini menjadi useless. menu utama ini diberi border bawah dengan garis warna-warni, cocok karena bisa mewakili karakter warna anak-anak</li> <li>gambar pohon, orang awam yang pertama kali berkunjung ke web ini tentu belum tahu apa arti gambar pohon tersebut, kalau klik button “bantuan” akan menemukan jawaban, ternyata itu adalah <a href="http://indonesiabercerita.org/bantuan-bercerita/">pohon karakter</a>, lebih detail mengenai pohon karakter ada di <a href="http://blog.indonesiabercerita.org/pengetahuanidcerita/pohon-karakter-anak-indonesia/">postingan blog</a>. Pohon karakter ini ternyata memiliki filosofi utama dalam Indonesia Bercerita, karena pentingnya konsep ini harusnya ada dalam salah satu menu utama sebagai “page” bukan postingan blog, dan gambar pohon di header sebaiknya bisa diklik ke page tersebut.</li> <li>poin utama terwakilkan dalam 2 button ini “upload podcast” dan “bantuan” tampil lugas tanpa basa-basi, button ini juga enak dilihat karena cukup menonjol dan memiliki pembeda warna saat cursor diarahkan (hover)</li> <li>judul kategori, ada 5 kategori yang ditampilkan di halaman utama, sudah terlihat menarik karena dibedakan warnanya</li> <li>data podcast, dibedakan dalam ketegori-kategori masing-masing. jika judul kategori terlihat menarik karena dibedakan warnanya, sebaliknya podcast ini terlihat monoton karena gambar yang ditampilkan (thumbnail) adalah sama, padahal item podcast ini muncul sangat dominan di halaman depan, kesan sekilas adalah terjadi redundant. hal ini tentu tidak terjadi jika semua thumbnail podcast memiliki gambar / ilustrasi yg berbeda sesuai dengan judulnya masing-masing.</li> <li>letak banner enak dilihat, hanya saja beberapa icon “selalu terhubung dgn takita” yang berada di samping banner terlihat agak janggal, sekilas seperti satu kesatuan dengan banner, mungkin akan terlihat berbeda jika icon tersebut diletakkan di footer</li> <li>item podcast di setiap category terlihat kurang balance saat kosong, berbeda dengan yang berisi genap seperti category podcast di bawahnya atau category di atasnya</li> <li>selain 5 kategori podcast yang ditampilkan dengan masing-masing itemnya, ternyata ada kategori lagi untuk memilih podcast, yaitu kategori berdasarkan pohon karakter, dan berdasarkan umur. mengingat pentingnya makna pohon karakter di Indonesia Bercerita, tiba-tiba ingin bertanya: mengapa kategori yang ditampilkan di halaman depan lengkap dengan masing-masing podcast, bukan kategori berdasarkan pohon karakter? akar, dahan, daun, dan buah</li> <li>menampilkan 1 tweet terbaru cukup menarik, sedikit kekurangan disini adalah tidak bisa memunculkan tweet terbaru berupa “retweet”</li> <li>avatar di panggung pencerita cukup banyak yang masih menggunakan default avatar (redundant), tentu lebih menarik apabila avatar (foto) semua pencerita terlihat lengkap</li> <li>pemberi testimoni tentu juga terlihat lebih menarik jika ada fotonya, bukan default foto yang seragam</li> <li>footer sangat fleksibel untuk ditambahkan elemen-elemen baru, border atas footer berupa garis warna-warni senada dengan border top menu, branding zulsdesign cukup kuat karena secara konsisten dipakai di web lain seperti <a href="http://belajarwebdesign.com/">belajarwebdesign.com</a></li> </ol>http://toekangweb.tumblr.com/post/26211099200http://toekangweb.tumblr.com/post/26211099200Sat, 30 Jun 2012 21:46:00 +0700<p>Kutukutubuku.com adalah toko buku online</p> <ul><li><a href="http://groups.yahoo.com/group/kutubuku-id/">milis kutukutubuku</a> didirikan sejak 21 Desember 2005, sekarang jumlah anggotanya mencapai 1067</li> <li>akun twitter <a href="https://twitter.com/#!/kutukutubuku">@kutukutubuku</a> jumlah followers-nya 12.256 followers</li> <li>halaman <a href="http://www.facebook.com/kutukutubuku">facebook kutukutubuku.com</a> telah disukai oleh 6.720 pengguna</li> <li>team di belakang kutukutubuku.com adalah <a href="https://twitter.com/#!/salsabeela">Ollie</a> &amp; <a href="https://twitter.com/#!/b4nch4">Angel</a></li> <li>web kutukutubuku.com dikembangkan oleh <a href="http://tukusolution.com">tukusolution</a></li> <li>desain web kutukutubuku.com ini dibuat tahun 2008</li> </ul><p>berikut sedikit review untuk web kutukutubuku.com</p> <p><img src="http://media.tumblr.com/tumblr_m6ag7dlaNY1qz8nmv.gif"/></p> <ol><li>logo disini menggunakan file .jpg, apabila kita perhatikan lebih seksama, warna putih di sekitar text logo terlihat ada raster, untuk mengatasi hal ini derekomendasikan mengganti logo dalam format .gif atau .png</li> <li>text pada tab menggunakan image, sebaiknya menggunakan text agar lebih fleksibel. hover tab sebaiknya pakai warna yang berbeda dengan warna tab aktif, pada tab &#8220;confirm payment&#8221; terlihat tidak seimbang dengan tab yang lain karena space kanan-kiri text terlalu mepet, pertama kali buka web ini akan terasa agak lama saat loading hover tab, dikarenakan image terpisah, hal ini bisa diatasi menggunakan css sprite</li> <li>button &#8220;search&#8221; sebaiknya diberi hover yang berbeda, text dikecilkan atau button sedikit dibesarkan untuk memperluas white-space, styling cursor sebaiknya &#8220;pointer&#8221;</li> </ol><p><img src="http://media.tumblr.com/tumblr_m6aih7gg2o1qz8nmv.gif"/></p> <ol start="4"><li>warna putih untuk hover link &#8220;account saya | empty cart&#8221; kurang terbaca karena warna background-nya kuning, mungkin hover bisa diganti warna merah, atau tetap warna hitam dengan underline</li> <li>button login letaknya terlalu mepet, mungkin lebih baik ditempatkan dibawah form password. dengan diberi warna hover berbeda dan cursor pointer</li> </ol><p><img src="http://media.tumblr.com/tumblr_m6atlhiUUA1qz8nmv.gif"/></p> <ol start="6"><li>ada space putih menyebabkan gambar terlihat terpotong, sebaiknya ditempelkan tanpa space</li> <li>gambar kaki sebaiknya juga ditempelkan dengan footer agar tidka terlihat melayang, oh iya text di dalamnya sebaiknya diberi space lebih lebar dengan border</li> </ol><p>Alamat web <a href="http://kutukutubuku.com" title="kutukutubuku" target="_blank"><a href="http://kutukutubuku.com">http://kutukutubuku.com</a></a></p> <p>diakses menggunakan browser Firefox 13.0.1</p>http://toekangweb.tumblr.com/post/26013132965http://toekangweb.tumblr.com/post/26013132965Thu, 28 Jun 2012 01:28:00 +0700kutukutubukutoko onlinee-commercekomunitastoko buku