Webdesign šablony a grafika

Je poměrně časté, že firma Canon vypíše na své produkty tzv. Cashback. Je to akce, kdy za zakoupení určitých produktů této značky získáte předem známou slevu. Na první pohled příjemné, ale ve skutečnosti je to jen marketing. Firma Canon posledních pár let opravdu usilovně pečuje o svoji peněženku a poslední Cashback tak nadzvedl už hodně [...]

U Canonu se vždy těším na aktualizace. Možnosti zrcadlovky jsou z velké části určovány kvalitou firmware (řídícího programu) a právě firmware určuje co a jak nám výrobce zpřístupní. V extrémních případech se může stát, že výrobce dokonce zásadně vylepší možnosti fotoaparátu (prostě nestíhá vydat nový typ, tak odstraní některé limitace staršího modelu, viz firmware pro [...]

Jednou z hlavních předností nového Canon 6D je vysoká citlivost (ISO) a jak si dokáže poradit s ostrostí a šumem při těchto hodnotách. Výborné prostředí pro test se mi naskytlo dneska v noci. V ulici stálo “krásné” auto a tak jsem si ho musel vyfotit. Jelikož do ISO 4 000 není šum tak znatelný a [...]

Jsem Krňan. Mám na to kartu. DPMB používám denně. Web dopravního podniku je dle mého odborného názoru amatérsky zpatlaná hrouda smyšlenek. Je opravdu špatný a naštěstí to už někomu ve vedení dopravního podniku došlo, a tak DPMB vyhlásilo výběrové řízení na nový web.

Problém je v podmínkách tohoto výběrového řízení. Přihlásí se žádný nebo právě jeden kandidát, který web několikrát předraží a řízení vyhraje. A to není dohad, to je fakt. Je to způsobeno kulantním textem výběrového řízení, který se tváří, že ho psal odborník, a přitom nemá s odborným zadáním pro web nic společného. DPMB dostane, co si zaslouží, nikým nevolení občané města Brna také. Bude to drahé a výstup bude mizerný.

Proč to tak bude

1. Web musí být napsán v C#. To vyřazuje 99,8 % webových studií, protože se nikomu nevyplatí dělat weby v C# – je to pekelně drahé (po diskusi s C# programátory škrtám, může to být srovnatelné s PHPkem – zbytek nevýhod ovšem zůstává), dokud nepřesáhnete určitou návštěvnost. Jazyk nepřináší pro web velikosti prezentace DPMB žádnou podstatnou výhodu – web nebude lepší či rychlejší, ať už bude v C#, .NET či PHP. DPMB není druhý facebook s miliardou lidí online denně. Celá dnešní webová prezentace DPMB lze postavit na Drupalu a pověsit na běžný sdílený hosting!
2. Projektová dokumentace v UML je pro web velikosti webu DPMB druhým zcela zbytečným prodražením celého výběrového řízení. Web bude obsahovat určitou aplikační logiku, ale bude tak mizivá, že nemá smysl web dokumentovat diagramy pro jiné než vnitřní účely realizátora.
3. Obsah a funkcionalita webu není nijak blíže specifikován a DPMB chce cenovou nabídku. Znamená to, že firma bude muset udělat odhad a ten vynásobit nejméně třemi až deseti. Což web opět prodraží.
4. Není poptáván uživatelský výzkum, ale wireframy. Není poptáváno uživatelské testování. Web vznikne na základě fantazie designera o potřebách uživatelů a jeho schopnosti udělat na první dobrou hezkou hlavičku a patičku. Protože…
5. V prvním kole chce DPMB grafický návrh něčeho, co nespecifikuje. Navíc v PDF. Obsah a funkcionalitu si účastník vycucá z prstu a hezky ji obarví.
6. Nereálné termíny. Dodávka testovací verze webu na základě vybájené představy během měsíce znamená, že web už je někde někým vytvářen či dokonce hotový. C# je pekelně drahé a vývoj je také pekelně pomalý (moje zkušenost, možná mylná).

Milé DPMB, jestliže tvým cílem není, aby se někdo napakoval ze tvých peněz, pak prosím aktuální výběrové řízení stáhni a postupuj takto:

1. Najmi profesionála. Nemusím to být zrovna já, klidně zvol nějakou větší agenturu – Dobrý web či H1 to zvládnou také. 
2. Proveďte spolu uživatelský výzkum, abyste mohli specifikovat zadání na základě reality potřeb tvých uživatelů a ne masturbace rádoby designera
3. Vytvořte spolu prototyp webu tak, aby bylo jasné, co vlastně účastníci naceňují
4. Zapomeň na painformatickou část webu a uvolni možnost psát web v PHP. Bude to 10× levnější bez ohledu na to, jaký máš dnes server či jaké jsou představy IT oddělení. Bude to levnější i když do výsledku nikdy tvé IT nezasáhne. Přínosy C# v tomto projektu prostě nejsou.
5. Vypiš spolu se svou agenturou nové výběrové řízení. Specifikuje do něj to, co je potřeba pro webdesign. Nechceš informační systém, chceš super web.

I když najmeš agenturu a ta si vezme pár set tisíc korun za návrh výběrka (nebo zvol mě, vezmu si o něco méně, výsledek bude podobný), tak to bude v konečném důsledku výrazně levnější a přínosnější pro všechny tvoje zákazníky.

Související

• Web DPMB
• Text výběrového řízení

UPDATE 16:30

Mluvil jsem s paní z DPMB a předběžně jsme se domluvili, že pomůžu svým názorem komisi, která bude vyhodnocovat návrhy.

Přečetl jsem si článek Proč grafici pláčou a skoro jsem se rozplakal. Ne nad tím, že jsem ještě donedávna dělal spoustu práce jako webový grafik a zbaběle prchám ke konzultační činnosti … ale nad mentálním modelem světa lidí, kteří si sami sebe neváží a jsou ochotni poškozovat sebe i své potenciální zákazníky prostřednictvím spec work.

Alespoň vím, že má kniha pro začínající webdesignery není zbytečná práce.

Být profesionálem znamená, že mimo jiné dbáte o sebe. O své vzdělávání, o své zdraví, o svůj psychický, fyzický a duchovní stav. O své nastavení vůči světu. A dokud budete druhořadý grafik, který marně konkuruje ostatním v pokoutných a zcela kontraproduktivních rádoby soutěžích, tak vám bude svět připadat skutečně krutý. Protože bude. A to jen kvůli vám.

A přitom je webdesign zmítán nedostatkem schopných designerů. Nikoliv lidí, kteří jsou ochotni cokoliv vyleštit, oškrábat a obšít, ale lidí kteří vědí, co dělají. Můžete testovat, iterovat, používat metodiky, uživatelsky zkoumat, stavět se na hlavu – ale bez skvělého designera skvělý design nikdy nevznikne. A skvělí designeři nepláčou nad tím, že přibyla další tržnice s levnými logy či šablonami pro nízkonákladové weby s brutální konkurencí z Indie. Dokonce ani průměrní ne – je nás tak málo, že je potřeba každé trochu schopné a volné ruky.

Upatlat rychle grafický návrh hlavní strany není práce pro profesionálního designera. Ten moc dobře ví, že grafický návrh je až Xtý krok v pořadí a nedostane se k němu bez důkladného pochopení problému a kontextu svého klienta. Ve spodních patrech grafického designu sice skutečně přituhuje, ale to designery profíky netrápí, nikdy netrápilo a trápit nebude. Těch pár skutečně dobrých indů a pakistánců to taky netrápí.

Příští Apple nevznikne na tržišti levných grafiků. Levný webdesign má své zákazníky, kteří budou tlačit na cenu a budou obcházet profesionální práci, protože ji nepoznají a nedávají ji žádný velký význam. Dokonce mohou mít pravdu a skutečně pro ně hmatatelný přínos nemá, nebo si to neuvědomují (jako třeba AXA bank). A to je jejich boj, nikoliv váš.

Moje doporučení začátečníkům

• Začněte s designem dokud nutně nepotřebujete peníze.
• Řekněte ne nesmyslným soutěžím.
• Místo diskusí se začátečníky se učte od profesionálů.
• Bojujte s Duning-Krugerovým efektem. Denně.
• Užívejte si to. Mladší už nebudete.

A klidně začněte mou starší přednáškou o webdesignu na půdě Masarykovy univerzity.

Poptávka po UX designerech roste a s ní i množství lidí, kteří se označují jako UX designeři. Jestliže potřebujete navrhnout web, webovou aplikaci nebo jakýkoliv jiný produkt, který vyžaduje dobrou user experience, pak jednoho určitě potřebujete. Není ale UX jako UX.

Dvě zásadní otázky pro vašeho návrháře

1. Vystudoval jste úspěšně psychologii?
2. Pokud ne, jakým způsobem jste své vzdělání dohnal?

UX is applying psychology in technology. — @JiriSiftar

Jednoduchost výše uvedené Jirkovy definice má své kouzlo. UX designer vychází z lidských předpokladů a omezení (jak lidé vnímají, rozhodují se, pamatují si, jaké mají fyzické proporce,…) a navrhuje technologii. Výstupem UX designera zdaleka nemusí být web (ač pro mě to o webu je).

UX designer, který nemá dobrou znalost psychologie, je operátor Axure. Kreslič wireframů. Člověk, který posunuje obdelníky, protože je to jednodušší, než je kreslit ve Photoshopu. Neznamená to, že máte dnes pověsit svou práci na hřebík – ale že je potřeba se zamyslet a jednat.

UX samozřejmě není jen o psychologii (a dalších sociálních vědách), ale o transformaci teoretických znalostí do relevantních výstupů. Což třeba ve webdesignu znamená výrazně košatější znalosti, které se snažím shrnout ve své knize.

Dosavadní publikace pro UX designery řeší především dokumentaci, ale skoro se nezabývají principy, na základě kterých dokumentace vzniká. Dokumentace je operativa, ale co taktika a strategie?

Od poloviny února píšu knihu. Pracovní název je Principy webdesignu a popisuji v ní myšlenkové základy tvorby funkčních webů. Začali jsme na ní dělat s Ondrou Válkou, ale ten svou spisovatelskou činnost utlumil ve prospěch designerské práce, takže jsem přesvědčil pár dalších lidí z oboru, aby přispěli svou troškou do mlýna.

Možná je znáte

• Marek Prokop a internetový marketing
• Martin Kopta a uživatelský výzkum
• Radek Pavlíček a přístupnost
• Jan Vlček a gamifikace
• Eva Illésová a sociální sítě
• Jerry Tvrdek a proces tvorby grafického návrhu webu
• Pavel Maček a vizuální komunikace
• Ondřej Válka a interakční design
• [možná ještě přibudou další]

Zbytek tvoří můj pohled na filosofii, principy, strategii a profesionalitu ve webdesignu. Když to dobře půjde, tak kniha vyjde jako eBook na jaře příštího roku. Počítám i s limitovaným nákladem tištěné verze. Zatím jsem zavrhl publikaci přes běžné nakladatelství, protože v takové spolupráci nevidím rozumný poměr cena/výkon.

Vypadá to, že v celé knize nebude jediná řádka kódu či screenshot webu.

Cílem knihy je vyjasnění webdesignu tak, aby si začátečník udělal faktickou představu o oboru a profík si urovnal argumentaci pro klienty. Pro oba by měla být kniha mmj. vstupní bod pro další vzdělávání, mám rozmyšlený už i plakát s mapou webdesignerské literatury.

Teď už ji jen dopsat, zrevidovat, přepsat, dopilovat a vydat.

Penetrace mobilních zařízení do běžné populace a stále chytřejší telefony mají pro webdesign zcela zásadní důsledek – lidé používají web více způsoby, než si dokážete při návrhu mobilního webu představit.

Pokud tedy ořežete mobilní web jen pro určité typy případů užití, tak si musíte být zatraceně jistí, že jsou to ty pravé. A pokud nemáte budget na rozsáhlý user research, tak nikdy netipnete vhodnou hranici zcela správně. A uškodí vám to.

Příklad nevhodného kontextu

Hledali jsme po WebExpu otevírací dobu restaurace, která je součástí jednoho hotelu. Hotel měl mobilní verzi webu a ejhle – web byl ořezaný na cokoliv, co souvisí s rezervací. Pokoje. O restauraci ani zmínka, otevírací dobu jsme nakonec nenašli vůbec.

Prostě to neodhadnete

Zapomeňte ale také na to, že lidé používají mobily jen v místech, kde nemají počítač. Zapomeňte na to, že je používají jen v lokalitě, které se váš web týká. A že mají jen ty cíle, které předpokládáte, že budou mít.

Místo toho, abyste omezovali v mobilní variantě webu obsah (ačkoliv neříkám, že to nikdy nemá smysl – třeba rozcestníky stránek jsou dobrý příklad), tak se doporučuji soustředit především na jeho prioritizaci a vhodné zobrazení… které mohou být velmi podobné běžnému webu. Mobile first v praxi.

"Kalibrace monitoru je asi ta nejdůležitější věc, kterou musí udělat každý, kdo to s úpravami a tiskem digitálních fotografií myslí vážně. Pro správné nastavení monitoru poskytuje japonský výrobce fotografických monitorů EIZO NANAO Corp. ke svým modelům dvě základní řešení hardwarové kalibrace podle potřeb a zkušeností uživatelů."

"Chcete si rozšířit své fotografické obzory? Zajímá vás konkrétní fotografická disciplína, ale chybí vám potřebné znalosti či zkušenosti? A nebo prostě jen hledáte inspiraci či příležitost setkat se s podobně "postiženými" - spřízněnými dušičkami? Neváhejte a navštivte některý z fotografických kurzů... "

"Od 23. dubna jsou v nabídce Adobe sady a jednotlivé programy Adobe Creative Suite 6 a také nová speciální služba Creative Cloud, umožňující snadný přístup k předplaceným programům, a to k různým sadám včetně Master Collection i k jednotlivým programům."

"Hewlett-Packard během výroční konference HP Fórum představil all-in-one pracovní stanici s úhlopříčkou 27 palců (68,6 cm). Má jedinečnou konstrukci a "beznástrojové" šasi, umožňující snadný upgrade nebo výměnu hardwaru. Je určena hlavně designérům a profesionálům pracujícím v oblasti digitálních médií a zábavy."

"Milí IDIFáci, nejen, že jsme pro vás otevřeli nové moderní prostory pro potřeby vzdělávání, ve kterých již úspěšně proběhly první fotografické i počítačové kurzy, ale přinášíme vám nyní i báječnou nabídku kurzů za příznivější cenu! Více informací se dozvíte v článku!"

"Epson představil několik nových projektorů: MG-850HD s dokem pro iPod, pět 3D modelů řady EH-TWxy s vysokým rozlišením obrazu a šest speciálů – interaktivní EB-4xyW/Wi s velmi krátkou projekční vzdáleností, které jsou ideální hlavně pro oblast školství."

"Lensbaby, výrobce kreativních efektových objektivů se selektivním zaostřováním, oznámil, že populární objektiv Composer Pro je nově dostupný i pro kompaktní fotoaparáty s výměnnými objektivy."

"Ještě do středy 11. dubna můžete navštívit výstavu fotografií Martina Stranky s názvem "Znovuzrození" v Nákupní galerii Myslbek."

"Po přemístění výstavy na Slovensko se výstava fotografií "Barvy Islandu" opět vrací do České republiky, konkrétně do Prahy. Autor, David Varga, působil na tomto ostrově delší dobu v rámci pracovní stáže Erasmus. To mu umožnilo procestovat celý ostrov a zachytit tak zajímavé záběry za nevšedných světelných podmínek."

"Společnost Western Digital v březnu uvedla na trh novou generaci své nejprodávanější řady externích přenosných disků My Passport. Uživatelům nabízí moderní stylový design vnějšího pouzdra a vylepšené prvky automatického zálohování a bezpečnosti. A jako první má kapacitu paměti 2 TB."

"Fotoklub Havířov srdečně zve všechny čtenáře serverů Fotografování.cz a Grafika.cz na výstavu fotografií svých členů, kterou připravil při příležitosti oslav deseti let své činnosti."

"Nejnovější výkonná multifunkční zařízení s inkoustovou tiskárnou, skenerem, kopírkou a vysokorychlostním faxem nabízejí uživatelům vylepšené funkce a snadnější tisk z tabletů a chytrých telefonů. Zaujmou vysokou rychlostí barevného tisku, 35stránkovým automatickým oboustranným podavačem dokumentů i stylovým designem. Jsou vhodné hlavně pro domácí kanceláře."