מחקר עיצובי קטן על בלוגים גדולים

Smashing Magazine עושים עבודה: החבר'ה לקחו הפעם את 50 הבלוגים המובילים על פי טכנוראטי, ובחנו את העיצוב שלהם, בניסיון להגיע למסקנות כלשהן. התיאוריה היא שבלוגים פופולריים יכולים להוות דוגמא טובה לאתרים שימושיים ואפקטיביים מבחינה עיצובית. ואף מילה על התוכן. כמעט.

הפוסט של סמאשינג די ארוך אבל מעמיק ומעניין. הם בחנו המון אלמנטים בבלוגים, כששני האלמנטים הראשיים הם לייאאוט וטיפוגרפיה, אותם הם פירקו לגורמים.

בשורה התחתונה, אין כאן איזה ניפוץ מיתוסים גדול. בלוגים שמעוצבים בצורה ידידותית למשתמש הם פופולריים – לאו דווקא בגלל העיצוב בלבד, אלא בגלל שילוב של גורמים שעושה אותם מעניינים ונוחים לקריאה בעת ובעונה אחת. התוכן חשוב, העיצוב חשוב – כמעט מתחשק להגיד "דה!". אבל הפירוק לגורמים הוא מה שמעניין כאן, ואת זה סמאשינג עשו בצורה יסודית.

תוצאות הסקר, למי שמתעצל לקרוא הכל:

  • רוב קטן של הבלוגים הגדולים, 58%, משתמש בתבנית המכילה 3 טורים ויותר.
  • 94% מהתבניות מיושרות למרכז (לא הטקסט, התבנית עצמה).
  • 92% מהעיצובים הם בעלי רוחב קבוע ולא משתנה.
  • 90% מהבלוגים משתמשים ב-CSS.
  • רקע בהיר, טקסט כהה – ב-98% מהבלוגים שנבדקו.
  • אורך שורה נפוץ נע בין 80 ל-100 תווים (בסמאשינג טוענים שזה לאו דווקא ידידותי למשתמש).
  • 90% מהבלוגים השתמשו באריאל, לוסידה גראנד, ורדנה וג'ורג'יה לגוף הטקסט.
  • גודל הפונט הנפוץ – 78% – נע בין 12px ל-14px.
  • אריאל וג'ורג'יה הם הפונטים הנפוצים לכותרות, שגודלן נע בין 17px ל-25px.


3 תגובות ל-“מחקר עיצובי קטן על בלוגים גדולים

  1. גיל

    זה נחמד… אבל אולי אנשים קוראים בלוגים מסויימים למרות העיצוב ולא בגללו … 🙂
    בכל מקרה, נחמד ללמוד.

    אגב, רויטל , איך אני נפטר מלהכניס שם ואימייל כל פעם… זה נוראי.

    • רויטל סלומון

      לא יודעת לגבי התגובות. למיטב ידיעתי יש כאן קוקיז ששומרות את הנתונים. או שניקית או שהן פג תוקף.

    • קומי-רייטר

      אצלי הקוקיז שומרות את הנתונים, אפילו אחרי שאני מוחק את כל ה-private data…
      אבל אם אצלך לא, תשקיע קצת, מה קרה? 🙂

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

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=""> <s> <strike> <strong>