Musíte řešení designu webu přizpůsobovat redakčnímu systému? Většina z nás asi na limity CMS nenarazí, ale jsou mezi námi designéři co se odvážně vrhají do vln neobvyklých řešení. A pro ty je Perch.
Představte si projekt, který vyžaduje důraz na vizuální atraktivitu a obsah si říká o šití designu na míru. Třeba portfolio architektonického studia s výrazným rukopisem.
Designér rád chytne příležitost za pačesy, ale co kodér, který má náročný vizuál implementovat do Wordpressu, Drupalu nebo nedejbože něčeho jako Webnode? Prostor, ve kterém se nebožák musí pohybovat je úzce vymezen možnostmi CMS a jeho šablonovacího systému.
Tam v edgeofmyseat spatřili díru v trhu a navrhli redakční systém, který designéry a vývojáře omezuje daleko méně než ty zavedené.
Perch startuje veřejnou část webu s nulovou konfigurací. Připravíte ji jak jste zvyklí u „statických“ webů. Ve chvíli kdy jste spokojení, řeknete Perchu, se kterou částí obsahu chcete nechat klienta pracovat přes redakční systém. Ryan Singer z 37signals k tomu říká:
I feel like my templates are still fully under my control, and I can sprinkle a little Perch in here and there to get the client-editable magic that I need. That’s extremely important to me and none of the other CMSes seem to do a good job of it.
Perch si říká „mini CMS“ a hodí se hlavně na mini weby, které akcentují vizuální dojem nebo interaktivitu. Nepovažujte ho za konkurenci blogovací supermašiny Wordpressu nebo modulárního molocha Drupalu. Na Perchu se s úspěchem stavějí třeba právě portfolia, weby hotelů, restaurací atd. Obrovská svoboda, kterou Perch nabízí front-end vývojáři se velmi dobře hodí pro vývoj webů pro desktop a mobily zároveň.
Líbí? Oznamuji, že se s Perchem po večerech seznamuji už nějaký ten čas a touha po praktických zážitcích mě právě včera donutila aktivně hledat zájemce o jeho implementaci. ;) Jste nepřízpůsobivý designér nebo studio se zajímavým projektem vhodným pro peršanizaci? Oznamte to sem: michalek@shortcat.cz
Na Webexpo přednášce nebyl čas tuhle myšlenku rozvést. Tady je i s konkrétní technickou aplikací.
Metodu Mobile first a její platnost asi není potřeba dále rozvádět. Luke Wroblewski přes pochyby běží tryskem a nechává jen spálenou zemi. ;)
Designér co navrhuje rozhraní metodou „jeden web“ by v prvé řadě měl myslet na horší zařízení a řešení pro lepší koncipovat jako rozšiřující.
Proto nejdříve mobily a proto jde na proces designu webu krásně pohlížet jako na vrstvení jeho jednotlivých elementů na sebe:
Vývojář designérský pohled obohacuje kromě jiného o přístupnost. Než navrhne řešení pro smartphony, musí se zamyslet nad zařízeními, kterým můžeme říkat třeba „křápy“. :)
Nemusí to být jenom stará Nokia se špatným prohlížečem nebo MSIE6. Mezi křápy počítejte i vaši zcela novou tiskárnu nebo slepeckou čtečku. Všechno to jsou zařízení, který pomůžete především správně vyznačenou strukturou dokumentu, významem obsahu a taky čitelnou typografií.
Vy jste ještě nezačali?
„Nemá to zatím smysl, protože z nich na weby klientů přichází jen 2-3 % návštěvníků. Jsou pod pětiprocentní hranici. To bychom rovnou mohli optimalizovat pro IE4!”
Navrhujete dneska weby pro rok 2011 nebo pro 2013, kdy mobily v počtu přístupů na web pravděpodobně desktop sežerou i s klávesnící?
„Ano, ale vždycky to můžeme udělat zpětně. Stačí vložit pár řádků kódu, ne?”
U většiny webů skončíte jako sedláci u Chlumce. Jestli se chcete dozvědět proč si to myslím, moc rád vás uvidím v sobotu v 11 hodin na Webexpo.
Bruce Lawson se mi na na Zdrojáku trefil do aktuálních myšlenek:
… mobilní uživatelé spěchají; neustále jsou zaměstnaní, takže chtějí vykonat jeden specifický úkol a pak skončit. … Omyl spočívá v předpokladu, že uživatelé desktopových počítačů nejsou zaměření na vykonávání úkolů a mají čas nazbyt, který rádi věnují plnému estetickému prožitku. Pravda je, že všichni uživatelé spěchají.
Chudák neúsporný webdesignér. Pokud navrhuje web, kam mají lidé chodit pro informace, jeho největším nepřítelem je bílá plocha. Nebo příliš jednoduchá struktura webu — všechny přece musejí obsahovat „O nás” a „Kontakty”!
Jak ten prostor využít? „Tady by se hodila flashová animace s logem firmy, že jo. Na všech vnitřních stránkách zopakujeme tuhle sadu postranních boxíků nebo navigaci a radši hned dvakrát — co bychom tam jinak dali?! Něco tam prostě musíme plácnout, web jinak nebude vypadat profesionálně!”
Krize je ozdravný proces ekonomiky. Neúsporní neobstojí. Světová krize zabila neúsporného Hummera. Mobilní webdesign konečně zabije neúsporného webdesignéra.
“I would in fact prefer, instead of <H1>, <H2> etc for headings (…) to have a nestable <SECTION>..</SECTION> element, and a generic <H>..</H> which at any level within the sections would produce the required level of heading.”
— Poznáváte úryvek z diskuze o document outline v HTML5?
Nikoliv! To Tim Bernes-Lee uvažuje o první verzi HTML v jedné z prvních zmínek v říjnu 1991. Některé otázky hold zůstávají i po dvou dekádách nezodpovězené.
Pokud slavíte 20 let World Wide Webu, nezapomeňte na panáka pro HyperText Markup Language! ;)