A 10 legnépszerűbb blog sablonja

A magyar blogszféra imádja az illusztratív, még pontosabban: célzatos blogfejeket. Ez azonban hungarikum, amit talán néhány éves megkésettségünknek – amit az Index belső blogjai megerősítenek – köszönhető. Áttekintem a világ 10 legnépszerűbb blogjának sablonjait, hogy segítsek kilendülni ebből a helyzetből. A tanulság röviden: ha egy fejjel ki szeretnél magasodni a mezőnyből, legyél egy fejjel alacsonyabb.

The Huffington Post (1.)

Nemcsak a nevével, hanem a megjelenésével is a nagy, régi napilapokra hajaz. Letisztult, egyszerű feje van, kizárólag a blog nevét tartalmazza. Abszolut illusztráció-mentes.

Adatok:

• Fej magassága: 116 pixel.
• Oldal töltési ideje: 74 másodperc (borzasztó, de legalább nem a fej az oka)
• Téma: Politika

• További érdekességek: hogy oda, ahova a magyarok grafikus fejeket álmodnak, méretes hirdetés került.

Gizmodo (2.)

A fej illusztrációmentes, negatívba fordított, szolídan effektezett felirat. Itt nem hirdetés, hanem saját kiemelt tartalmak foglalják el az illusztráció helyét. Logikus: ahelyett, hogy “hangulatos” fotóillusztrációval foglalnák a helyet, a bejegyzések mindig frissülő képeivel helyettesítik. Csak ajánlani tudom ezt a megoldást.

Adatok:

• Fej magassága: 60 pixel (!). A kiemeltekkel együtt: 322 pixel.
• Oldal töltési ideje: 5,35 másodperc
• Téma: kütyük

• További érdekességek: a manapság nagyon ritka bal oldali hasáb. Cserébe a maradék teret a bejegyzések fontos jellemzői foglalják el: dátum, hozzászólások stb, jó levegős térrel hangsúlyozva.

TechCrunch (3.)

A fej illusztrációmentes, minimalista tipografika. Semmi motiváltság (azaz semmi köze a grafikának a tartalomhoz, nincs izzadságszagú utánzás, viccelődés, hangulatkeltés stb).

Adatok:

• Fej magassága: 60 pixel (!). A kiemeltekkel együtt: 322 pixel.
• Oldal töltési ideje: 15,83 másodperc
• Téma: web és piac

• További érdekességek: semmi különös.

Mashable (4.)

A fej illusztrációmentes, enyhén térhatású tipografika. Akárcsak a fentiek esetén, itt sincs nyoma motiváltságnak (azaz semmi köze a grafikának a tartalomhoz, nincs izzadságszagú utánzás, viccelődés, hangulatkeltés, de még csak metafora se stb). A fontos menük mellett a fejbe még belefér egy magnum hirdetés és egy keresőmező is.

Adatok:

• Fej magassága: 198 pixel (!), a menüket is beszámítva
• Oldal töltési ideje: 29 másodperc
• Téma: web 2, mashupok

• További érdekességek: semmi különös.

Boing Boing (5.)

Még meglep valakit, hogy a fej egy illusztrációmentes tipografika? Itt van nyoma némi motivációnak, a tipografika enyhén hullámzó, mint egy rugó. Az alig 50 pixeles kiemelt blognevet menü követi, fölötte pedig, akárcsak a Gizmodonál, képpel illusztrált menüket talál a látogató. Röviden: abszolút tartalomközpontú a dizájn.

Adatok:

• Fej magassága: 345 pixel, a kiemelt tartalmakat és a magnum hirdetést is beszámítva
• Oldal töltési ideje: 25 másodperc fölött
• Téma: tech, kütyük, dizájn, tudomány

• További érdekességek: semmi különös.

Engadget (6.)

A fej egy illusztrációmentes tipografika, nyomokban némi motivált, rádióhullámokat jelképező tipografikával, amik a wifitől az RSS-ig elég sok mindenre utalhatnak.

Adatok:

• Fej magassága: 142 pixel
• Oldal töltési ideje: 5,65 másodperc
• Téma: tech, főleg kütyük

• További érdekességek: semmi különös.

The Daily Beast (7.)

Már senkit se lep meg, legalábbis remélem, hogy a fej egy illusztrációmentes tipografika. Szintén van nyoma némi motivációnak, ugyanis nyomtatott újságok klasszikus tipgrafikus megoldását idézi. Ezzel együtt se figuratív.

Adatok:

• Fej magassága: 125 pixel, keresőstűl és menüstül
• Oldal töltési ideje: 5,36 másodperc
• Téma: politika

• További érdekességek: rendhagyó, három hasábos magazinos megjelenés, rengeteg kiemelt és hangsúlyozott anyaggal, de valahogy sikerült megoldania a dizájnernek, hogy ne tűnjön amatőrnek a dolog.

Hot Air (8.)

A Hot Air óvatosan motivált tipográfiát alkalmaz blogfejként, természetesen illusztrációnak és fotografikának nyoma sincs. Talán az egyetlen a mezőnyben, ami képpel megoldott menüt alkalmaz.

Adatok:

• Fej magassága: 257 pixel, menükkel és hirdetéssel
• Oldal töltési ideje: 6,64 másodperc
• Téma: politika

• További érdekességek: szintén elég régivágású a mérete: a szokásos 960-1000 pixel helyett 850. Persze a nagy margó és az erős fekete keret jól kiemeli a tartalmakat és kihangsúlyozza a keret nélküli fejet.

The Corner on National Review Online

Egy nagy magazin blogjáról van szó. A fej magazinos, motiválatlan, szintén nyoma sincs “grafikának”. Az ilyen esetben elvárt megoldás. Talán a legátlagosabb az összes közül – de a bejegyzések jól ki vannak emelve.

Adatok:

• Fej magassága: 126 pixel, menüvel és magnum hirdetéssel
• Oldal töltési ideje: 5,66 másodperc
• Téma: politika

• További érdekességek: nincs

Gawker (10.)

Ismerős? Igen, pont ugyanolyan, mint a Gizmodo, aminek az az oka, hogy ugyanannak a portfóliónak a tagja. A fej szerkezetileg azonos a Gizmodóéval, itt viszont kicsit színesebb a tipografika, ugyanis a Gawker pletykablog.

Adatok:

• Fej magassága: 60 pixel (!). A kiemeltekkel együtt: 322 pixel.
• Oldal töltési ideje: 5,37 másodperc
• Téma: kütyük

• További érdekességek: lásd a Gizomodóról irtaknál.

Összefoglalva

Szóval: minél visszafogottabb a fej, annál jobb. A túl illusztratív megoldások ugyanis mindig naívak maradnak: miért kéne figuratív megoldásokkal visszaadni egy blog témáját, ha egyszer az 1. sok értékes helyet foglal, 2. fölösleges, hiszen a neve és a bejegyzések címei úgyis segítenek az odatévedt látogató tájékoztatásában, a nagyon zsúfolt grafika inkább elvonja a figyelmet a lényegről 3. a töltést is lassítja, pedig az olvasók türelmetlenek.
Úgyhogy ahogy az előzetesben írtam: a népszerű blog nem nagyfejű, hanem ellenkezőleg, kisfejű, szolíd.

És tegyük hozzá, nemcsak a fejek, de a többi megoldás is közös a sikeres amerikai blogoknál: uralkodik a világos háttér és nem túl kontrasztos szöveg (az erős kontraszt, például fekete a fehéren – bár gyakran hallani az ellenkezőjét – monitoron kellemetlen, szellemképes hatású). A kevés szín (úgyis sok a kép) általában nagyon visszafogott, de tartalomközpontú tipográfiával párosul.