<?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>Kahi&#039;s mindprint &#187; něco</title>
	<atom:link href="https://kahi.cz/blog/rubrika/neco/feed?dualfeed=2" rel="self" type="application/rss+xml" />
	<link>https://kahi.cz/blog</link>
	<description>Zápisník někdy o ničem, ale někdy i o tvorbě webových stránek, o použitelnosti, o uživatelských rozhraních, o CSS a tak všelijak.</description>
	<lastBuildDate>Mon, 15 Sep 2014 23:08:25 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.2</generator>
		<item>
		<title>Dopad uživatelského jména na UX registračního procesu</title>
		<link>https://kahi.cz/blog/uzivatelske-jmeno-ux-registrace-etsy</link>
		<comments>https://kahi.cz/blog/uzivatelske-jmeno-ux-registrace-etsy#comments</comments>
		<pubDate>Sat, 10 May 2014 21:01:05 +0000</pubDate>
		<dc:creator>Kahi</dc:creator>
				<category><![CDATA[něco]]></category>
		<category><![CDATA[weblogy]]></category>

		<guid isPermaLink="false">http://kahi.cz/blog/?p=1366</guid>
		<description><![CDATA[
<p>Kolují vtipy o formulářích, které dalšími a dalšími validačními
chybami stupňují emoci uživatele až k pláči. Nejsou to jenom báchorky.
Ty formuláře jsou tam venku. Na jeden takový se teď podívejte.</p>
]]></description>
				<content:encoded><![CDATA[
<p>Kolují vtipy o formulářích, které dalšími a dalšími validačními
chybami stupňují emoci uživatele až k pláči. Nejsou to jenom báchorky.
Ty formuláře jsou tam venku.</p>

<p>Tohle se mi fakt stalo – jde o registraci v iOS aplikaci Etsy. Zajímalo
by mě, proč ty uživatelský jména vlastně vyžadují, když se mohu
přihlašovat i e-mailem a aplikace mě pak oslovuje hezky jménem. Jo, já
vím že nějaké důvody zmiňovala Magera Moon Holton (dyzajnérka z Etsy) na
<a href="http://kahi.cz/blog/dojmy-z-idc-2014">Interactive Design Conference
před měsícem</a>, ale nepřišlo mi to zcela přesvědčivé.</p>

<div><img src="/blog/wp-content/uploads/2014/05/1.png"
style="width:500px;border:4px solid #F4F4F1" alt="" /></div>

<div><img src="/blog/wp-content/uploads/2014/05/2.png"
style="width:500px;border:4px solid #F4F4F1" alt="" /></div>

<div><img src="/blog/wp-content/uploads/2014/05/3.png"
style="width:500px;border:4px solid #F4F4F1" alt="" /></div>

<div><img src="/blog/wp-content/uploads/2014/05/4.png"
style="width:500px;border:4px solid #F4F4F1" alt="" /></div>

<div><img src="/blog/wp-content/uploads/2014/05/5.png"
style="width:500px;border:4px solid #F4F4F1" alt="" /></div>

<div><img src="/blog/wp-content/uploads/2014/05/6.png"
style="width:500px;border:4px solid #F4F4F1" alt="" /></div>

<p>Jestli si z toho chcete vzít nějakou lekci, jedna je úplně jinde:
zkontrolujte si v jakém pořadí vyhodnocujete a zobrazujete validační
chyby. V tomto konkrétním formuláři byste se „že tento e-mail byl již
zaregistrován“ zjistili až po eliminaci všech ostatních chyb, např. zcela
zbytečné syntaktické validaci uživatelského jmé­na.</p>
]]></content:encoded>
			<wfw:commentRss>https://kahi.cz/blog/uzivatelske-jmeno-ux-registrace-etsy/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Peníze, čokoládička a zvedání pastelek</title>
		<link>https://kahi.cz/blog/penize-cokoladicka-a-zvedani-pastelek</link>
		<comments>https://kahi.cz/blog/penize-cokoladicka-a-zvedani-pastelek#comments</comments>
		<pubDate>Tue, 06 May 2014 13:43:03 +0000</pubDate>
		<dc:creator>Kahi</dc:creator>
				<category><![CDATA[nic]]></category>
		<category><![CDATA[něco]]></category>
		<category><![CDATA[weblogy]]></category>

		<guid isPermaLink="false">http://kahi.cz/blog/?p=1360</guid>
		<description><![CDATA[
<p>Představte si peníze, majetek, bohatství… a pravděpodobně si tu
čokoládičku užijete méně, než byste mohli (Quoidbach 2010). […]
supporting the theory that money has a causal effect on savoring. Moving beyond
self-reports, we found that participants exposed to a reminder of wealth spent
less time savoring a piece of chocolate and exhibited reduced enjoyment
of […]</p>
]]></description>
				<content:encoded><![CDATA[
<p>Představte si peníze, majetek, bohatství… a pravděpodobně si tu
čokoládičku užijete méně, než byste mohli (<a
href="http://pss.sagepub.com/content/21/6/759">Quoidbach 2010</a>).</p>

<blockquote cite="http://pss.sagepub.com/content/21/6/759">
	<p>[…] supporting the theory that money has a causal effect on savoring.
	Moving beyond self-reports, we found that participants exposed to a reminder of
	wealth spent less time savoring a piece of chocolate and exhibited reduced
	enjoyment of it compared with participants not exposed to wealth.</p>
</blockquote>

<p>A pak je tu ten druhý efekt. S představou bohatství se stane, že
začnete více myslet na sebe, chtít více pro sebe a méně se dávat
ostatním. Ale za boha si nemohu vzpomenout, kde jsem o tom četl. Snad v <a
target="_blank"
href="http://www.bookdepository.com/Thinking-Fast-Slow-Daniel-Kahneman/9780141033570?a_aid=required">Kahnemanovi –
Thinking, Fast &amp; Slow</a>.</p>

<blockquote>
	<p>they were much less willing to spend time helping another student who
	pretended to be confused about an experimental task. When an
	experimenterclum­sily dropped a bunch of pencils on the floor, the participants
	with money (unconsciously) on their mind picked up fewer pencils.Money-primed
	undergraduates also showed a greater preference forbeing alone. :<a
	href="http://www.slideshare.net/jerwschm/thinking-fast-slow-pt-1-by-daniel-kahneman">http://www.sli­deshare.net/…i­el-kahneman</a></p>
</blockquote>

<p>S těmito dvěmi myšlenkami jsem se poněkud zaseknul, snad protože
implikace/inspirace mohou být tak širokosáhlé: jak se lidé v kavárně
cítí je formováno také tím, jak se prezentují ceny, jak a kde se platí,
titulky jakých časopisů jsou v zorném poli. Anebo: jak
organizovat/mo­derovat testování použitelnosti, aby byl tester maximálně
odstíněn od vlivu jeho odměny na jeho snahu/samostatnost? (Chci aby se
nesnažil více, než je mu přirozené když není finančně odměňován.)
Také nemám příliš vyřešenou svoji dennodenní práci s penězi a
představám o jejich přítoku a odtoku (a jejich vyvažování) se věnuji
víc, než bych chtěl.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>https://kahi.cz/blog/penize-cokoladicka-a-zvedani-pastelek/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pozitivní dojmy z Interactive Design Conference 2014</title>
		<link>https://kahi.cz/blog/dojmy-z-idc-2014</link>
		<comments>https://kahi.cz/blog/dojmy-z-idc-2014#comments</comments>
		<pubDate>Tue, 08 Apr 2014 18:16:05 +0000</pubDate>
		<dc:creator>Kahi</dc:creator>
				<category><![CDATA[něco]]></category>
		<category><![CDATA[weblogy]]></category>

		<guid isPermaLink="false">http://kahi.cz/blog/?p=1350</guid>
		<description><![CDATA[
<p>Interactive design konference byla překvapivě docela prima. O co jste
přišli?</p>
]]></description>
				<content:encoded><![CDATA[
<p><em>Peter Boersma: „What I learned from, oh, I don't know, around
200 projects?“</em> — Peter se zaměřil na rozmanitost své dosavadní
praxe. Spousta nějakých procesních grafů (– pokud jste takovýto typ
úchyla, mohla by se vám přednáška
líbit). <!--Líbilo by se mi hlubší zaměření na samotná poučení z jednotlivých jobů, naopak dlouhý a povrchní přelet nad "portfoliem" mně nepřijde zajímavý.--></p>

<p><em>Magera Moon Holton: „The Not-So-Little Details“</em> —
zajímavosti z optimalizace checkout procesu na Etsy.com. Příjemná
přednáška na kterou se v rychlosti mrknu ještě
jednou. <!--Nemohu se zbavit pocitu, že slečna snad až příliš času věnovala popisu "jak jsme dělali velkou změnu, která se nijak neprojevila" (ačkoli původně tam myslím zaznělo něco o 3/4 úmrtnosti ve funnelu, tedy potenciálu je víc než dost), ale možná mi to zásadní uniklo (má angličtina i soustředěnost jsou chabé).--></p>

<p><em>Federico Holgado: „Structural Systems to Survive a
Redesign“</em> — Mailchimp a jeho widget library-driven design
proces.<!--Uvítal bych v přednášce více o uživateli a méně o implementaci. Byl jsem negativně předpojat k Mailchimpu (potažmo k -) a tento škaredý pocit jsem si přednáškou spíše zafixoval, ach jo.-->
Musím se podívat ještě jednou, protože kolegům se to líbilo, takže na
tom asi něco bude.</p>

<p><em>Oběd B: „Vepřové kari s rýží“</em> — moc dobrý, ale bolí
mě to při polykání.</p>

<p><em>Anna Howell: „Now is the best time to test your design
assumptions“</em> — to bylo pěkný, byť (dobře!) připraveno asi pro
trochu laičtější cílovku. V rychlosti mrknu znovu, pokud bude záznam.</p>

<p><em>Ondřej Válka: „Collaboration: the other half of
designer’s job“</em> — Ondra to informacemi z jejich fungování
v GoodData docela nabil, rozhodně se podívám znovu.</p>

<p><em>Peter Fabor: „Experience with the redesign of the software with
200.000.000 u­sers“</em> — přednáška asi spíš pro pobavení než
praktické poučení. (Avast, „Life is better when you surf“)</p>

<p><em>Colin Burns: „One
Service“</em> —<!--jestli to není nějaký nový britský bullshiting na který nejsem zvyklý,-->
tak tento pán z BBC (Executive Creative Director) setsakramentsky válí,
určitě se podívám znovu.</p>

<hr />

<p><!--Resumé: samozřejmě bych raději konferenci, kde jsou přednášky více odladěny co do obsahového zaměření i do jasnosti sdělení, ale za ty prachy -->docela
dobrý.</p>

<p>Snažím se působit pozitivněji, takže jsem všechny své „ale“ a
„nechápu proč“ zakomentoval. ;)</p>

<p><a href="http://webexpo.net/idc2014">http://webexpo­.net/idc2014</a></p>
]]></content:encoded>
			<wfw:commentRss>https://kahi.cz/blog/dojmy-z-idc-2014/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Twitter zabíjí</title>
		<link>https://kahi.cz/blog/twitter-zabiji</link>
		<comments>https://kahi.cz/blog/twitter-zabiji#comments</comments>
		<pubDate>Tue, 25 Mar 2014 00:21:53 +0000</pubDate>
		<dc:creator>Kahi</dc:creator>
				<category><![CDATA[nic]]></category>
		<category><![CDATA[něco]]></category>

		<guid isPermaLink="false">http://kahi.cz/blog/?p=1345</guid>
		<description><![CDATA[
<p>Když to vezmu kolem a kolem, zazlívám Twitteru, že zabil blogy.</p>

<!-- by Texy2! -->]]></description>
				<content:encoded><![CDATA[
<p>Když to vezmu kolem a kolem, zazlívám Twitteru, že zabil blogy.</p>

<p>Twitter chápu jako ideální platformu, kde se mohu pochlubit svým
nejnovějším palindromickým objevem, vystříhnout kus konverzace, pohrát si
s jazykem… ale jakmile se obsah tweetu začne týkat významů a názorů a
reálného světa, 160 znaků zamezí smysluplnému vyjádření a
úspěšnému pochopení čtenářem. Ani v dalších bodech Twitter nenabízí
oporu – zobrazení konverzací je nepřehledné a někteří lidé své
staré konverzace odstraňují, protože jsou – byť ne tolik jako
dříve – na očích budoucím čtenářům.</p>

<blockquote class="twitter-tweet" lang="en">
	<p>kolik vína máš,tolikrát jsi člověkem co umí všechny jazyky.</p>
	— . (@juvenilie) <a
	href="https://twitter.com/juvenilie/statuses/447075181547499520">March 21,
	2014</a></blockquote>
 <script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<p>Situace je o to komplikovanější, že pokud by se chtěl člověk
rozpovídat, musí tak učinit na zcela jiném médiu, Twitter mu s tím
nepomůže. Pokud by tak učinil, do svého tweetu (jehož rozsah je najednou
zkrácen o délku URL) roubuje něco odjinud, něco cizího, něco nepříliš
v této platformě žádaného… nevyužívá celého hypotetického
potenciálu Twitteru, protože toto médium se od počátku svých dnů drží
ve svých mezích úsečnosti, a tedy jeho uživatelé se (obávám se) taktéž
vzdávají ambicí strávit zde něco víc než jen ty
jednovětné štěky.</p>

<p>Ale to není vše, jádro potíže tkví v tom nepochopení pisatelů,
stále znovu a znovu pokoušejících se vyjadřovat na Twitteru své myšlenky.
Snad se domnívají, že jejich sdělení je v pořádku, a tweet
odesílají… ale ořezáváním na potřebný rozsah je význam natolik
zmrzačen, že pozitivní přínos sdělení končí ve smyslu inspirace,
interpretační hádánky. Takže jsem nucen vám to zde říct na rovinu: Serte
na to. Vezměte si jednu z deseti myšlenek a tu rozviňte na blogu. Protože
předání myšlenky vyžaduje mnohem více psaní a škrtání, než uzounké
políčko ve Twitteru dovolí.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>https://kahi.cz/blog/twitter-zabiji/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Responsivní (adaptivní) obrázky v CSS</title>
		<link>https://kahi.cz/blog/responsivni-adaptivni-obrazky-v-css</link>
		<comments>https://kahi.cz/blog/responsivni-adaptivni-obrazky-v-css#comments</comments>
		<pubDate>Mon, 27 Jan 2014 14:26:21 +0000</pubDate>
		<dc:creator>Kahi</dc:creator>
				<category><![CDATA[něco]]></category>
		<category><![CDATA[weblogy]]></category>

		<guid isPermaLink="false">http://kahi.cz/blog/?p=1331</guid>
		<description><![CDATA[
<p>Jak se snadno a rychle udělat responsivní a adaptivní obrázky.</p>

<!-- by Texy2! -->]]></description>
				<content:encoded><![CDATA[
<p>Dá se to udělat takto:</p>

<pre class="html"><code><span class="html-tag">&lt;img</span><span
class="html-tagin"> src=</span><span
class="html-quote">&quot;http://lorempixel.com/800/200/sports/1/&quot;</span><span
class="html-tagin">
     class=</span><span
class="html-quote">&quot;visible-lg&quot;</span><span
class="html-tagin">
     style=</span><span
class="html-quote">&quot;display:none&quot;</span><span
class="html-tag">&gt;</span>
<span class="html-tag">&lt;img</span><span
class="html-tagin"> src=</span><span
class="html-quote">&quot;http://lorempixel.com/400/200/sports/1/&quot;</span><span
class="html-tagin">
     class=</span><span
class="html-quote">&quot;visible-md&quot;</span><span
class="html-tagin">
     style=</span><span
class="html-quote">&quot;display:none&quot;</span><span
class="html-tag">&gt;</span>
<span class="html-tag">&lt;img</span><span
class="html-tagin"> src=</span><span
class="html-quote">&quot;http://lorempixel.com/200/200/sports/1/&quot;</span><span
class="html-tagin">
     class=</span><span
class="html-quote">&quot;visible-sm&quot;</span><span
class="html-tagin">
     style=</span><span
class="html-quote">&quot;display:none&quot;</span><span
class="html-tag">&gt;</span></code></pre>

<p>Když nemáte Bootstrap, potřebujete ještě něco jako:</p>

<pre class="html"><code><span
class="html-tag">&lt;style&gt;</span>
@media screen and (min-width: 1000px) {
    <span
class="css-property">.visible-lg {display</span>:<span
class="css-value"> block !important</span>;}
}
@media screen and (min-width: 500px) and (max-width: 999px) {
    <span
class="css-property">.visible-md {display</span>:<span
class="css-value"> block !important</span>;}
}
@media screen and (max-width: 499px) {
    <span
class="css-property">.visible-sm {display</span>:<span
class="css-value"> block !important</span>;}
}
<span
class="html-tag">&lt;/style&gt;</span></code></pre>

<p><a href="http://jsfiddle.net/nYA3B/">Demo na JSFiddle</a></p>

<p>Zdá se, že se tím (jak dělat adaptivní obrázky v HTML/CSS) <a
href="http://www.zdrojak.cz/clanky/adaptivni-obrazky-vyresena-otazka-s-novym-otaznikem/">zabývá</a>
dost chytrých lidí <del>, ale zatím asi nerozumím, co je na řešení výše
suboptimálního</del>.</p>

<h2>Proč to není dobré řešení</h2>

<p>Takto přímočaře to bohužel nejde – prohlížeče (aktuální FF a
Chrome) si potichu stáhnou všechny obrázky, i když mají
<code>display:none</code>. (Díky za popostrčení Martinu Michálkovi.)</p>
]]></content:encoded>
			<wfw:commentRss>https://kahi.cz/blog/responsivni-adaptivni-obrazky-v-css/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>
