Štítek: design

Změnil jsem design. tak toho si už asi všiml každý. Stejně jako ten minulý (screenshot) ho má na svědomí Pavel Kout, který se mnou měl královskou trpělivost. Pavle moc děkuju.

Od tohoto redesignu si slibuji daleko větší důraz na fotografie a méně na text. Poslední dobou jsem celkem líný psát, ale focení mi dělá fakt radost. Fotky se tak staly součástí obsahu webu a už nejsou odstrčené kamsi do Kouta. Mají samostatný RSS kanál a jsou součástí hlavního RSS zdroje – vyberte si RSS kanál podle svého gusta.

Fotogalerii jsem tedy musel zásadně přepsat. Pohání ji databáze, jednoduchý script a Smarty šablony. K fotkám nejdou přidávat komentáře – to je záměr. Buďte shovívavý pokud narazíte na chybu, ještě provádím drobné úpravy. Budu vám vděčen za případný bugreport.

Minule jsem udělal tu chybu, že jsem se čtenářů ptal co si o novém designu myslí. Podobnou blbost znova neudělám :-)

Na novém webu nově najdete firemní blog a novinky můžete sledovat RSS kanály (blog, web). Prezentace má zcela novou strukturu a obsah. Hlavně úvodní stránka doznala velkých změn.

Nová prezentace se mi líbí, ten starý už byl trochu dýchavičný, ale kdyby o něj měl někdo zájem tak jsem si ho nedávno zaarchivoval wgetem. To je vám skvělý program :-)

Dobrému webu přeji hodně štěstí s novým webem.

Při komunikaci s Pavlem Koutem ohledně redesignu svého webu jsem řešil mimo jiné jestli mám mít na webu gumový layout nebo raději pevný bez podpory uživatelů s rozlišením 800×600px. Protože mám na webu i fotografie o rozměrech 640×480px potřeboval jsem aby byl obsahový sloupec široký alespoň 650px. Výsledek můžete vidět právě teď.

Statistiky rozlišení monitorů sleduji v globálních statistikách Toplistu a v souhrnném grafu rozlišení monitorů Toplistu. Hlavně globální statistiky jsou zajímavé, protože je na nich hezky vidět, že rozlišení 800×600 nejčastěji používají návštěvníci webů státní správy, zemědělství, ale i zábavy, zdraví a životního stylu. U těchto webů mají návštěvníci toto rozlišení ve 12% případů. Tvůrci webů spadajících do těchto kategorií by tedy na rozlišení 800×600px neměli zapomínat, tedy ne jako iDNES.

Kategorie software, hardware, webziny a počítačové hry jsou na tom o poznání lépe a procentuální zastoupení rozlišení 800×600px je u nich kolem 7%. Podle mě je to už hranice u které se dá uvažovat o nepodporování tohoto rozlišení. Návštěvníci jsou lépe technicky vybavení a jsou to i „zdatnější“ návštěvníci internetu takže si zřejmě i lépe poradí pokud se jim na prohlížeči objeví spodní posuvník.

Na mém webu je takových uživatelů cca 6%, alespoň podle Google Analytics:

Statistika rozlišení monitorů na webu chomat.net, leden-duben 2006.

Internetové obchody, weby státní správy, zpravodajství a spousty dalších si stále ještě nemohou dovolit ignorovat uživatele s rozlišením 800×600px. Naopak weby o počítačích, hrách, internetové webziny, weblogy si to už dovolit mohou a nebo se ta doba neúprostně blíží.

Marketingoví specialisté si mnou ruce, přibude plochy, kterou lze využít k reklamě :-)

K tématu se vyjádřil i webdesigner Pavel Kout

Je však otázkou – nakolik mají statistiky vypovídající schopnost? Nemohou totiž upozornit na uživatele, kteří daný web jednou navštívili, zjistili, že jim z jakéhokoliv důvodu nevyhovuje, a proto jej dále nenavštěvují – typicky bude mít bankovní web, fungující pouze v IE/Win minimum návštěvníků se Safari/Mac OS X. Co se týče rozlišení 800×600px – i nadále jej budou používat uživatelé laptopů; mluvím na základě vlastní zkušenosti, protože občas používám 12" iBook s rozlišením 1024*768, přičemž můj OS nezná termín „maximalizova­né okno“.

Přesto je stále menší procento uživatelů s nízkým rozlišením evidentní. Jako nejrozumnější mi tedy připadá řešení stavby layoutu pro 1024×768 (řekněme o šířce 980 bodů) s pravostrannou navigací, aby uživatelé nemuseli pro čtení hlavního textu vodorovně scrollovat.
~~Pavel Kout, WEBface.cz

Námětem pro sepsání spotu mi byl tento komentář u článku Jarní kabátek, sešlapané boty a dobrá nálada.

Související:

• Pro jaké rozlišení monitoru optimalizovat – Vít Dlouhý, Dlouhý web, 19.2.2005
• Vysoké rozlišení aneb jak zaručeně přijít o 25% výdělku z prodeje – Ronnie, RonnieWeb.net, 20.8.2005

Už delší dobu jsem nebyl spokojený s podobou svého webu a poohlížel jsem se po novém designu. Můj problém byl samozřejmě v tom, že v grafickém umu jsem ustrnul u orámečkovávání fotografií… Naštěstí mě zachránil Pavel Kout ze studia WEBface.cz, který mi během několika dní vytvořil krásný nový design a layout.

Při zadávání jsem apeloval na to, že nechci nic usedlého, nic běžného, prostě hodně zajímavý až „ulítlý“ design. Pavel se při práci myslím hodně bavil. Jenom s fotkou v logu si hrál asi dva dny. Rozhodně výsledek za tu námahu stál.

Implementace layoutu mi taky chvíli trvala a snad se můžu také pochválit. Připravil jsem i pár novinek, například v levém sloupci se zobrazují relevantní informace k prohlíženému obsahu (ještě na tom budu pracovat). Také celý web už není pojatý jako weblog. Ten jsem umístil na adresu http://www.chomat.net/weblog/. Mám tak prostor pro možné budoucí rozšiřování. Stávající stránky zůstávají beze změny, jen se přesunuly do weblogu (například Články). Drobné změny ani vyjmenovávat nebudu.

Kladných reakcí na nový design mám po ICQ hodně a určitě mě nejvíc potěšilo umístění mého webu do inspirativní a oddychové galerie graficky atraktivních webů – Stříbrné jehličí.

Ještě jednou moc děkuji Pavlovi Koutovi za krásný jarní kabátek a vám děkuji za jakékoliv připomínky, které mi prosím posílejte na můj email jiri@chomat.net nebo do komentářů.

Související:

• Jirka Chomát – Jan Bien, Stříbrné jehličí, 20.4.2006

Dnešním dnem spustil Google provoz v novém designu. Velmi zajímavě jsou například vyřešeny inzeráty AdWords.

Jako první si toho, snad, všiml Yuhů.

Související:

• Google přešel na nový design – (Dušan Janovský, Yuhůův weblog o webu, 29.3.2004)

Na Intervalu jsem si dnes bedlivě pročetl článek Tvorba layoutu webu – teoretický úvod. Pokud se právě rozhodujete jaké rozvržení stránek zvolíte pro svůj web, tak je článek určen právě vám. Případně si můžete ověřit zda váš současný web nepotřebuje „oprášit“ kód.

Layout stránek
Co vůbec tento pojem znamená? Layout je rozvržením stránky, udržuje její logickou organizaci nejen pro počítač, ale hlavně pro uživatele, který vnímá jednotlivé části stránky jako logické celky (například logo, navigační menu, vlastní obsah, zápatí a další). Každý tento celek by měl mít svou stálou pozici, aby jej mohl uživatel rychle a bez problémů najít očima, kdykoli to potřebuje. Úkolem webdesignéra je co nejlépe prvky na stránce rozmístit.

No řekněte, netěšíte se na další díl s praktickými ukázkami? Já ano.

Související (update):

• Smutné výhledy webových technologií – (Dušan Janovský, Yuhůův weblog o webu, 5.3.2004)
• Vybíráme layout webu – (Petr Weida, About Weblog, 4.3.2004)
• CSS layout kontra tabulky (v tabulce…-) – (Jiří Chomát, Články, 21.1.2004)
• Skutečné výhody CSS layoutu – (Dušan Janovský, Yuhůův weblog o webu, 18.1.2004)
• CSS versus tabulkový layout – (Petr Staníček, Pixylophone, 20.1.2004)

Nastihl jsem okomentovat dva výborné články, které spatřily světlo světa koncem minulého týdne.

Web X a Web Y – (Petr Staníček, Pixylophone, 20.2.2004)

Pixy se rozhodl zamyslet nad webem informačním tvořeným HTML soubory „obarvenými“ CSS a webem zábavným, který tvoří převážně Flash a podobné technologie.

Barvojmenná typologie webů – (Dušan Janovský, Yuhůův weblog o webu, 22.2.2004)

Yuhů se s námi podělil o své „barevné“ vidění webových stránek ve smyslu jejich struktury a účelu použití. Pokud se nad tím zamyslíte tak zjistíte že vám podobné rozdělení bude pravděpodobně bližší než se zdá na první pohled. Pevně doufám že můj blog patří mezi ty tyrkysové :-)

Související:

• Web podle uživatelů a majitelů – (Petr Weida, About Weblog, 22.2.2004)

Pavel Kout ze studia WEBface včera spustil novou verzi vlastní webové prezentace, která je příkladnou ukázkou jak má vypadat přístupná webová prezentace nabízející návštěvníkům jen ty informace jaké potřebují pro svou orientaci v problematice.

V sekci tvorba stránek najdete texty které vysvětlují jaké mají webové stránky omezení a jak se liší od jiných informačních médií.

Související: (update)

• Dodržování webových standardů se vyplatí – (CZilla.cz, 3.2.2004)
• WEBface
• CSS Vault Gallery > WEBface – (Paul Scrivens, CSS Vault Gallery)
• Nový WEBface – (Jan Bien, Mraveniště Weblog, 4.2.2004 )
• Pavel Kout v CSS trezoru – (Marek Prokop, Sova v síti, 5.2.2004)

Po chvíli tápání a po otestování několika blogovacích systémů jsem se konečně pro jeden rozhodl. Mým vyvoleným se stal systém Bloxxy, kterému jsem upravil šablony a vzhled těchto stránek díky tomu prošel jen změnou pranepatrnou.

Bloxxy je systém pro blogování jehož duchovním otcem je Petr Staníček a na jeho dalším zdokonalování nyní pracuje Jan Bien. Systém je postaven na generování statických stránek pomocí PHP z dat uložených v textových souborech, není tedy potřeba ukládat data do databáze.

V rámci přechodu na nový systém zde také najdete několika novějších článků a také jeden starší návod na používání Internet keywords a vyhledávání v Mozille. Návod jsem považoval za vhodné zachovat a to hlavně proto, že tento způsob vyhledávání v Mozille používám denně.

Věřím, že jsou to změny pozitivní a nezůstanou osamoceny ;-)