Přepis řeči - Čitelnost ve webdesignu

0:00:16	tak a hledáme pánové já jsem krát že vlastně to tolik
0:00:20	každopádně nemá mikrofon takže to budu muset nějakým způsobem úřad jo
0:00:26	doufám že bitovou můžete tak já sem N udělám _e mám tu přednášku
0:00:31	kterou sem nazval čitelnost ve webdesignu E rozdělil se mi na nějaké čtyři
0:00:38	čtyři části
0:00:40	první _e
0:00:42	první budeme řešit jestli vůbec lidi na webu čtou tudíž jestli to má smysl
0:00:47	druhé jestli E
0:00:51	druhé konečnou
0:00:53	takže třetím a čtvrtým se dostaneme se mi
0:00:57	já se ve své přednášce snažím opírat o slova expertu například tady markup robota
0:01:02	kterými kterými napsal tady tento moc hezký tak
0:01:06	čitelnost _e prostě důležitá
0:01:09	ale kterou zájem zda je důležitá se musíme dostat přesto
0:01:14	jestli lidi na vůbec na ve vůbec čtou
0:01:21	kdo si myslí že lidé na webu jsou
0:01:26	to je docela dobrý kdo si myslí že ne
0:01:29	a já dodržuje najdete
0:01:34	meta tento se hlásili dvakrát za za narotujeme
0:01:40	dobře tak protitetanová ty neseděli že jo to může todleno přednášku a nemusíme tady tyhle ztráta čas
0:01:47	takže nenačte u
0:01:49	se dozvíte
0:01:51	většině případů ve chvíli kdy nebudem někomu se bude zdát toho komu předložíte v rámci kalkulace třeba hotové prezentaci se
0:02:00	na norma stranu a on vám začne říkat že stejně nemá smysl _e ztratil za to že ten text tam
0:02:06	bude pro případě bude _e bude argumentovat tím že lidé na jeho web chodí kurzu za jednu a rekurze obsahu
0:02:14	to se mi taky onehdá stalo s tím tento bohužel nakonec nespolupracujeme ale _e usilovně sme byl tady o každý
0:02:20	pixel na na hlavní straně kdy on tvrdil že se potřebuje odlišit geniálním design M a já jsem tvrdil že
0:02:26	tam lidi budou chodit hlavně kvůli obsahu
0:02:29	a kvůli tomu aby zjistil _e jaký na F otvírací hodina pobočkách a tak
0:02:36	a když se podíváme zpět do roku devadesát sedum tak zjistíme že lidé na webu nečte
0:02:42	aspoň to tvrdí největší guru webdesignu nebo webdesignu webové použitelnosti jako v nielsen ve své ve své study myslím že
0:02:51	byla dokonce I trekingová a jeho článek odpovídá na naši otázku že prostě načtou
0:02:58	konec kdo tak jsem nečetl takže nevymočím pole
0:03:05	dokonce s
0:03:07	a teďka to pravda pravda byla omíláno odhadl _e Á D D R vznikaly s toho dokonce i různé _e
0:03:15	různé vesele básničky
0:03:17	toto jedna z nich
0:03:19	_e a z mého tenhle potřeba podívat se silou
0:03:23	mínus M P po určité době uveřejnil ještě jednu study a prostudujete které říká že lide přečtou na webu zhruba
0:03:32	dvacet procent toho co na každou stránku dáte
0:03:36	že se zajímavý údaj
0:03:38	protože je dvacet procent hodnota málo a jak na těch dvacet procent zatraceně vůbec přišel když se začnete do toho
0:03:44	článku já sem řekl asi třikrát pokud náhodou s toho někdo českou někdo že to taky a
0:03:50	bude to si myslím že říkám kraviny protože se mohli pochopit špatně tak mi řekněte
0:03:55	oni
0:03:56	a nemyslím jo se na nějaká externí společnost externí společnost ze kterých _e jejímž dat jo jsem čerpal tak nainstaloval
0:04:04	a pětadvaceti pětadvaceti vysokoškolským pracovníkům nějaký spy v R
0:04:10	celý anonymizovaná monitorovalo
0:04:13	data která nebo webové stránky které oni procházeli s průběhu nějakého časového intervalu nula jsem s toho dostal stránky o
0:04:24	kterých ale nevěděl o čem ty stránky byly
0:04:26	a lepší slov které bude na stránce _e časy které na té stránce lidi strávili nás vzhledem k tomu že
0:04:34	věděl _e vzhledem takže věděl že odešle určitým způsobem oni samozřejmě na ten nebo nemuseli dělat úplném to že by
0:04:42	se nevím četli
0:04:44	N se kukadla by byla
0:04:48	a M z nějakých nějaký další studií řekl že lidé přečtou maximálně osumnáct nebo čtyři a půl vteřiny což extrému
0:04:56	zájmů tady tohle něco byste study určitě odneste protože potom ve vaší vlastně google analytik se můžete zjišťovat kolik asi
0:05:04	vidí přečtou na jednotlivých stránka
0:05:07	maximálně jas
0:05:13	ano je dáno
0:05:19	a _m
0:05:24	z nějakého důvodu vás
0:05:26	_e tam a referenční _e já jsem systémem toto
0:05:30	já jsem rasterizace protože kdybyste to P tak by to tak bys toho došla vedení jedna něco sme na
0:05:36	cože samozřejmě údaje taky na prd _e důležité je že lidé čtou na webu nějakou maximální nějakou maximální rychlostí aby
0:05:44	podle toho jak bude
0:05:45	s jak dlouho lidé zůstanou na vaší stránkách tak můžete odhadovat stejně jako mínusem hodně odhadoval stencil study co tam
0:05:53	asi taky udělali na těch stránkách a kolik si toho tak jako mohli přeč
0:05:58	no a mops odříznuty kteří mezi stránka strávili extrémy extrémní množství času třeba desítky minut protože to pravděpodobně odešli od
0:06:06	svého počítačem to zase neví jako prostuduje která mého pohledu je taková jako postavená na _e která _e navíc ještě
0:06:13	v noze
0:06:14	_e
0:06:17	ale řekněme že jako má nějaké _e bádá K data je to je na základě něčeho _e lidi to berou
0:06:24	moc vznikne četlo
0:06:26	ať to normální datum se studie se dostanete jenom kdysi zaplatit a já sem i nečetl protože jsem si nezaplatil
0:06:32	ani neukradl černý někdo
0:06:34	ale nemá to smysl
0:06:37	tak
0:06:39	co je ovšem se ovšem zajímavé je že v roce dva tisíce devět skolím džouns napsala článek ve kterém tvrdí
0:06:45	přesný opak že lidé na webu čte
0:06:48	a trhu se tak nějak jako začíná R nikdo budu a jako bavil se na začíná nikdo toho že on
0:06:53	tvrdí že lidi na dobu určitou zimního pohledu souběhu studuje extrémně přínosné
0:06:58	že jsou fakt jako dobrý
0:07:00	ale sou dobrý jenom do určité míry měl jsem tam vzal nějaký nějaké procento případů a generalizovat a další lidi
0:07:07	něco tak panu jako kde analyzujete tak potom vám sto můžou kde ste Q bude například že rudé na webu
0:07:13	vůbec nečtou
0:07:15	ta první úvodní nielsen a studuje z roku devadesát sedum tak _e se týkala nějaký zájezdu do nebrasky nula ale
0:07:22	on vůbec nebrals úvahu to jestli tam ty lidi chcu
0:07:26	_mhm znáte no i jemu zajímá jako užívají ten ve jenom jeho nezajímá jestli přesvědčil mne ten filtr téma zajímá
0:07:36	nestačí levkada taková dost nejasně specifikována a
0:07:41	je velký rozdíl mezi tím jak se staví webu
0:07:44	když vám vůbec nezajímá a řekneme si to přímo tonyho se nazývají tak investuje sou potom také z nějaký vzorkem
0:07:50	uživatelů ale on zase řeší použitelnost ale a ne přesvědčivost ne to je je jestli ten uživatel nakonec vyplázl tak
0:07:58	deset tisíc dolarů za to aby něco něco se stalo třeba
0:08:04	představte si že si nakupujete přes mercedes no a teďka procházíte skenuj takto jednotlivé stránky rychle rychle rychle rychle až
0:08:11	nakonec teda koupíte mercedes
0:08:14	tak zase určitou se auto přes internet nakupovat že
0:08:17	zabili se žádné porovnávání a když porovnávám také dobře tak nejdůležitější bude
0:08:24	tak jak to chtěl jsem
0:08:27	zajímá nás tudíž neodečtou
0:08:31	_e když _e ne
0:08:34	se nevymluvim nečtou
0:08:41	jako
0:08:43	že teda když autorka jaký výletem do words kohoutek říká něco ve smyslu že tady pročítají zhruba ta soustředných ke
0:08:51	mít ten výsledný procházení ty stránky a nakonec se dostanu na stránku která je zajímá kolik to je tam přišla
0:08:56	musí přečtu a ste si přečtou nějakou nějakou řekněme část
0:09:00	a možná se na ni vrátí a přečtou C znova možná se k ní přečtou ještě nějaký věci úplně z
0:09:05	jiných zdrojů a pak teprv něco udělat
0:09:08	koš jedné _mhm přístup než ve chvíli kdy řeknete že lidé na webu načtou
0:09:14	je to výrazná informace o na i call kolik jones ona se potom opírá o studuje společnosti pointer
0:09:21	na kterém je mimo jiné odkázali martinkopta
0:09:24	ale já sem tam potom nenašel ty studie já sem našel elementy jenom nějaké řekněme zprávy s těch studií ale
0:09:30	k tomu nebráním studiím se nedá dostat což obhájil protože potom vám kdo nielsen
0:09:38	aby
0:09:42	drahokamy to celé web raději nedávat dobrá uzavřeme tohle nezapomenu rodina nebo stavu ale čtou jenom ve specifických případech
0:09:51	a statické případy jsou natolik důležité je že je potřeba je nezanedbávat
0:09:58	se tam chcete mnohem někdo něco říct oddiskutovat počne nebudu tady přece mluvil pětaštyřicet minut
0:10:06	jak udělat specifický případ tak
0:10:09	přenes chceš něco prodat tak je to docela do specifický případ
0:10:14	jo čili když se s předat nějakou informaci ve chvíli kdy co člověka přesvědčit otomanu něco udělá
0:10:20	neznamená to že ten výsledný výztuh nějakým způsobem ne přizpůsobíš tomu že ho někteří lidé budou i scanovat že že
0:10:28	ten vzorek se to musí hodně rychle zorientovat to psal
0:10:32	ale neznamená to že si ho nakonec nepřečte neznamená takže můžeš si dobrzdit lesáka překopírován do tiskové zprávy na webu
0:10:38	provede stejně nikdo číst nebude to jenom kvůli vyhledávači _e koneckonců vyhledávače u nás za poslední rok utratili aspoň deset
0:10:45	milionů
0:10:46	tak jako na všech jiný vertex takže takže ňácí lidi kteří něco čtou
0:10:53	nezájem se raději nedávat jak se k tomu textu nestavět já sem tady tohle se chci chtěl dneska ráno vyškrtnout
0:11:00	a tak jsem si uvědomil že tam vlastně docela hezké obrázky tak se mi nechal
0:11:04	nedávejte na web uhodnu brázdách text také N tak jak ho popisu nielsen to znamená vítejte na našem webu takže
0:11:13	odstavcem nějakého nesmyslného textu kterým nějakým způsobem nějakým způsobem shrnuje _e shrnuje ten obsah toho nebo a nebo vůbec ne
0:11:22	jako kdybys toho tam nedali dejte _e dejte tam něco co zahrnuje poslání tohle budete tam jasný slogan byte tam
0:11:30	bude co podle čase ten člověk může zorientovat jestli ten herec má smysl a nedávejte tam nástavce víte _e uvítaci
0:11:36	jo textu
0:11:39	vyhněte se marketingovým keců
0:11:41	dámy a pánové kdo vás tady nabízí weby
0:11:47	zase nějakým s nějakým způsobem aspoň pozice třeba buček _e učili raz dva tři _e ostatním _e máte máte svůj
0:11:54	vlastní ne
0:11:56	do nabízí nebo na co vlastně super
0:11:58	hlavní
0:12:01	a kdo z vás iso nechápeš jednoduchou otázku
0:12:05	sám za tisíc honza
0:12:08	když se přišel na to může vést naznačuje poznám že by si měl vybrat zrovna tebe ste přemýšlet všech těch
0:12:13	webdesigner u
0:12:16	jo tenleten úžasné
0:12:21	_e tak
0:12:24	takže bych násobnost B přišla chtěl si tam třeba pár obrázku tak jako neurčito nakoupím pro vás ostatní vymezte si
0:12:33	to čenstev fakt dobří a napište to na ten svůj v žádným rádla dynamický kolektiv co špetkou sou znamená že
0:12:40	jsme mladí noc nás tam není a hodně rychle odcházíme protože nás to moc nebaví
0:12:46	dynamický kolektiv
0:12:49	takhle prostorné už sem teda inverze norský firma gildu prostě _e velice kreativní velice kreativní webdesigner si tam napíše něco
0:12:57	takového ale podle toho si vás nikdo nevybere koneckonců toto screen loupeží které ste kdy udělali svaz taky nikdo neví
0:13:04	per
0:13:05	sloučených klientu
0:13:07	ale tou tou že o něčem jiném
0:13:09	tak třetí kapitolka jak lidi uvidí váš web jak se lidi vůbec dívají barvy
0:13:15	existuje
0:13:18	tak zvaný první dojem
0:13:20	_e první dojem na webu zejména byste řekli že si člověk udělá objemu první dojem
0:13:30	ve se milisekund S S T přes takovým zadá víc míň
0:13:36	padesát čeho
0:13:38	padesát milisekund vyhrává dám port ne tohle _e toho jedna studie která kterou zpracované zpracovala jedna paní a kolektiv že
0:13:47	mezi to na nemyslitelná na webu nebyla spodní rešerše a která říká že je existuje určitá korelace já neříkám že
0:13:55	nějak jako
0:13:56	nebo jinak
0:13:58	vesmíre kdo je tam kdy tedy těm lidem
0:14:02	existují nestuduje které se zabývají o něco tuším časem třeba v řádu těch dvě stě pětiset milisekund
0:14:09	které sou eště řekněme průkaz vnější ale já jsem _e tohle sem našel tahle mně zaujala koneckonců použil jsem si
0:14:15	dokonce takže změnu tuhle co _m člověk za a existuje vysoká korelace mezi tím co člověk vidí během prvních padesáti
0:14:23	milisekund takový jako může
0:14:26	a tím jak vnímáme dlouhodobě co uvidí člověk s prvních padesáti milisekundách
0:14:32	no
0:14:34	rozmazanou plochy _e při a nic nepřečte
0:14:38	dnes nebo prostě rozmazaný plochy asi hrách a na daný plochy
0:14:45	potom určí to jestli sem ten teplý nebo ne kde se naše pixelový linky
0:14:53	rozmazaný
0:14:58	detaily jsou pro lidi neviditelnýma znamená to že nemají smysl ale chvíli ně se dostáváte kde se to stává každou
0:15:05	chvíli když někomu ukážete jeden návrh webu a druhý návrh webu a teďka návrh se úplně jiný
0:15:11	_e jako prostě změníte tam nadpisy změníte tam strukturu strukturu celýho neblaze ptáte se ho na deset rozdílů tak on
0:15:18	vám řekne _hm tady je trochu jiný odstín zelené že
0:15:23	nevím jestli máte nevím jestli máte mnou zkušenost ale ve chvíli kdy někam ukážu tady by tak jediný kdo by
0:15:29	dokážou dokáže nějak jako sofistikovaně odpovědět také webdesigner a rozhodnete nebo normální člověk
0:15:35	který ta ten ten nebude používat zamyslete se nad tím až budete až budete příště navrhovat na ty nemáš nějakej
0:15:42	nezkusíme si slosování
0:15:44	nelžete by no tak
0:15:49	no a teďka se dostanete nebude přednášky k designerovo ego tady k tomu
0:15:54	jakým způsobem lidem neházet klacky pod nohy
0:15:58	my jsme se nedá dostanete může oni když to
0:16:01	a my chceme aby černý abysme prsten obsah mohli přesvědčit k tomu aby u nás něco udělali protože řekneme si
0:16:07	to přijme byl zahájen _e design jako super ale nechtěl nikdo tam na kdy na ten člověk nenajde to co
0:16:13	na něm hledá
0:16:14	tak je ztracen a pravděpodobně u na uhasne nakoupí a možná nakoupím konkurence a nevzdalujte konkurence si jenom přečtete celého
0:16:22	hledá a potom nakoupí u vás protože máte nižší cenu
0:16:28	já se tady nebudu zabývat tím jak napsat ten text aby byl _e aby byl srozumitelný to je spíš řekněme
0:16:35	práce pro nějakého popírají která _e já to vidím tak jako ještě s nižší úrovně ale tohle přednáška o design
0:16:41	úkoly skoncuje skrytého takže jak je mít designéry bysme nemuseli hádat návštěvníkům klacky pod nohy ve chvíli kdy vytváříme nějaký
0:16:48	ve
0:16:50	studeného nebo ukázal že devadesát na procent lidí referuje písmo čtrnáct pixelů a větší pro text
0:16:56	kde je naše osmi pixelová verdana
0:17:00	ta šablona vrátit nějakého mě neznámého důvodu kde
0:17:06	nějaké velké pixel no to je dobrá otázka
0:17:12	tak
0:17:13	řekneme že to D P server činí písmo
0:17:16	je to strašně obecné tak
0:17:20	lidé preferují větší písmenech výroby chcete něco číst tak číst o dvanáctkou ale je ale na stejném displej a štrnáctku
0:17:27	harry ale na stejném displej
0:17:30	já preferuju štrnáctku možná už jsem starší a přiklepli a zatraceně proč uživatelů nebude starší a přiklepla
0:17:38	_e
0:17:40	já mluvil s pixlech ale klidně se předem tu na pointy
0:17:44	udělaný tak
0:17:46	když se na ty
0:17:48	ale dle devatenáct bodu
0:17:50	dále
0:17:51	kabely
0:17:53	já
0:17:54	a to
0:17:55	to ví
0:17:57	na nasedat diktálnost jo není
0:18:00	zrovna
0:18:03	a znovu má strašně málo věcí
0:18:11	slyšíte martina
0:18:13	jo z
0:18:17	a
0:18:20	mail
0:18:26	i a
0:18:33	a když
0:18:36	ideální že
0:18:38	jo to
0:18:42	a potom samozřejmě záleží na typu písma protože platina se vám bude chovat úplně jinak než arial a ten se
0:18:47	vám bude přesně tak na střední výšce písma kde se střední výška písma
0:18:53	aha
0:18:54	martin říkal že microsoft _e _e microsoftu byl jak se menuje dožil dožil trestaná velikosti písma zaručitelnosti a že přišli
0:19:03	na to že _e že to byl exodu sečte _e _m než deset bodu a než dvanáct bodů a dvanáct
0:19:10	bodů se řekne nejví
0:19:12	a na druhou stranu něco dát do určité době _e ste určité doby bylo určité rozlišení displejů ne ne nevadí
0:19:20	se provede jo
0:19:21	dobrá
0:19:23	kde se střední lišta písma
0:19:26	ne tady
0:19:29	vás není ale střední výška these na když se podíváte nakresleme velikost písma tak když se podíváte na to éčko
0:19:35	takto střední výška říkám to správně té střední výška to znamená velikost mínus K ale takové téma rené péčka
0:19:43	proto je to má zase dolní dolní dotáh jo přesah nebo jak se do ta jak se tomu typografický správně
0:19:50	říká
0:19:51	velikost toho éčka většinou se to teda ukazuje na áčku tak je bezprostřední výšky písma když se podíváte na arial
0:19:57	tak má výrazně jinou střední výšku písmeny verdana teda nečitelný byly verdana jí má větší takže ve velkých velikostech už
0:20:04	vypadá tak jak toho vlastně
0:20:06	E než arial zatímco _e zatímco arial i má menší takže ten sme se to zvětšení aby to bylo eště
0:20:13	čitelný o něco víc takže kdybyste vzal kdybych to vzal za sebe co bych co bych vám já doporučil dvanácti
0:20:20	tak se aspoň dvanácti bodová _e dvanácti bodová verdana nebo štrnácti bodový arial
0:20:27	a to nás nese eště víc palatinus klidně sme se šestnáct budu protože ona má fakt jako menší střední výšku
0:20:33	písma na více se riflový
0:20:37	chápete co jsem teďka řekl
0:20:41	děkuji
0:20:43	černé milana vylepšené ve chvíli kdy znáte text různé _e černé na bílém to znamená tato varianta a text kterými
0:20:52	bílé na černém nebyl osvětlena tmavém pozadí to znamená tato varianta tak to bude _e aspoň podle nebudu zabil to
0:21:00	bude nebo tři lidé o dvaatřicet procent ten malej
0:21:05	chcete na té naší víry
0:21:07	no bysme teda trefili nebudete navrhneme protože ta hodnota čili to jako byste přes rozlišeny gravitaci nekomentovala ji nebudeme dobře
0:21:17	ale tam sme měli
0:21:21	a tady budete invertovat X protože tetrád extrémy důležitá informace
0:21:26	_e vešli vy navrhujete weby které mají tmavé pořadí
0:21:29	délka řádku
0:21:31	_e bezbranýho roznese knížce ale mensa stopu graphics tá jo která se vůbec neříká webdesignu _e uvádí že _e délka
0:21:39	řádku by měla být mezi padesáti až pětasedumdesáti body
0:21:43	oni tak potom zkoumali _e na _e will zabili to já budu dycky zase jde univerzity ati přišli na to
0:21:50	že o něco rychleji se do ten čte když když je to mezi pětasedumdesáti a sto body
0:21:58	než když mají _e než když mají užší sloupec a
0:22:02	jak řekněme konkrétní L konkrétní délku řádku dáte tak samozřejmě hodně závisí na tom jaký máte obsah ale delší texty
0:22:11	by neměly přesáhnout řekněme těch sto
0:22:14	to deset _e sto deset _e sto deset znaků na řádku
0:22:34	úklid
0:22:37	přesně tak že lidé preferují kratší řádky protože se protože musí méně přeskakovat vočima když jdu na další řádek
0:22:46	nás této souvislosti nenapadá otázka mají smysly auty které se roztahují od nevidím do nevidím
0:22:55	mysleli
0:23:01	je to sem se natáhnete nebyl nebyl myslím znakem prohozeno neříkal něco ve smyslu no jo ale když mám teda
0:23:07	ten monitor devatenáct set pixelu tak tak já si logický můžu zmenšit ne
0:23:12	no já jsem se zeptat kolikrát učte viděl někoho že to udělal ale nikdy
0:23:18	já taky někdy
0:23:19	ale může
0:23:23	docela zajímavý do kde tam se hodí totálně roztahovací vohnouty z mého pohledu sumu byly
0:23:30	to je tam máte takovou variabilitu rozlišení těch displejů že se vám prostě nevytratil práci pro každej displej zvlášť ve
0:23:37	chvíli ale kdy máte desktop obou desktop obou verzi já osobně volím fixní šířku
0:23:44	_e věku lidem se řádku
0:23:46	a kvůli tomu že dnešní prohlížečích už převládá zumování
0:23:50	můžeme se na tom na ty bavit na konkrétní příklady jestli tady konkrétně to má smysl nebo nemá ale devadesát
0:23:56	procent webu vpohodě jsme se fixních šířku a následně lepším případě nějaký adaptabilní Y aut který se přizpůsobuje když se
0:24:02	to hodně zmenší a hodně zmenší a přeskládá ten obsah
0:24:06	ale ne že se jenom natáhne řádek a zkrátí se řádek Z supremem do čísel obrázek menší se obrázek také
0:24:13	to byla v nějaké formě fluid díla já u D to přes uvidíme aut
0:24:20	co udělal nenechme kdo znáte nějaký řekněme web o fixní šířce _e o fixní šířce která se
0:24:28	určitých intervalech roztahuje
0:24:31	o nějakého maxima po nějaké minimum
0:24:34	kde to vzniklo
0:24:36	vznikla to stavy designerovo zaplnit ten bílý prostor okolo toho fixního webu
0:24:41	ale myslím znáte vyladěný Z jednu šířku řádku aby tam neuděláte nic jinýho než už _e trochu dostanete X schrage
0:24:50	v lepším případě vám to rozhodit grafy
0:24:53	v našem případě S
0:24:55	to ničemu není
0:24:57	tak zase mu jednoduchý tady tenhle týden to mělo smysl a to bylo ve chvíli kdy zadavatel měl displej ve
0:25:05	kterém se mu telefoně četlo sedum set šedesát pixelů na šířku a my sme ten Z museli jenom kvůli němu
0:25:11	tak můj asi třem dalším lidem kteří tam za ten rok přídou
0:25:16	udělat s ní
0:25:19	tam promile jsou dostali jsme tu zakázku vpohodě a
0:25:22	ale jinak
0:25:24	hele tenhle přístup tvrdé vám to z mého pohledu i naprosto ztrácí
0:25:30	na to někdo jiný názor
0:25:31	druhý na názor e-shop nám
0:25:40	jo vysní my jsme se bavili _e když jsme se bavili kdysi dávno znakem pro ten tak on říká já
0:25:46	bych to řešilo stránku stránky ve smyslu že když mám fakt hodně velkou tabulku a potřebují narvat tak ať je
0:25:52	ten olej auts té tabulce třeba rychlý
0:25:54	jo ať je prostě roztahovací úplně na maximum protože tam mám tak hodně dat a těm lidem kteří mají velký
0:25:59	displeje tak to pomůže no a tím tady najímány byste tak
0:26:04	tím se specielně svěcená
0:26:07	případě s _e skutečně velkého množství dat tímhle způsobem tam může otázka nějaké adaptability zase ale _e ale ve chvíli
0:26:14	kdy se tam si nechce šla tak skutečně jako onehdá sem dělal web ve pásku a nechal jsem tam tabulku
0:26:19	která porovnávala obrovské množství dat takovej prostě roztáhl na tech devatenácti stack dvaceti pixel jak to vypadá super
0:26:26	a za čtrnáct jste se to ještě si
0:26:29	a pak jsem zbytek
0:26:31	těch řekněme šedesát procent uživatelů nebo takže děkuju za poznámku fakt dobrý
0:26:37	u se
0:26:41	když se nám čtrnáct minut
0:26:42	a nebo se verzálky ve chvíli kdy sázíte nějaký další tenzor válkami to znamená velkými písmeny takhle nebude výrazně může
0:26:50	scanovat protože jim tam bude jaksi byl sto dotáhli nahoru a dolů které sou mínus
0:26:59	jo to tam taky nemaj z
0:27:01	a to znamená tady k tenhle příklad není úplně dobrý ale protože tam _e řádek za méně
0:27:09	pokud můžete tak seznámil dá R tak menu dávejte minusky tak vona průsek dávejte minusky vypadněte se na verzálky vím
0:27:17	a extrémních extrémních případu
0:27:20	prostě nepoužívejte nemá to smysl
0:27:24	řádkový proklát _e kdybysme bude string to tak vám princovi dyzajnér řeknem tak použijeme proklát řekněme deset na dvanáct nebo
0:27:33	devět na jedenáct což znamená _e výška _e výška řádku kuželky kontra výšce znaku
0:27:42	když se znakové sady nebudeme ten slušnější každopádně bysme na nebudu situaci _e situace kdy právě chceme ulehčit lidem skenování
0:27:49	a ta optimální _e optimální výška řádku je řekněme někde mezi jedna celá tři násobkem velikosti fontu a jedna celá
0:27:56	šesti
0:27:57	u velkých čím větší čím větší velikost tím nejvyššího potřebujete pro tebe ten tam ty mezery zase budou obrovské
0:28:07	a samozřejmě zase záleží na typu písma na tom jestli je se rysové nebo besedy forme obecně stresové _e se
0:28:13	chová písma třeba to zmíněné platina tak snesou menší výšku řádku
0:28:17	zatím se _e zatímco _e třeba takový arial vpohodě vycházíme na jedna celá jedna a tu násobek to znamená nějakých
0:28:25	dvanáct na osumnáct dvanáct na dvacet což doplňkový dyzajnér na nás jako koukal a spadl aby mu brada _e rozhodně
0:28:33	byl to nechtěl ani slyšet o nepotento tohle musíte mít oku jako tohle se nedá z mého pohledu říct
0:28:40	máme tady nějakou tabulku máme nějaká písma nějaké velikosti a nějaký _e nějakou výšku řádku zamě velké nadpisy
0:28:47	přál K štyřiadvaceti šestatřiceti bodu nemá smysl udávat zase jedna celá tři až jedna celá šest na jestli se dávat
0:28:54	třeba jedna celá dva do jedna celá jedna _e právě proto je právě proto že učte mezery tam budou tak
0:29:00	obrovské že že se zase uživateli bude hůř číst to místa velice na řádka na by mělo být aktivní by
0:29:07	měla být přemáhá spam aby to ten uživatel že dlít
0:29:11	čili budeme skákat třeba _e ve výšce zde v řádkovém pro krát dva
0:29:17	tak _e
0:29:19	_e tak mu to bude u rozrušovat tu čitelnost
0:29:23	zatímco record to bude všechno raněně na na sobě tak to zase bude zhoršovat najdeme nějaký optimální já optimální mezi
0:29:30	stav
0:29:33	kontrast
0:29:34	kontrast určitě znáte z různých kontrastních _e kontrastních _e pomůcek a kalkulaček kdo používá nějakou kalkulačku _e kalkulačku která vám
0:29:42	řekne si tak má dobrý kontrast
0:29:45	na každém projektu
0:29:48	dva no
0:29:50	za ve jako _e jarek nepoužívá _e za my známe tohle záležitost pro princovi designéry pro ty kteří dělají kartony
0:29:57	ta identity protože ve chvíli kdy on vám tam definuje nějakou zelenou a ty potom máte jenom aplikovat
0:30:04	ale rozhraní kontrastní
0:30:06	jo můžete do ztmavit a potom pro ten se _e bavit s klientem jestli to mělo nebo nemělo smysl
0:30:14	za N nejdůležitější typografický kontrast když se podíváme například vpravo to znamená žádné mezery mezi odstavci ale odsazené první řádky
0:30:22	takto něco jak by vysázel _e vysázel knihu princovi design
0:30:27	oni nemají mezery mezi odstavci nebo je skoro nepoužívejte pro ně naprosto _e naprosto _e něco jako alternativního pro nás
0:30:36	a tyhle dráhy ano a to nedaj novináře to nepoužívá s k nějaké to nepoužívá oni to prostě potřebují nahněvaně
0:30:43	do nějakého prostoru mine
0:30:45	no tak potřebujeme zjednodušit scanovat L nás to znamená že pro nás je ten příklad vpravo který používají princovi designéry
0:30:52	nervem
0:30:54	my potřebujeme mezery mezi odstavcích se budeme mezery mezi nadpisy _e mezi nadpisy _e na a odstavci my potřebujeme aby
0:31:03	se ten člověk tam rychle zorientovali potřebujeme vyznačovat
0:31:07	a to ideálně tučně a ne kurzívou proto je kurzíva aspoň mnohých řezy nový vyhlazení Š yahoo řešitelná jevů řešitelná
0:31:18	_e řešitelné
0:31:20	_e ní
0:31:24	stejně tak pro ně je naprosto relevantní v brně vrstvě by byly diamant of typographic stál se dozvíte o tom
0:31:31	jak by se mělo postupovat při tom když vyznačuje se nějaký tech
0:31:34	_e pro princovi ho designera je naprosto relevantní _e příklad vpravo to znamená to s
0:31:40	velmi málo kontrastní nadpis oproti odstavci pro nás je relevantní příklad vlevo lidi skenuj Í
0:31:46	od nuly i když si potom v nějakém nějaké případě čtou tak oni potřebují jasně a rychle vědět zase myslete
0:31:53	na padesát milisekund hi aby se zorientuju tohle je ten hlavní nadpis
0:31:59	vyleštěný tady
0:32:03	zarovnávání do bloku prohlížeče nedělí slova
0:32:06	to znamená že ve chvíli kdy srovnáte takže to bloku tak vám tam vzniknou různý mezislovní mezery R různý mezislovní
0:32:13	mezery na jednotlivých řádcích koše u pro vás úplně naprosto opět čitelnost snižuje a vypadá to honosně
0:32:19	dá se tomu zabránit tím že máte fakt dlouhý řádky osobně bych zarovnání do bloku na webu nepoužíval
0:32:29	už dělí slova
0:32:34	_m
0:32:38	no tak vím že jo
0:32:40	dámy a pánové C sestrojte řeší naše problémy s zarovnání vzorku
0:32:45	přesně tak bude následující patnácti let
0:32:48	_e
0:32:51	bitů
0:32:53	_e
0:32:53	nás
0:32:54	na nankingu na některý tady zarovnání do bloku je hrozně
0:32:58	jako tak
0:33:02	_e já jsem scan byl rozdal knížku nebyla vycentrovat a přečteme sme nepotěšilas
0:33:09	N říkám tam řeky řeky pravděpodobně taky znáte operace to hnusný
0:33:16	nenabije že existuje studuje zase ná boček právě univerzity _e která říká že když máte jeden sloupec nějakého kratšího textu
0:33:25	a zrovna teho doleva ta koho lidi budou číst rychleji než když ho zarovnat do bloku
0:33:30	a stejně tak ale select říká že když máte dva do bloku
0:33:36	tak je to rychlejší než tenleten doleva a sempra některý uživatel že ale _e jako sme _e dva do bloku
0:33:44	musel do vystavené krátký text a já nevím M vaši vaši uživatelé návštěvnice vaší webu
0:33:51	ale _e
0:33:53	ve chvíli když si _m představit dva bloky a eště zkorelovat zkorelovat ten jak se jak se počítám tím jedním
0:34:01	blokem prozkoumat nahoru a číst další blok tak je to představa naprosto šílená tam živelné jeden blok jeden blok textu
0:34:08	zarovnaného doleva o délce maximálně sto řádku který bude na světlém pozadí
0:34:13	bla bla bla
0:34:16	jako já jsem tvrdí že ve vzdušných designech se lépe orientuje
0:34:21	ve své knize I taky někde byly ty super je pro tohle super super má super vzdušných design tam okamžitě
0:34:28	sníte kde ste a to tam můžete dat
0:34:31	že britney
0:34:34	potom sou tady v jiná metoda která zase vzdušných zadluž nemel vybral jsem zrovna aktuální mohl bych vybrat spoustu dalších
0:34:41	_e spoustu dalších které nejsou zas tak super
0:34:44	jiné místo okolo textu
0:34:47	rodné mají rádi bílé místo okolo textu aspoň to říká psycho vložili zase větší zase jde univerzity na konci budu
0:34:53	mít odkaz lidé preferují bílé místo okolo bloku textu
0:34:58	ale tak sme rychlejš tak když tam to bílé místo není nebo skoro není
0:35:03	ale mám kratší s bílým místem taky model přejeme
0:35:07	prostrkání minusek tohle sem několikrát destruktoru webdesigner a tahle ne
0:35:13	_e prostor dávejte _e naprosto dávejte texty ani kladné ani zátor mě pokud nejsou tak velký všimněte si že tomu
0:35:21	nadpisu kterýma jo ale prostory sync mínus dva pixely tak to budu vůbec nevadí tomuto to může nabídku ten _e
0:35:28	prostor bodě
0:35:29	není na rozvrženej
0:35:32	dobrá špatný karlíka sundal nic nenadělám jako webdesigner že jo to prostě _e kernighan se musíme poprat
0:35:41	_e
0:35:49	to je pravda tak napíšeme že arial
0:35:53	že vám špatně ale
0:35:58	tak a na dobu skoro není
0:36:00	takže
0:36:03	takže ne prostrkání todle nebylo to teď to budu sedíme zobrazte tady ten minusky
0:36:08	chcete nedělejte něco můžete udělat neznamená že musíte nějaká takže data určité teprve se může štrnáctka areál
0:36:16	no tak hodí weby G
0:36:21	a to měli dojdeme nepřitáhnete úplně naprosto ne tak tohle tohle už nepřerušitelné
0:36:26	osumdesátiprocentní než a _e je ztracen preuss zapisujeme bank čtete data při sem dalším design oni je neví o něm
0:36:37	mimo ně přeskakují
0:36:40	oni neserou
0:36:43	priority
0:36:44	_e tady protože největší priorita z hlediska místa na webu
0:36:52	tak tady F pater nevyrovnaly zase na tam je to docela hezky vidět je to vlevo nahoře kupodivu
0:36:58	ale todleto nahoře pod hlavičkou a je to nelze nahoře hlavním kontextu nikoliv menu
0:37:06	a je to kulturně podmíněný adventistovi ten úplně jinak
0:37:10	_e v té době vrací
0:37:14	znamená se
0:37:18	honza tisíc pravidel
0:37:22	tak bannerová slepota takže to remember si dokážete docela dobře představit že
0:37:28	se ten _e nějakým způsobem se u toho okolo tohle tématu _e tématu opět ochomejtá nielsen file jakým se byly
0:37:35	protože tady do je výborná kniha pokud se chcete dozvědět něco základech na základě kterých potom budete moct budovat svou
0:37:41	intuici a nejenom na základě této si myslíte že by měly bejt
0:37:47	je tady banner
0:37:49	zahrneme si soutěž hledáme ven
0:37:51	co s tohodle místa na stránce budu díky panelové slepotě přeskočeno
0:37:56	to
0:38:02	a to je hodně
0:38:05	ano tam nic není tam pro toho uživatele nic neni kromě toho že nějakým způsobem definují co teda dělali prostě
0:38:12	reference M
0:38:14	je to zelený je to zmatený není nejsou tam jasně vizuální priority a má to nebo obdélník který je výrazně
0:38:22	jinej výrazně jinými zbytek pozadí ve
0:38:25	možná nepřeskočit omega tenhle při tady bych se hádal jestli přeskočí člověk to menu nebo ne já si myslím jeho
0:38:31	přeskočí
0:38:32	tak si lidi na ten web udá že odkrylo dolů aby se tím zabijete nejlepší místo na schránce si zabijete
0:38:38	tím že tam máme kabelku fotku
0:38:40	kterou lidi přeskočí
0:38:42	no
0:38:44	možná jo já nevím
0:38:46	_e jako _m sem samozřejmě neuvádí tyhle příklady byl jsem našel někde na internetu můžeme se tady tak něco relevantní
0:38:52	nebo ne to co chci ilustrovat je to že ve chvílích že když dáte nějaký fakt velký element který bude
0:38:58	trochu V zmatený tak lidi budu přeskakovat
0:39:04	kdybyste tipli že tady ten
0:39:08	tady se na to můžeme bavit jestli jestli to skutečně udělali třeba podle toho podle toho jakým způsobem moc klika
0:39:15	jí na to get stát jedná u
0:39:17	a za mně to budeme
0:39:21	vidíte přestupku
0:39:24	ano
0:39:38	to je problém na webdesigner u by se díváme na blbý úplně jinak dcery
0:39:43	to je problém lidi kteří jsou s aditivní
0:39:46	by seznámena nevím na
0:39:51	než normální lidi normálu člen dobu tendleten z rychlíku a snaží se jménem najít to jsou relevantní informace oni tam
0:39:58	nevnímejte vizuální strukturu _e vizuální strukturu tak jak mi já když přijdu navrtanou studuju
0:40:05	proto je nezajímá je to zajímá proces nějaké ten bez jaké ten web udělanej a proč udělanej takhle normální lidi
0:40:11	ne
0:40:13	samozřejmě tahle konkrétní případ ono od nezáleží když se podíváte na todle tak je to výrazné jo matouš jenom pět
0:40:20	minut ale to zvládnem tak o tom tady je to výrazně zmatenější
0:40:25	když tady
0:40:27	jo tady máte výzvu k akci máte tam nějaký bod tam sice tmavý pozadí ale _e ale je to vlastně
0:40:33	čitelný tohle necitelný není tohle není čitelný vůbec
0:40:39	takže záleží případ od případu ale přeceňovat nepodceňujte pane radu slepotu protože může zabít naše nejlepší místa zrovna daří stránka
0:40:52	ano
0:41:05	tady u se dostáváme řekněme do hodně hypotéky zavání a to bych nerad jo jako já tady uvádím já tady
0:41:12	uvádím něco co _e řekněme ty jednotlivé studuje postupně po sobě a v podstatě nezávisle na sobě řeší myslím si
0:41:19	že nikdo nedělal studuje na to jestli když je na stránce _e na obrovská jako fotka tak jestli to pomůže
0:41:25	prvnímu dojmu nebo ne
0:41:27	já myslím že taková studuje není jak říkám zase na zajímá použitelnost
0:41:31	a _e že _e za zajímá přesvědčivost _e každého zajímá něco jiného
0:41:37	receiver textu ještě rychle dáte adhesními byl textový taky stíny nosné co
0:41:46	dáte s tím globálnímu dlouhému textu
0:41:50	takhle opět trošku značit ohodíte a může to být je trošku hodně nepoužívejte text shadow standardním způsobem ale _e standardním
0:41:58	způsobem a hlavně pro dlouhé bloku textu
0:42:01	budete stínovat stíny to tmavým stínem na tmavém pozadí světlým stínem na světlém pozadí to znamená že na bílé nebudete
0:42:08	mít žádný stíny
0:42:10	to je taková jako univerzální na této udělat tak aby to nevypadalo úplně blbě dobře odnesete barvu toho písma
0:42:17	červené písmo nezdrhá černé stíny
0:42:21	aspoň minule
0:42:27	filovo první pravidlo čitelnosti nebyly kraviny
0:42:30	proto to znamená že to musíte udělat
0:42:34	_e ten rozpálit i minusky neznamená že musíte dostali takže máte možnost kosmetik server danone znamená že musíte použít
0:42:44	pokuste se tato přečíst to co vytvoříte čte se vám se přečte se vám to by byl tomu se vám
0:42:49	proč to dobře to super pozor abyste by byl pokusil pošle dobře tak já jsem viděl _e onehdá sem viděl
0:42:57	krásnou sesune aplikaci která ten živnost matrix se osmi sedmi pixel místo
0:43:03	rossi samozřejmě uživatel mohl zvětšit a velikost jeho displeje ale mladý
0:43:10	a byla naprosto nečitelná řádek s toho _e ačkoliv mohla přines spoustu informací taky nepřinesla
0:43:18	no to nebylo nadarmo nečitelné weby skutečně nikdo nečte
0:43:23	cože myslím poměrně poměrně jasný konkurenci od vás na jeden click
0:43:29	a lidi si to přečtou umí
0:43:31	pokud _e v informacema
0:43:33	literatura a je to jakým by vize byly ty pokud se chcete dozvědět něco o tom jak se lidi dívají
0:43:39	na web
0:43:40	ne z hlediska přesvědčivost těle z hlediska použitelnosti přečteme si tuhle knihu je dobrá letenkou D letenkou dovolil co hodiny
0:43:47	a když _e to je spíš prokletým right tree
0:43:51	_e dělence typographic stálého přítele pro každého webdesigner objekt ale není objemu ani jedna čárka ani jedno s nebo
0:43:59	není tam směrem at
0:44:01	a někde by za nic takového
0:44:04	weber brothers T je napsal _e i napsal z hlediska typografie obecně a je super
0:44:11	řeči zapamatovat využívat
0:44:14	na to jestli bude
0:44:17	a v době tak aby byly přesvědčivý
0:44:19	přečteme si klaus to první úroda sur o tak to se u T _e studuje odbočila sejdu nelžete i a
0:44:27	a jejich usability news které produkují uších mail publikovaných asi sto třicet jedna takže tam skutečně hodně materiálu ze kterých
0:44:34	si můžete vybrat
0:44:35	kde se vybrat
0:44:39	_e
0:44:41	mám o
0:44:43	ale
0:44:45	_e
0:44:48	přesně takž zjišťujte si na tom dodání před mineš předtím než tu study vezmete vlastně vanilce ucpání dvanáctka není vůbec
0:44:55	špatná
0:44:57	tak dobré teda nikdo nepoužívá protože takový normální
0:45:04	fáze
0:45:09	dobrá
0:45:11	dá se ne
0:45:13	_e to je ten člověk o kterém nebyl martinkopta tak o _e uvedeme úplně v horní by bylo to tedy
0:45:20	čitelnosti já sem nelžete
0:45:22	protože jsem to nechtěl před přednáškou ale když si přečtete no a potom samozřejmě prostor dobré nebudu dále pánové děkuji
0:45:30	vám za pozornost

Čitelnost ve webdesignu

Creative Room

Jan Řezáč