Blog/ Web Design with Readability

Salah satu faktor blog yang bagus adalah kerana rekaannya or its design. Saya telah menggunakan pelbagai theme hingga mencapai kepuasan mata dan hati yang memandang di samping cuba memberikan kemudahan yang TERBAIK untuk pembaca blog ini iaitu kemudahan: MEMBACA dengan minda yang lapang dan tenang.

Apa ada dalam slide ini adalah dari seorang pereka graphic yang sangat saya kagumi iaitu Jeff Archibald. Line25 banyak memperkenalkan kepada saya web designs yang cool dan terserlah. Thanks to Chris Spooner. He did a very good job. Like every week, saya akan menerima emel langganan darinya. Salah satunya ialah Work & Turn.

Kalau tengok pada homenya, biasa saja. Lepas tu, saya terus tertarik dengan content di blog beliau (Jeff Archibald) iaitu Paper Leaf dan portfolio company yang ada rencah yang paling saya suka iaitu rencah RETRO.

Berbalik kepada tajuk tadi, saya sangat AWARE pada design blog saya. Saya fikir ada dua perkara yang masih kekurangan di blog ini iaitu..

  1. Header.
    Kalau dilihatkan, header saya adalah sangat besar. Bila saya gunakan browser Chrome, sizenya muat-muat satu screen. Dan, saya tak pasti adakah header itu menggambarkan diri saya. Mungkin ya pada personaliti. Cuma ianya kurang jelas dan visual header kelihatan ada unsur sedih dan ada juga rasa alonely romantika.
  2. Footer.
    Saya tak berapa gemar dengan footer di bawah. Saya hanya berkebolehan menukar warna di footer yang kedua bawah (recent post dan sebagainya), tapi tidak footer yang di bawah sekali. Warnanya telah tetap kelabu. It is fixed! Mencari folder footer.php, mahu menukar warnanya tidak jumpa. Cerewet!

Yang lain, saya sangat berpuas hati terutamanya font pada entri, size font, dan contrast warna pada link. Pada sidebar, saya fikir penyusunan widgets adalah okay dan juga widgets di bahagian footer. Itu pendapat diri ini sahaja.

Bagaimana pula dengan anda semua? Mohon pendapat di ruang komen bagi membantu readibility di blog ini.

Saya manusia yang sangat cerewet. Cerewet untuk kemudahan orang lain. Mungkin erti nama sebenar saya macam itu. Abah saya kata, erti nama sebenar saya adalah, “Yang Memudahkan.” I don’t know. Ya tell me!

Yeah, it matters people! a LOT.

Mungkin ada di antara kita ghairah letak widget itu dan ini, tanpa memikirkan kesan pada pandangan mata pembaca. Widget lagu, widget gambar dan sebagainya. Bila pandangan mata sudah sakit, klik close jewww. Mungkin saya akan pertimbangkan pada blog yang mempunyai content yang menarik untuk dibaca. Saya juga tak senang kalau ada blog tidak ada kemudahan mengklik mouse butang kanan. Konon-konon, khuatir mahu copy paste karya/entri dia.

Keluar error merepek, “Nak copy letttewwww! Babab kang?”. LOL.

Sharing is caring, dude… and of course, I will never forget to put credit untuk ‘karya’ awak yang awesome tu.

Ini adalah pandangan peribadi saya. Mudahkan orang lain. They will love you.

Dalam slide ini, Jeff memberitahu saya enam elemen penting to boost readibility pada web/ blog design.

Tajuk Besar:

How To Evaluate and Improve Your Blog Design?

Points:

    1. Apakah itu Blog Design?
      Colour, mood blog, brand yang diketengahkan, layout, images..
      :
    2.  Kenal Pasti Audiens Anda.
      Kenal audiens, logical design.
    3. Set gol.
      Dah kenal audiens, baru set goals. Ini penting nak improve blog design supaya menjadi lebih effective.
      :
    4. C.R.A.P Formula
      Contrast, Repetition, Alignment,  Proximity.
      :
    5. Improve Readability.
      Typography.
      :
    6.  Resources.

Soalnya, adakah saya dan blog ini telah memudahkan ANDA, wahai pembaca budiman?  

Feel free to share with your friends!
1
Latest Comments
  1. Fadzmie

    Yes, blog design do matter. In my case lah. Saya jenis orang yang cara / mood pembacaan berubah-ubah mengikut rupa persekitaran. Kalau nak baca entri di blog yang agak kurang tersusun (macam blog saya), memang payah lah nak ambil mood. Haha.

    • admin

      Salam Fadzmie. Untuk pengetahuan awak, ini adalah blog saya yang pertama. Oleh itu, sebagai blogger yang ZERO knowledge pasal blogging, saya banyak membaca entri di laman blog yang authorized (maksudnya expert dalam satu-satu niche). contohnya Problogger dan Neil Patel. Point nya ialah, treat your blog as business.

      Salah satunya ialah design blog. Kita kena tahu apa gol kita dan mood blog. Adakah blog kita bersifat serius macam Ariffshah? Atau bersifat humor seperti Titan, Uncle Gedek? Saya pun masih mengalami masalah yang sama sebab mood blog ini adalah flexible. Tak pe. Yang pasti, kalau kita tahu audiens kita, kita boleh cuba dapatkan design yang sesuai dengan pembaca di blog kita.

      Dan yang paling pasti, kita yang tentukan semua itu; mood, jenis audiens dsb. Jangan restrict apa-apa sebab itu blog kita. I just have to make sure that they are all share same passions as mine- one of them is RETRO heheh.

      Bila kita dah set, senang nak kemudi blog ini. InsyaAllah.

  2. adele

    yup,agree that ur header is too big. hehe. mgkin boleh resize atau bg dia duduk dalam border adalah lebih kemas? MUNGKIN. try n error.

    akk pun bencikan blogger yg disable right click mcm entri dia bagus sgt tak bagi org copy. padahal kita ni jenis suka open in a new tab then boleh scroll ke bawah lg (kita semangat nak baca blog dia ni), skali right click tak boleh. close lah jawabnya.huhu

    pada akk, akk suka theme thesis, setakat suka je lah. nak lebih2 tak mampu lagi. skrg guna theme genesis. so far so good. apa yg akk suka pada theme ni ialah bahagian komennya. sangat kemas dan harap2 orang pun suka nak komen di kotak itu.meheheh

    • admin

      Thanks for the feedback, sis!
      Thesis memang best. Laju, ringan, and SEO-optimized.
      Lily pun suka kan Thesis. Cuma tak ada cukup pulus lagi… nanti la kut. :)

  3. titan

    bagi aku..design nombor 2. nombor 1. content. content mesti power. even cerita pasal seekor semut pun..kalau pandai pilih ayat dan perkataan..still leh meletup. tapi kalau blog tu syok sendiri macam blog aku..kalau takde sape baca..kira normal la tu. haha..

    design alone..susah nak dapat sales. tapi kalau design buruk, tapi ayat kacak. anytime leh dapat sales. haha..

    • admin

      Yup. Content nombor 1. Content is the king of all. Design is side factor sahaja. Cuma, ia sangat membantu readability pembaca di blog kita. Blog ko memang senang nak baca. Content pun best walaupun ko tu suka mengarut. I follow~ Heheh

  4. Rui

    Jarang blogger perempuan ada bincang pasal ni.

    Thanks for sharing the slide. *Btw, ingatkan video…

    • admin

      Pembaca baru! Selamat datang, Rui. Sama-sama. Banyak nak share lagi ni. Stay visit :)

  5. nizamghazi

    Salam dan hai lilynrman :)
    Pendapat saya, design blog ni minimal dan kemas.
    Saya suka header yang besar. – tapi tak terlalu besar.

    Sy consider yang lily dah banyak improve dalam web design skills.
    Good luck :)
    nizamghazi baru sahaja menulis Chapter 3 : She Wants To Be A PHP Developer – Tutorial & Source Code ProvidedMy Profile

    • Lily Nrman

      salam. oo , yang artikel ni berkenaan design blog saya yang lama tu.

      btw, ni free theme je kut. nothing improved.

      asal kan design simple, header besar, for me..dah ok dah :)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.

Google+