<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Filův blog</title>
	<atom:link href="http://blog.filosof.biz/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.filosof.biz</link>
	<description>Deníček jednoho skautského webdesignera.</description>
	<lastBuildDate>Wed, 16 Jan 2013 11:36:08 +0000</lastBuildDate>
	<language>cs</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>DPMB: výběrové řízení z pekla</title>
		<link>http://blog.filosof.biz/dpmb-vyberove-rizeni-z-pekla/</link>
		<comments>http://blog.filosof.biz/dpmb-vyberove-rizeni-z-pekla/#comments</comments>
		<pubDate>Tue, 15 Jan 2013 09:38:44 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3325</guid>
		<description><![CDATA[
<p>Jak udělat výběrové řízení, kterého se zúčastní právě jeden
kandidát? Odpověď dává dopravní podnik města Brna.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>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.</p>

<p>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ý <strong>web několikrát
předraží a řízení vyhraje</strong>. 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ý.</p>

<h2>Proč to tak bude</h2>

<ol>
	<li><strong>Web musí být napsán v C#.</strong> To vyřazuje 99,8 %
	webových studií, protože se nikomu nevyplatí dělat weby v C# – <span
	style="text-decoration:line-through">je to pekelně drahé</span> (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!</li>

	<li><strong>Projektová dokumentace v UML</strong> 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.</li>

	<li>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
	<strong>vynásobit nejméně třemi až deseti</strong>. Což web opět
	prodraží.</li>

	<li><strong>Není poptáván uživatelský výzkum, ale wireframy.</strong>
	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…</li>

	<li>V prvním kole chce DPMB <strong>grafický návrh něčeho, co
	nespecifikuje</strong>. Navíc v PDF. Obsah a funkcionalitu si účastník
	vycucá z prstu a hezky ji obarví.</li>

	<li>Nereálné termíny. Dodávka <strong>testovací verze webu na základě
	vybájené představy během měsíce</strong> 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á).</li>
</ol>

<p>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:</p>

<ol>
	<li>Najmi profesionála. Nemusím to být zrovna <a
	href="http://www.filosof.biz/">já</a>, klidně zvol nějakou větší
	agenturu – Dobrý web či H1 to zvládnou také. <img
	src="http://blog.filosof.biz/wp-includes/images/smilies/icon_wink.gif" alt=";-)"
	class="smiley" /></li>

	<li>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</li>

	<li>Vytvořte spolu prototyp webu tak, aby bylo jasné, co vlastně účastníci
	naceňují</li>

	<li>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.</li>

	<li>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.</li>
</ol>

<p>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.</p>

<h2>Související</h2>

<ul>
	<li><a href="http://dpmb.cz/">Web DPMB</a></li>

	<li><a href="http://dpmb.cz/Default.aspx?seo=download&amp;id=1505">Text
	výběrového řízení</a></li>
</ul>

<h2>UPDATE 16:30</h2>

<p>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>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/dpmb-vyberove-rizeni-z-pekla/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>Staň se konečně designerem</title>
		<link>http://blog.filosof.biz/stan-se-konecne-designerem/</link>
		<comments>http://blog.filosof.biz/stan-se-konecne-designerem/#comments</comments>
		<pubDate>Mon, 07 Jan 2013 07:53:59 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3306</guid>
		<description><![CDATA[
<p>Je rozdíl být grafik a designer. A všechny výhody jsou na straně
designera.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Přečetl jsem si článek <a
href="http://weblog.9c.cz/2012/10/zajimave-projekty/proc-grafici-placou/">Proč
grafici pláčou</a> 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 <img
src="http://blog.filosof.biz/wp-includes/images/smilies/icon_smile.gif"
alt=":-)" class="smiley" />… 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 <a
href="http://blog.filosof.biz/nospec-webdesign/">spec work</a>.</p>

<p>Alespoň vím, že má <a
href="http://blog.filosof.biz/principy-webdesignu/">kniha pro začínající
webdesignery</a> není zbytečná práce.</p>

<p>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 <strong>zcela kontraproduktivních
rádoby soutěžích</strong>, tak vám bude svět připadat skutečně krutý.
Protože bude. A to jen kvůli vám.</p>

<p>A přitom je webdesign zmítán <strong>nedostatkem schopných
designerů</strong>. Nikoliv lidí, kteří jsou ochotni cokoliv <em>vyleštit,
oškrábat a obšít</em>, ale lidí kteří vědí, co dělají. Můžete
testovat, iterovat, používat metodiky, uživatelsky zkoumat, stavět se na
hlavu – ale <strong>bez skvělého designera skvělý design nikdy
nevznikne</strong>. 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.</p>

<p>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>

<p><strong>Příští Apple nevznikne na tržišti levných grafiků.</strong>
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áš.</p>

<h2>Moje doporučení začátečníkům</h2>

<ul>
	<li>Začněte s designem dokud nutně nepotřebujete peníze.</li>

	<li>Řekněte ne nesmyslným soutěžím.</li>

	<li>Místo diskusí se začátečníky se učte od profesionálů.</li>

	<li>Bojujte s <a
	href="http://www.growjob.com/clanky-personal/mentalni-mor-vlastni-neobjektivita/">Duning-Krugerovým
	efektem</a>. Denně.</li>

	<li>Užívejte si to. Mladší už nebudete.</li>
</ul>

<p>A klidně začněte mou <a href="http://vimeo.com/39526905">starší
přednáškou o webdesignu</a> na půdě Masarykovy univerzity.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/stan-se-konecne-designerem/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Na co se zeptat svého UX designera</title>
		<link>http://blog.filosof.biz/na-co-se-zeptat-sveho-ux-designera/</link>
		<comments>http://blog.filosof.biz/na-co-se-zeptat-sveho-ux-designera/#comments</comments>
		<pubDate>Tue, 30 Oct 2012 06:45:53 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3275</guid>
		<description><![CDATA[
<p>Dvě zásadní otázky s jednou správnou odpovědí.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>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.</p>

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

<ol>
	<li>Vystudoval jste úspěšně psychologii?</li>

	<li>Pokud ne, jakým způsobem jste své vzdělání dohnal?</li>
</ol>

<blockquote>UX is applying psychology in technology. — <a
href="https://twitter.com/JiriSiftar">@JiriSiftar</a></blockquote>

<p>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).</p>

<p><strong>UX designer, který nemá dobrou znalost psychologie, je operátor
Axure.</strong> 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.</p>

<p>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é <a
href="http://blog.filosof.biz/principy-webdesignu/">knize</a>.</p>

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

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/na-co-se-zeptat-sveho-ux-designera/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Principy webdesignu</title>
		<link>http://blog.filosof.biz/principy-webdesignu/</link>
		<comments>http://blog.filosof.biz/principy-webdesignu/#comments</comments>
		<pubDate>Thu, 18 Oct 2012 06:19:07 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3247</guid>
		<description><![CDATA[
<p>Filův blog v posledním půl roce skomírá a má to svůj důvod.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>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.</p>

<h2>Možná je znáte</h2>

<ul>
	<li>Marek Prokop a internetový marketing</li>

	<li>Martin Kopta a uživatelský výzkum</li>

	<li>Radek Pavlíček a přístupnost</li>

	<li>Jan Vlček a gamifikace</li>

	<li>Eva Illésová a sociální sítě</li>

	<li>Jerry Tvrdek a proces tvorby grafického návrhu webu</li>

	<li>Pavel Maček a vizuální komunikace</li>

	<li>Ondřej Válka a interakční design</li>

	<li>[možná ještě přibudou další]</li>
</ul>

<p>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.</p>

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

<p>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.</p>

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

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/principy-webdesignu/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Zapomeňte na mobilní kontext</title>
		<link>http://blog.filosof.biz/zapomente-na-mobilni-kontext/</link>
		<comments>http://blog.filosof.biz/zapomente-na-mobilni-kontext/#comments</comments>
		<pubDate>Tue, 02 Oct 2012 05:53:04 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3228</guid>
		<description><![CDATA[
<p>Manažer běžící na prosluněné louce, který jednou rukou ovládá
telefon? Minorita.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>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.</p>

<p>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>

<h3>Příklad nevhodného kontextu</h3>

<p>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.</p>

<h3>Prostě to neodhadnete</h3>

<p>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.</p>

<p>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
<strong>prioritizaci a vhodné zobrazení</strong>… které mohou být velmi
podobné běžnému webu. Mobile first v praxi.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/zapomente-na-mobilni-kontext/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Osobní branding</title>
		<link>http://blog.filosof.biz/osobni-branding/</link>
		<comments>http://blog.filosof.biz/osobni-branding/#comments</comments>
		<pubDate>Thu, 13 Sep 2012 05:36:37 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3207</guid>
		<description><![CDATA[
<p>Historicky první workshop osobního brandingu na WebExpo 2012.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Na letošním WebExpu budu mít workshop – a to nikoliv o webdesignu, ale
o osobním brandingu. Dělám to totiž už od roku 2004… pro sebe. Každý
z nás má svůj brand – je jedno, zda ho fakticky chcete nebo ne – máte
ho. Máte nějakou osobní reputaci… a ta o vás něco říká.</p>

<blockquote>Marketing je všechno to, co dělám, abych nemusel prodávat.<br />
— Marek Prokop</blockquote>

<p>Osobní branding marketing přesahuje – pomáhá vám si ujasnit
strategický pohled na váš život – a díky tomuto ujasnění a následné
práci se z něj stává váš osobní marketing. Nejen, že po určitém čase
nemusíte sebe sama prodávat, ale budete mít i lepší vyjednávací
pozici.</p>

<p>Prošel jsem si se svým brandem vším možným a vše jsem se učil na
koleně. Pak jsem si přečetl knihy o osobním brandingu a zjistil jsem, že
obsahují to, co už znám – ale umožňují mi si znalosti srovnat a
proložit cvičeními. Navíc jsem dospěl k závěru, že autoři sice chápou
metody, ale už ne psychologické principy za těmi metodami (třeba proč
funguje networking).</p>

<h2>Proč jít na workshop?</h2>

<ul>
	<li>Ujasníte si kdo jste a co chcete dělat (sebepoznání je nutnou
	prerekvizitou brandingu – budete si pro sebe odpovídat na spoustu velmi
	osobních otázek)</li>

	<li>Dozvíte se nejen metody, ale i principy za nimi skryté</li>

	<li>Nebudu vás do ničeho nutit ani dávat přesné návody – je to váš
	brand, váš život a vaše cesta</li>

	<li>Dostanete tipy na to, co můžete fakticky dělat pro svůj brand a co vám
	může pomoci</li>

	<li>Vše proloženo příběhy a mými osobními zkušenostmi</li>
</ul>

<p>Pokud si přečtete knihu o brandingu, tak se dozvíte v podstatě totéž
jako na workshopu, protože všechny z těch lepších se k osobnímu brandu
staví podobně. Ale <strong>uděláte si pak čas do svého brandu
skutečně jít?</strong></p>

<p><strong><a
href="http://webexpo.cz/praha2012/workshop/osobni-branding/">Přihlašte se již
dnes</a></strong> (kapacita 24 osob)</p>

<p><em>Workshop je betaverze, takže se nejen budete učit vy ode mě, ale
i já od vás. Při nejhorším spolu strávíme pár hodin příjemným
pokecem.</em></p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/osobni-branding/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Koho zhlédnout na WebExpo 2012</title>
		<link>http://blog.filosof.biz/koho-shlednout-na-webexpo-2012/</link>
		<comments>http://blog.filosof.biz/koho-shlednout-na-webexpo-2012/#comments</comments>
		<pubDate>Mon, 10 Sep 2012 05:57:01 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3194</guid>
		<description><![CDATA[
<p>Na koho se těším na letošní konferenci WebExpo?</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Minulé WebExpo nasadilo vysokou laťku – přednášky, místo
i atmosféra. Jediné, co bych vyměnil, bylo jídlo v jídelně, jinak byla
konference skvělá. Letos už to vypadá, že všechna velká jména
přednášejících jsou vypsána – na koho se tedy vyplatí z mého pohledu
na WebExpo zajít?</p>

<h2>Aarron Walter</h2>

<p>Autor knihy Designing for Emotion, ve které rozebírá způsoby využití
emocí ve webdesignu a šéf UX týmu v MailChimpu. Knihu už mám za sebou,
takže doufám, že přednáška bude i o něčem jiném <img
src="http://blog.filosof.biz/wp-includes/images/smilies/icon_smile.gif"
alt=":-)" class="smiley" />.</p>

<h2>Eric Reiss</h2>

<p>Druhý nadnárodní velikán webdesignu, vlivem srovnatelný s Lukem
Wroblewskim loňského ročníku. Jeho poslední knihu Usable Usability
doporučuji začátečníkům zařadit mezi základní knihy o použitelnosti
vedle Kruga a Nielsena.</p>

<h2>Jan Šrůtek</h2>

<p>Janova přednáška byla špičkou v loňské Design hall, takže letos
určitě dorazím. Základy kognitivní psychologie se rozhodně hodí – ať
už je máte nebo nemáte.</p>

<h2>Berka (Leoš Štýbnar)</h2>

<p>Berka jednou týdně tweetne cca 3 odkazy na zajímavé články pro
webdesignery. O třech mozcích v nás pravděpodobně víte (knižně např.
Neuro Web Design), ale jsem zvědav na praktické příklady a Berku
samotného.</p>

<h2>Jan Vlček</h2>

<p>Jan bude mluvit o gamifikaci, která není jen o přidání imaginárních
odměn bez hlubšího smyslu, které mohou vaši zákazníci sbírat (skutečně
jsem viděl takové weby). Zajímají mě především úspěšně gamifikované
projekty, kterých jsem zatím viděl jako šafránu.</p>

<h2>A další</h2>

<p>Lutz Schmitt a jeho etika pro webdesignery, Mike Atherton a redesign BBC,
Richard Fridrich a manipulační techniky, Adam Hazdra a design služeb a
další… prostě letos se opět je na co těšit. Uvidíme se na WebExpu.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/koho-shlednout-na-webexpo-2012/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Co chtít od svého startupu</title>
		<link>http://blog.filosof.biz/co-chtit-od-sveho-startupu/</link>
		<comments>http://blog.filosof.biz/co-chtit-od-sveho-startupu/#comments</comments>
		<pubDate>Thu, 24 May 2012 06:05:59 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3167</guid>
		<description><![CDATA[
<p>Minulý rok jsem prošel dvěma startupy – jeden je úspěšně
rozběhán, po druhém skoro neštěkne pes.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Moje následující úvaha se vám pokusí dát podněty při odpovědi na
složitou otázku – má pro vás smysl, abyste se účastnili toho nového
supercool startupu, který vás oslovil s žádostí o spolupráci?</p>

<h2>Mé zkušenosti se startupy</h2>

<p>Minulý rok jsem pomáhal budovat dva startupy a letos mě čekají
minimálně další dva. Startupování má z mého pohledu rovnocené místo
vedle klientské práce, protože u startupů je naděje, že vás v budoucnu
uživí bez velkých osobních časových investic. V důchod od státu
nevěřím… a nevěřím ani bankám, fondům či politikům, takže mi
z hlediska víry zbývají hlavně nové projekty. <img
src="http://blog.filosof.biz/wp-includes/images/smilies/icon_smile.gif"
alt=":-)" class="smiley" /></p>

<h3>Rozpočetobce.cz</h3>

<p><a href="http://www.rozpocetobce.cz/">Rozpočetobce.cz</a> jsme spustili
začátkem letošního roku na základě dvoudenního maratonu
IPO48 2011 v Praze. Pomáhá klást lidem ty správné dotazy, které se
týkají rozpočtu jejich obce. Dočkal se založení, rozpracování,
spuštění a kontinuálního vývoje – svým rozsahem, zaměřením a
výsledky se mu pomalu daří měnit jeden malý výsek života v naší zemi.
Projekt patří po Rozpočet veřejně o.s., děláme ho všichni dobrovolně,
finanční přínos projektu je minimální, lidský přínos je poměrně
uspokojující.</p>

<h3>Universator.com</h3>

<p><a href="http://www.universator.com/">Universator.com</a> pomáhá studentům
při výběru zahraniční školní stáže – zprostředkovává zážitky
studentů a pomáhá vytvářet komunitu zahraničních studentů v daném
místě. Universator měl výrazně vyšší rozpočet, hodinové dotace,
širší tým, zainteresované tvůrce, podporu inkubátoru a přesto nakonec
zamrznul uprostřed ničeho a místo progresivní mladé dynamické společnosti
zůstal prakticky jen prach. V posledních křečích už jsme ani nenasadili
nový design a upravený interakční model, protože to nemělo v širším
kontextu smysl.</p>

<h2>Co chtít hned od začátku</h2>

<p>Možná vás napadne něco typu <em>rozhodnout jak budeme dělit
medvěda</em>, či <em>jak bude medvěd asi tučný</em>, leč medvěd je to
poslední. <strong>Medvěd totiž zatím není</strong> a předtím než
strávíte několik desítek hodin přípravou právně neprůsřelných smluv
(mám jednu takovou v šuplíku), zamyslete se kriticky nad realitou. Protože
hypotetický medvěd má hodnotu v lepším případě nulovou, v horším
zápornou.</p>

<h3>Skvělý tým</h3>

<p>Na začátku se vyplatí proklepnout si všechny členy vašeho týmu a
zjistit případné mezery z hlediska pokrytí rolí. Např. programátorský
tým složený ze začátečníků či absence skvělého copywritera (pro ryze
webové projekty je copywriter často zcela nepostradatelný) může spolehlivě
pohřbít sebelepší myšlenku. Nikdy nechoďte do projektu, který nemá
pokryté všechny podstatné role odborníky – nadšení je fajn, ale pro
úspěch potřebujete znalosti, zkušenosti a štěstí.</p>

<h3>Fakta, USP, business model</h3>

<p>Projekty bez byznys modelu a monetizace (vyjma neziskových, kde jsou
přínosy především nefinanční) zavrhněte hned od počátku. Požadujte
byznys model založený na faktech, na byznys model navázané USP a
cíle/chování návštěvníků. Bannerová reklama není byznys model.</p>

<blockquote>
	<p>Ze života Universator.com – pokud byznys model postavíte na tom, že
	vám budou školy platit za leady, ale zároveň budete na webu zveřejňovat
	i ne-zcela lichotivá fakta od jejich vlastních studentů, tak kupodivu platit
	nebudou. Stejně tak pokud máte USP postavené na vysoké efektivitě při
	vydávání prostředků na reklamu, ale zákazníci (školy) nejsou nijak
	k efektivitě motivováni, tak nejste zajímavý business partner.</p>
</blockquote>

<p>USP a přínosy pro vaše zákazníky musí být neprůstřelné –
„uděláme komunitu a někdo nás koupí“ je jedna z nejhorších forem
byznys modelu.</p>

<h3>Data</h3>

<p>Jestliže je váš startup založen na datech, která dodávají 3. strany
(včetně vašich návštěvníků), pak je bezpodmínečně nutné vypracovat
plán na jejich získání a motivování k jejich sdílení. Bez dat totiž
nemáte lidi, bez lidí nemáte byznys.</p>

<h3>Pozvolný přístup k vývoji</h3>

<p>Jestliže vám programátor oznámí, že pojede vodopádem, zabalte to.
Jestliže vám šéf projektu oznámí, že potřebuje prakticky všechno
v první iteraci, zabalte to. Ušetříte všem neveselé překvapení při
kontaktu web x návštěvník. Lean startup (bohužel) není jen další
buzzword.</p>

<h2>Sdílejte své vlastní</h2>

<p>Můj malý seznam je jen výkop – napište mi své vlastní zkušenosti
z startupů – co pro vás fungovalo, co ne, na co si dávat pozor. Možná
spolu ušetříme čas a energii ostatním. K sepsání článku mě
přesvědčila parta nadšených borců začátkem týdne v kavárně…
kteří řešili… nový… a lepší… český… foursquare <img
src="http://blog.filosof.biz/wp-includes/images/smilies/icon_smile.gif"
alt=":-)" class="smiley" />.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/co-chtit-od-sveho-startupu/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Responsivní layout a módy</title>
		<link>http://blog.filosof.biz/responsivni-layout-a-mody/</link>
		<comments>http://blog.filosof.biz/responsivni-layout-a-mody/#comments</comments>
		<pubDate>Sat, 12 May 2012 08:43:58 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3147</guid>
		<description><![CDATA[
<p>Dokážou se lidé efektivně naučit váš responsivní design?</p>
]]></description>
			<content:encoded><![CDATA[
<p>Aktuálně čtu knihu <a
href="http://www.amazon.com/gp/product/0201379376/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;tag=filuvblog-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0201379376">The
Humane Interface</a>, ve které Jef Raskin – návrhář prvního
Macintoshe – rozebírá filosofii tvorby UI. Mimo jiné zavádí koncept
takzvaných módů. Módy způsobují, že UI reaguje jinak, pokud je v jiném
módu. Děláte to, co normálně, ale reakce je zcela jiná, díky tomu, že je
mašina v jiném nastavení.</p>

<p>Třeba uspaný počítač reaguje jinak, než zapnutý (ideálně by se měl
vzbudit klikem na libovolné tlačítko a měla by být vykonána akce, která
přísluší danému tlačítku – protože pak se počítač chová
konzistentně). Nebo personalizovaný program (který si přizpůsobil člověk
před vámi) reaguje jinak, než nepersonalizovaný. Extrémem jsou např.
měnící se popisky tlačítek – pozice je stejná, ale v závislosti na
přepínači se zcela mění jejich funkce. Příkladů je mnoho a často se
netýkají počítačů.</p>

<p>Jef je <strong>zcela proti módům</strong> a jejich aplikaci v UI (mohl
bych to více teoreticky popsat, ale raději si přečtěte knihu), protože
vytváří prostor pro chyby, matou uživatele, způsobují nekonzistenci a
<strong>brání efektivnímu naučení se UI</strong> a automatizaci při jeho
používání. Prostě jsou úplně špatně.</p>

<h2>Módy ve webdesignu</h2>

<p><strong>Responsivní layout vytváří módy</strong> (přizpůsobuje se
zařízení, mění se počet sloupců a umístění prvků). Váš web je jiný
na iPhone, iPadu a desktopu <strong>(a také na počítači kamaráda s jiným
rozlišením)</strong>. Jako vlastník všech těchto zařízení máte jeden
web v několika různých módech… a nevíte, co kde hledat. Tedy pokud
hledáte něco konkrétního a tvůrce nepředpokládal, že právě TO budete
hledat a nedal TO hned nahoru jako megavelké tlačítko. Což vás stejně
zmate, protože na jiných zařízeních to megavelké tlačítko
nahoře není.</p>

<p>Jef by z mého pohledu pravděpodobně zatleskal Jeffreymu Zeldmanovi a jeho
<a href="http://www.zeldman.com/2012/04/18/redesigning-in-public-again/">Mobile
Only</a>. <strong>Jeden mód vládne všem.</strong></p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/responsivni-layout-a-mody/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Jak začít s webdesignem</title>
		<link>http://blog.filosof.biz/jak-zacit-s-webdesignem/</link>
		<comments>http://blog.filosof.biz/jak-zacit-s-webdesignem/#comments</comments>
		<pubDate>Wed, 02 May 2012 06:28:28 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=3122</guid>
		<description><![CDATA[
<p>Webdesign postupně nabobtnal tak, že se stává jednou
z nejnáročnějších designerských disciplín. Jak s ním začít?</p>
]]></description>
			<content:encoded><![CDATA[
<p>Začínající webdesignere! Naše profese je úžasná. Zatímco jiní
designeři (třeba oděvní) končí na úřadu práce, <strong>webdesign
vzkvétá, roste a rozpíná se</strong>. Navíc je obrovský hlad po
zkušených a kompetentních webdesignerech po celém světě, takže pokud
budete dobří, tak máte šanci uchytit se skoro kdekoliv.</p>

<p>V minulosti bylo možné být <a
href="http://www.sovavsiti.cz/weblog/169/tvorba-www-minulosti">špičkou
i v několika jeho částech</a>, dnes už se dostáváme do situace, kdy je
webdesign tak rozsáhlý, že je obtížné být špičkou jen v jednom z jeho
podoborů.</p>

<p>Jak ale nastoupit do takto rozjetého vlaku? Ideální by byl obor na vysoké
škole, který ovšem u nás ani po 20 letech není – a myslím, že
ještě dlouho nebude. Zbývá tedy sebevzdělávání.</p>

<p>Můj recept na start webdesignera je přibližně tento:</p>

<ol>
	<li>určete si, co chcete dělat</li>

	<li>obsáhněte řemeslnou a myšlenkovou část daného podoboru</li>

	<li>zjistěte si informace ze souvisejících oborů, abyste měli přehled</li>

	<li>vrhněte se směrem, který vám bude skutečně vyhovovat</li>
</ol>

<h2>Určete si, co chcete dělat</h2>

<p>Jako webdesigner <em>(tedy to, co si lidé běžně pod pojmem webdesigner
představují)</em> pravděpodobně budete chtít řešit jednu
z následujících činností nebo jejich kombinaci:</p>

<ul>
	<li><strong>návrh webu</strong> (vaším výstupem je dokumentace) → chcete
	být UX designer, interakční designer, informační architekt,…</li>

	<li><strong>grafika</strong> (vaším výstupem jsou PSDčka) → chcete být
	webový grafik</li>

	<li><strong>HTML</strong> (vaším výstupem webová stránka) → chcete být
	webový koder</li>

	<li><strong>HTML + javascript</strong> (opět je výstupem webová stránka) →
	front-end developer</li>
</ul>

<p>Nejjednodušší je začít jako koder nebo webový grafik, protože
v takovém případě převládají řemeslné aspekty webdesignu.
V případě front-end developera přidejte nutnost programovat, v případě
UX designera více interakčního designu, informační architektury, strategie,
komunikace,…</p>

<p>Moje pojetí webdesignera je UXák + webový grafik + webový koder +
přehled o SEO, copywritingu, marketingu, brandingu, gamifikaci, strategii,
business problematice, atd. – což je ovšem stav, do kterého se nedostanete
za rok. Webdesigner je desetibojař.</p>

<h2>Obsáhněte daný obor</h2>

<p>Každý z prezentovaných přístupů má své prerekvizity, klady a výzvy
a potřebujete u něj obsáhnout určité množství teorie.</p>

<h3>UX designer</h3>

<p>Jako UXák budete zjišťovat požadavky klienta, jeho zákazníků a
převádět je do obsahové makety webu. K tomu potřebujete znalosti
interakčního designu, informační architektury a strategie obsahu (čím
větší weby navrhujete, tím více a lépe). Btw. termín UX designer
používám proto, že je to u nás běžné – <a
href="http://valka.info/notes/2011/04/co-je-ux-design/">nikoliv
přesné</a>.</p>

<p>UXák musí přemýšlet a dávat web do souvislostí – potřebuje
<strong>nejhlubší teoretické základy</strong> a nejvíce interaguje
s klientem. Do řemeslné části pak patří tvorba dokumentace popisující
web (tak, aby vypadala dobře a byla jednoduše konzumovatelná) a
prototypů – ať už v grafickém editoru, nebo některém z programů,
které jsou pro prototypování webů určeny. Nemusí mít nutně grafické
cítění, ale je to určitě plus.</p>

<h3>Webový grafik</h3>

<p>Webový grafik vytváří náhledy webových stránek v grafickém
programu – UXák mu dodá wireframy/prototyp a on je graficky interpretuje.
Jeho práce tedy stojí tedy zejména na tradičním grafickém designu,
typografii a na souvisejících teoretických znalostech (např. <a
href="http://www.excelcharts.com/blog/data-visualization-excel-users/gestalt-laws/">gestalt
theory</a>).</p>

<p>Webový grafik si nemusí lámat hlavu s návrhem obsahu, ale musí graficky
interpretovat wireframy (tzn. ne pouze obarvovat pole, ale ohýbat wireframy
s ohledem na jejich skutečný obsah a vizuální prvky – to, co bylo ve
wireframu bílý proškrtnutý čtvereček může být v grafice kde co), aby
měl výsledek smysl pro koncového uživatele a zapadal do vizuálního stylu
klienta.</p>

<p>Řemeslnou částí práce webového grafika je ovládnutí grafického
programu – standard je Adobe Photoshop či Fireworks. Na grafické programy
existuje množství postupů a návodů na internetu (a samozřejmě knih),
můžete s tím začít prakticky okamžitě.</p>

<p>Řemeslná schopnost interpretovat wireframy, cit pro leštění a grafický
design z vás ale ještě nedělají webdesignera. <strong>Jste vždy závislí
na kvalitě výstupů UXáka.</strong> Je proto potřeba před vstupem na volnou
nohu doplnit minimálně teorii a praxi interakčního designu. Webový grafik
potřebuje grafický cit.</p>

<h3>Koder / front-end developer</h3>

<p>Kodeřina má nejblíže k řemeslu – dostanete webovou stránku jako
screen a přetvoříte ji do HTML+CSS tak, aby se web zobrazoval hezky
v jednotlivých prohlížečích/za­řízeních/operač­ních systémech.
HTML+CSS se lze naučit relativně rychle, takže je to <strong>nejjednodušší
vstupní bod do webdesignu</strong>. Vyšší dívčí je pak přizpůsobování
výstupů webového grafika vzhledem k rozlišení prohlížeče, tvorba
mobilních verzí webu, apod.</p>

<p>Webový koder bude mít bez grafického citu velice těžkou práci, protože
s ním bude muset grafik ladit každý pixel (nebo desítku pixelů –
záleží na přístupu grafika – tak jako tak ho to brzy přestane bavit).
Front-end developer si k HTML musí připočíst javascript a tudíž znalosti
týkající se programování.</p>

<h2>Zjistěte si, co je okolo</h2>

<p>Webdesigner neuspěje ve vzduchoprázdnu a jestliže nechcete pouze
vykonávat řemeslný aspekt naší práce (v nějaké větší reklamce /
studiu), tak se musíte neustále sebevzdělávat.</p>

<p>Přehled potřebujete obzvláště ve chvíli, kdy chcete působit na volné
noze, kde musíte mít <strong>hlubší představu o celkovém obrázku
webdesignu</strong>, abyste mohli řešit to, co klienta skutečně pálí.
<strong>A to jsou peníze.</strong> Zásadním přínosem webdesignu jsou, byly
a budou prachy, lováče, papírky, bankovky, mince &amp; cash. Kvůli nim si
vás najal a pokud budete zvládat jen svůj výsek, tak nemůžete nikdy sami
dodávat vydělávající projekty.</p>

<h2>Vrhněte se jinam</h2>

<p>Jen málokterý webdesigner dělá obor, se kterým ve webdesignu začal,
takže se nenechte omezovat nějakým počátečním dělením. Z koderů se
stávají grafici, z grafiků UXáci, z UXáků školitelé či projektoví
manažeři. Stejně tak můžete přejít do týmu SEOistů, copywriterů či
stratégů – záleží jen na vás. Webdesign je obor, ve kterém si můžete
<strong>každý den zkoušet nové věci</strong> – a tak si je zkoušejte!
Někdy vám je i klienti zaplatí <img
src="http://blog.filosof.biz/wp-includes/images/smilies/icon_smile.gif"
alt=":-)" class="smiley" />.</p>

<h2>Úvod do webdesignu</h2>

<p>V bloku expertů Masarykovy univerzity jsem měl přednášku na téma
webdesignu pro zadavatele projektů – mohla by být vhodná i pro vás,
kteří s webdesignem začínáte.</p>

<iframe src="http://player.vimeo.com/video/39526905" width="640" height="352"
frameborder="0"></iframe>

<h2>Tip pro začínající webdesignery</h2>

<p>V Brně proběhne <a
href="http://www.centrum-mandala.cz/kurzy/predletni-skola-grafickeho-designu">Předletní
škola grafického designu</a>. V rámci 4 setkání ve středu večer
získáte povědomí o základech grafického designu. Školu vede pan Štrouf
a mohu ji jen doporučit.</p>

<h2>Související</h2>

<ul>
	<li><a href="http://blog.filosof.biz/webdesign-neni-remeslo/">Webdesign není
	řemeslo</a></li>

	<li><a href="http://blog.filosof.biz/jak-se-lisi-webdesigner-a-ux-designer/">Jak
	se liší webdesigner a UX designer</a></li>

	<li><a href="http://blog.filosof.biz/trh-webdesignu/">Trh webdesignu</a></li>
</ul>

<p><strong>Příště:</strong> knihy pro začínající webdesignery.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/jak-zacit-s-webdesignem/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>
