munio weblog v novém designu

18. 1. 2008 • Petr Brádler • 13 komentářů

Po delším čase jsme opět redesignovali náš weblog, aby více korespondoval s grafikou firemních stránek. Dá se říct, že grafika je to dosti jednoduchá, na druhou stranu ale „funkční“, čitelná a přehledná a o to především u weblogu jde, no ne? Předposlední verze je vidět naposledy ve článku o reklamních pozicích AdSense a kvůli dalšímu vývoji zde uvedu i verzi současnou.

munio weblog, plná velikost 500×1500 px (99 kB)

Současně jsem upgradoval redakční systém WordPress na verzi 2.3.2, čímž přibyly štítky/tagy – snad čtenářům usnadní orientaci – a přidal pár nových plug-inů.

Základním fontem je Segoe UI, takže uživatelé Vist by měli mít písmo hezky vyhlazené. Pro ostatní čtenáře, kteří tento font nemají, je alternativa font Tahoma. Variantu Calibri/Arial jsem zamítl, protože Calibri je vůči Arialu o dost menší a vznikají tím pak jen problémy.

Mobilní prohlížení

Od doby, co vlastním HTC mobilní telefon, využívám mobilní brouzdání velice často. Čtení článků některých webů agregovaných na Weblogy.cz je doslova “utrpení”. U některých se načítá přebytečná grafika, text se zobrazuje ve velice úzkém sloupečku a špatně se čte (SuE), jindy je pozadí textu tvořeno jen obrázkem, který se nenačte a zobrazí se černý text na tmavě modrém pozadí (Misantrop) anebo se musíte k textu článku prokousat několikastránkovým menu a jiným balastem (Laco). Ti mi to teď nandají :-).

Naopak některé weby se čtou velice dobře. Jen namátkou – Marigold.cz, Markova Sova a patrně nejlepší známku by dostal (alespoň co si nyní vybavuju) Martin Snížek.

Proto jsem se snažil naši mobilní verzi odladit kvalitně. Aby web neobsahoval zbytečnou grafiku, text se dobře četl a vše se korektně zobrazovalo. Určitě je tam pořád co zlepšovat, například skokové odkazy na hlavní menu nebo zatím chybí vyhledávání, ale věřím, že budou čtenáři spokojeni. Pokud máte menší displeje než 240×320 px, rád se podívám, jak to vypadá u vás.

Na HTC s rozlišení 240×320 px vypadá mobilní munio weblog následovně.

Ještě než mi někteří poradí používat mobilní Operu Mini 4, taky ji mám, toto nemůže být výmluva pro nekvalitně zpracované mobilní kaskádové styly.

Jak na vás působí nový vzhled? Je web dobře čitelný a přehledný? Nějaké jiné připomínky?

13 komentářů Přidat komentář RSS komentářů

1 | Robin 18. 1. 2008 v 12.53 #

Srandovni screenshoty z radoby weboveho prohlizece na ms smartphonech Safari na iPhone rox
2 | Petr Brádler 18. 1. 2008 v 13.11 #

Na HTC mobilech/PDA (Touch, Kaiser, …) a na Internet Explorer Mobile nevidím nic srandovního.

Pokud si čtu článek, jsou pro mě důležité informace, tedy text a pokud jej tyto zařízení/prohlížeč zobrazí korektně, je to přesně to, co potřebuji.
3 | Robin 18. 1. 2008 v 13.22 #

Tak jestli tomuto rikate korektni zobrazeni… tak nechapu jak muzete nabizet webdesign Nic ve zlem, ale to zobrazeni je priserne.
4 | Robin 18. 1. 2008 v 13.25 #

Jen pro upresneni, tim nemyslim ani tak stranky munia, jako ty viz. vyse, ale ti za to take nemuzou, muze za to ten detsky prohlizec.
5 | Petr Brádler 18. 1. 2008 v 13.33 #

[3] Ano, pokládám toto zobrazení za korektní/vyhovující (screenshoty munio weblogu). Nebo jsou tam některé informace, které nejsou dostupné, nečitelné?

Je to jen úhel pohledu, co si představujete pod korektním zobrazením. Pro mě je to dobře čitelný text, pomocná navigace, apod.
6 | Adam 18. 1. 2008 v 13.48 #

Pěkné. Jen ty reklamy se mi nezdají na firemním blogu úplně vhodné, zvlášť když často zobrazují upoutávky vaší konurence.
7 | Filosof 18. 1. 2008 v 15.00 #

Reklamy mě lehce šokly, jinak je zde vidět určitý posun
8 | carnero 18. 1. 2008 v 15.00 #

Se zobrazováním webů jsem měl stejné problémy, ale donutit všechny optimalizovat asi není realné. Tak jsem přestal používát mobilní Internet Explorer, který má velmi podivnou vlastnost si z CSS vybírat jen něco (barvu pozadí) zatímco jiné věci (barvu textu) s klidem zahodí. A musím říct, že mobilní Opera tyto problémy vyřešila celkem snadno (za pár dolarů). Kromě lepšího zobrazování stránek (jak styly, tak i lépe podaný layout) disponuje i většími možnostmi, jak si jejich zobrazování nastavit.

Pro pomalejší čtenáře: Mobilní Operou mám na mysli Operu 8.65 (pro Windows Mobile nebo Symbian) a nikoliv Operu Mini.
9 | marek 18. 1. 2008 v 17.25 #

Zobrazení mi přijde korektní, o tom nic Nový design taky fajn, ale ty reklamy mi přijdou tak že se neví jestli se budu živit webdesignem nebo psaním… a je fuk jestli je zde reklama na konkurenci, nebo na kávovary
10 | gale 18. 1. 2008 v 17.51 #

stary web byl prijemnejsi. ty reklamy me dost otravuji pri cteni. chtelo by je nejak zeslabit do pozadi….
11 | Petr Brádler 19. 1. 2008 v 2.24 #

[6] tenhle blog nebereme ani tak moc jako firemní, jako spíše takový osobní “pokec”.

[9] psaním se opravdu živit nehodláme, nicméně pokud to každý den zaplatí třeba dobrý oběd, tak proč ne :-). O úpravě barev nebo dalších parametrů [10] popřemýšlíme. Uvidíme co udělají nové formáty s CTR.
12 | Arthur Dent 19. 1. 2008 v 13.40 #

Nenandají… Jediné, co mohu “nandat”, je chyba v úsudku. Problém totiž nezpůsobuje obrázek na pozadí, ánžto na pozadí žádný obrázek není a ani nebyl. Problém byl v definici barev pro html a body (či tak něco, tvrdí ASH)

Vrchní styler ASH721 právě poslal patch, takže je změněno, možno ověřit…
13 | Petr Brádler 19. 1. 2008 v 21.42 #

[12] Ono je ve výsledku celkem jedno, které CSS pravidlo bylo špatně. Teď je to už mnohem lepší a čtení tvého webu bude o dost příjemnější.