Blogilicious Palembang 2011 - Desain blog (stripped)
•
1 like•366 views
Peran desain blog dan prinsip-prinsip desain blog yang baik. Dibawakan di Blogilicious Palembang, 5 Juli 2011. Full presentation version: http://db.tt/l5mnefI
Recommended
More Related Content
Similar to Blogilicious Palembang 2011 - Desain blog (stripped)
Similar to Blogilicious Palembang 2011 - Desain blog (stripped) (11)
Blogilicious Palembang 2011 - Desain blog (stripped)
- 1. Desain Blog Palembang | 5 Juni 2011
- 5. Antarmuka → TeknisAntarmuka → Teknis Peran Desain Blog Tema
- 10. Blog Teknologi | teknologi.gravisware.com
- 12. Keluarga Nugraha | keluarganugraha.net
- 13. Jurus Grafis | jurusgrafis.com
- 14. GoenRock‟s Vlog | goenrock.com
- 15. Ruang Freelance | ruangfreelance.com
- 17. Tema Topik utama (Niche/ceruk) Elemen visual yang relevan Blog yang masuk akal & dapat dipercaya
- 19. Identitas Tema Antarmuka → Teknis Peran Desain Blog
- 20. Per Mei 2011 163 juta blog Rata-rata 67 ribu blog baru/hari Sumber: blogpulse.com
- 21. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 22. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 24. Newbie Fotografer Blog | patrush.wordpress.com Konsistensi Anatomi blog
- 25. Header Navigasi Konten Sidebar Newbie Fotografer Blog | patrush.wordpress.com Konsistensi Anatomi blog
- 26. Coretan Tanganku | m-aulia-r.blogspot.com Header Navigasi Sidebar Konten
- 27. Coretan Tanganku | m-aulia-r.blogspot.com Header Navigasi Sidebar Konten
- 28. Jurnalnya Nike | nike.rasyid.net
- 29. My Xperience | fandagri.blogdetik.com
- 30. Konsistensi Logo Pojok kiri atas Tagline di bawah logo Taut ke halaman depan
- 32. Konsistensi Home Pada logo Pilihan pertama dalam navigasi Beberapa terminologi
- 33. bennychandra.com
- 34. Itik Kecil | itikkecil.wordpress.com
- 35. HIPMI Sumsel | hipmisumsel.org
- 36. Tépas Pangacaprukan Mojang Bandung | liezmaya.web.id
- 37. Konsistensi Navigasi Horizontal di bagian atas Halaman dan kategori penting
- 38. Konsistensi Kotak pencarian Kanan atas Mencari ke dalam blog
- 39. Konsistensi Sidebar Kategori dan Arsip Fitur pendukung
- 40. Konsistensi Footer Di bagian bawah Navigasi sekunder Pernyataan copyright, peta situs, kontak webmaster
- 41. Konsistensi Konsistensi memberi pengunjung gambaran yang jelas mengenai: • di mana mereka berada • apa yang bisa mereka lakukan Melalui bahasa visual yang telah mereka kenali dari blog/situs lain
- 42. Konsistensi
- 43. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 44. Navigasi
- 45. Navigasi • Menu navigasi utama • Bagian khusus promosi konten • Halaman peta situs dan arsip • Tautan internal di dalam tulisan • Fitur pencarian
- 46. Raditya Dika | radityadika.com Menu navigasi utama • Posisi yang mudah dilihat dan dikenali • Tautan yang jelas ke “Home” • Tautan ke halaman/kategori utama lain
- 47. imansulaiman.com Promosi konten • Tulisan terbaru • Tulisan terpopuler • Komentar terbaru • Kategori & arsip bulanan
- 48. Jimmy Sun | jimmysun.net Peta situs & arsip • Berdasarkan kategori • Berdasarkan tanggal terbit
- 49. YopDesign | yopdesign.com Breadcrumb! • Hirarki yang jelas • Taut, kecuali item terakhir
- 50. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 56. Tipografi Blok teks ~ 50–80 CPL (karakter per baris) Readable
- 57. Tipografi Readable Priyadi‟s Place | priyadi.net
- 59. Tipografi Scalable Gunakan ukuran font relatif
- 64. Tipografi Sans-serif Calibri, Tahoma, Geneva, Arial, „Helvetica Neue‟, Helvetica, sans-serif Serif Constantia, „Lucida Bright‟, „Liberation Serif‟, Georgia, serif
- 67. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 70. Kecepatan CSS sprite generator csssprites.com Analisa kecepatan Firefox Extension: YSlow addons.mozilla.org/en-US/firefox/addon/yslow/
- 71. Membandingkan load time: whichloadsfaster.com
- 73. Aziz Hadi Photoworks | azizhadi.com/category/blog
- 75. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 77. Shimmering Pearl | n45y4.wordpress.com
- 78. Pensil Warna Design | graphic-3d.pensilwarnadesign.com
- 79. blog.faniez.net
- 85. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 86. Interaksi Ajak pengunjung berpartisipasi • Feedback dan rating • Komentar • Kontribusi konten
- 87. Richard Fang | richardfang.com Interaksi
- 89. Blog ePalembang | blog.epalembang.com
- 90. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 91. Aksesibilitas Bangun akses • Usabale • Cross-browser dan cross-platform
- 92. Aksesibilitas Usable • Simpel • Fokus pada pengunjung • Manusia pertama, mesin kedua
- 93. Aksesibilitas Cross-browser IE, Firefox, Safari, Opera Cross-platform PC, Apple, Linux, mobile
- 95. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 96. Teknologi
- 97. Teknologi • Pikirkan nilai tambah yang diberikan • Jangan jadikan faktor penentu
- 99. • Unduh yang gratis • Beli yang berbayar • Buat sendiri Cara mendapatkan Theme
- 104. • Biaya: Rp0,- • Fungsi general, tema general • Sedikit ruang untuk customization • Dukungan komunitas Theme gratis
- 105. • Besar peluang dipakai juga oleh blog lain • Mencantumkan nama (dan link) desainer • Umumnya dilarang digunakan secara komersil Theme gratis
- 106. • Biaya: $x - $xxx • Fungsi spesifik, tema spesifik • Banyak ruang untuk customization Theme berbayar
- 107. • Garansi dan dukungan developer (dan komunitas) • Kecil peluang dipakai juga oleh blog lain • Penggunaan dan credit diatur lisensi Theme berbayar
- 109. • Biaya: gratis s/d sangat mahal • Fungsi sangat spesifik, tema sangat spesifik • Unik dan personal • Kendali total! Buat sendiri
- 110. • Kuasai HTML dan CSS Membuat desain blog sendiri
- 111. w3schools.com
- 112. • Kuasai HTML dan CSS • Kuasai platform blog Membuat desain blog sendiri
- 113. codex.wordpress.org
- 115. • Kuasai HTML dan CSS • Kuasai platform blog • Follow the rules Membuat desain blog sendiri
- 116. Konsistensi Navigasi Tipografi Kecepatan Tata letak Interaksi Aksesibilitas Teknologi 8 Prinsip Dasar
- 117. BREAK THE RULES!
- 118. Palembang | 5 Juni 2011 Desain Blog Andi Saleh andi@saleh.web.id