Luke Wroblewski: Mobile First (recenze knihy)

Zeldmanovo vydavatelství A Book Apart tohle umí – krátké časové období ve vývoji některé části webdesignu vloží do hrnce a uvaří vývar. Hodně silný vývar.

Pokud však obor denně sledujete, výsledek vás i přes hustotu vývaru může zklamat stejně jako se to stalo mě s průvodci po HTML5 a CSS3.

V případě mobilního webdesignu nemůže být zklamaných. Kolik z nás má několikaleté zkušenosti s návrhem webů uzpůsobených mobilům? Pár designérů na světě. Luke Wroblewski je jedním z nich a tak zformuloval přístup Mobile First a teď o tom pro Zeldmana napsal knížku.

Perch, redakční systém pro nepřizpůsobivé designéry

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.

Konkurence Wordpressu? Omyl!

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

Mobilní webdesign jako krize „neúsporného webdesignéra”

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.

Štorm o efektivitě řemeslníka postavené proti komplexnosti agentury

František Štorm v Esejích o typografii píše:

„Když jsem se ucházel o zakázku na tzv. corporate identity jisté firmy, byl jsem pozván na jednání s konkurenční agenturou, které argumentovala docela správně, že jako jednotlivec nemůžu obsáhnout všechny náležitosti design manuálu, imageové kampaně, řídit inzerci, mediaplán a podobné velkolepé strategické kroky. … Já jsem ale přišel s tím, že nepotřebujeme vůbec žádný vyčerpávající manuál (…), potřebujeme vyřadit konkurenci rychlými kroky, pomocí jednoduchého, efektivního designu, který hravě obslouží každá sekretářka podle přednastavených digitálních předloh, a namísto statického loga potřebujeme rozdat funkční originální font do všech poboček a spustit elektronický obchod. Vyšlo to.”

Platí samozřejmě v typografii, designu, webdesignu a jakémkoliv oboru zabývajícím se komunikací.