tak a hledáme pánové já jsem krát že vlastně to tolik
každopádně nemá mikrofon takže to budu muset nějakým způsobem úřad jo
doufám že bitovou můžete tak já sem N udělám _e mám tu přednášku
kterou sem nazval čitelnost ve webdesignu E rozdělil se mi na nějaké čtyři
čtyři části
první _e
první budeme řešit jestli vůbec lidi na webu čtou tudíž jestli to má smysl
druhé jestli E
druhé konečnou
takže třetím a čtvrtým se dostaneme se mi
já se ve své přednášce snažím opírat o slova expertu například tady markup robota
kterými kterými napsal tady tento moc hezký tak
čitelnost _e prostě důležitá
ale kterou zájem zda je důležitá se musíme dostat přesto
jestli lidi na vůbec na ve vůbec čtou
kdo si myslí že lidé na webu jsou
to je docela dobrý kdo si myslí že ne
a já dodržuje najdete
meta tento se hlásili dvakrát za za narotujeme
dobře tak protitetanová ty neseděli že jo to může todleno přednášku a nemusíme tady tyhle ztráta čas
takže nenačte u
se dozvíte
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
na norma stranu a on vám začne říkat že stejně nemá smysl _e ztratil za to že ten text tam
bude pro případě bude _e bude argumentovat tím že lidé na jeho web chodí kurzu za jednu a rekurze obsahu
to se mi taky onehdá stalo s tím tento bohužel nakonec nespolupracujeme ale _e usilovně sme byl tady o každý
pixel na na hlavní straně kdy on tvrdil že se potřebuje odlišit geniálním design M a já jsem tvrdil že
tam lidi budou chodit hlavně kvůli obsahu
a kvůli tomu aby zjistil _e jaký na F otvírací hodina pobočkách a tak
a když se podíváme zpět do roku devadesát sedum tak zjistíme že lidé na webu nečte
aspoň to tvrdí největší guru webdesignu nebo webdesignu webové použitelnosti jako v nielsen ve své ve své study myslím že
byla dokonce I trekingová a jeho článek odpovídá na naši otázku že prostě načtou
konec kdo tak jsem nečetl takže nevymočím pole
dokonce s
a teďka to pravda pravda byla omíláno odhadl _e Á D D R vznikaly s toho dokonce i různé _e
různé vesele básničky
toto jedna z nich
_e a z mého tenhle potřeba podívat se silou
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
dvacet procent toho co na každou stránku dáte
že se zajímavý údaj
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
článku já sem řekl asi třikrát pokud náhodou s toho někdo českou někdo že to taky a
bude to si myslím že říkám kraviny protože se mohli pochopit špatně tak mi řekněte
oni
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
a pětadvaceti pětadvaceti vysokoškolským pracovníkům nějaký spy v R
celý anonymizovaná monitorovalo
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
kterých ale nevěděl o čem ty stránky byly
a lepší slov které bude na stránce _e časy které na té stránce lidi strávili nás vzhledem k tomu že
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
se nevím četli
N se kukadla by byla
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
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
vidí přečtou na jednotlivých stránka
maximálně jas
ano je dáno
a _m
z nějakého důvodu vás
_e tam a referenční _e já jsem systémem toto
já jsem rasterizace protože kdybyste to P tak by to tak bys toho došla vedení jedna něco sme na
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
podle toho jak bude
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
asi taky udělali na těch stránkách a kolik si toho tak jako mohli přeč
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
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ě
v noze
_e
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
moc vznikne četlo
ať to normální datum se studie se dostanete jenom kdysi zaplatit a já sem i nečetl protože jsem si nezaplatil
ani neukradl černý někdo
ale nemá to smysl
tak
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í
přesný opak že lidé na webu čte
a trhu se tak nějak jako začíná R nikdo budu a jako bavil se na začíná nikdo toho že on
tvrdí že lidi na dobu určitou zimního pohledu souběhu studuje extrémně přínosné
že jsou fakt jako dobrý
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
něco tak panu jako kde analyzujete tak potom vám sto můžou kde ste Q bude například že rudé na webu
vůbec nečtou
ta první úvodní nielsen a studuje z roku devadesát sedum tak _e se týkala nějaký zájezdu do nebrasky nula ale
on vůbec nebrals úvahu to jestli tam ty lidi chcu
_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á
nestačí levkada taková dost nejasně specifikována a
je velký rozdíl mezi tím jak se staví webu
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
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
deset tisíc dolarů za to aby něco něco se stalo třeba
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ž
nakonec teda koupíte mercedes
tak zase určitou se auto přes internet nakupovat že
zabili se žádné porovnávání a když porovnávám také dobře tak nejdůležitější bude
tak jak to chtěl jsem
zajímá nás tudíž neodečtou
_e když _e ne
se nevymluvim nečtou
jako
ž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
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
musí přečtu a ste si přečtou nějakou nějakou řekněme část
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
jiných zdrojů a pak teprv něco udělat
koš jedné _mhm přístup než ve chvíli kdy řeknete že lidé na webu načtou
je to výrazná informace o na i call kolik jones ona se potom opírá o studuje společnosti pointer
na kterém je mimo jiné odkázali martinkopta
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
k tomu nebráním studiím se nedá dostat což obhájil protože potom vám kdo nielsen
aby
drahokamy to celé web raději nedávat dobrá uzavřeme tohle nezapomenu rodina nebo stavu ale čtou jenom ve specifických případech
a statické případy jsou natolik důležité je že je potřeba je nezanedbávat
se tam chcete mnohem někdo něco říct oddiskutovat počne nebudu tady přece mluvil pětaštyřicet minut
jak udělat specifický případ tak
přenes chceš něco prodat tak je to docela do specifický případ
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á
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
ten vzorek se to musí hodně rychle zorientovat to psal
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
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
milionů
tak jako na všech jiný vertex takže takže ňácí lidi kteří něco čtou
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
a tak jsem si uvědomil že tam vlastně docela hezké obrázky tak se mi nechal
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
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
jako kdybys toho tam nedali dejte _e dejte tam něco co zahrnuje poslání tohle budete tam jasný slogan byte tam
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
jo textu
vyhněte se marketingovým keců
dámy a pánové kdo vás tady nabízí weby
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
vlastní ne
do nabízí nebo na co vlastně super
hlavní
a kdo z vás iso nechápeš jednoduchou otázku
sám za tisíc honza
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
webdesigner u
jo tenleten úžasné
_e tak
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
to čenstev fakt dobří a napište to na ten svůj v žádným rádla dynamický kolektiv co špetkou sou znamená že
jsme mladí noc nás tam není a hodně rychle odcházíme protože nás to moc nebaví
dynamický kolektiv
takhle prostorné už sem teda inverze norský firma gildu prostě _e velice kreativní velice kreativní webdesigner si tam napíše něco
takového ale podle toho si vás nikdo nevybere koneckonců toto screen loupeží které ste kdy udělali svaz taky nikdo neví
per
sloučených klientu
ale tou tou že o něčem jiném
tak třetí kapitolka jak lidi uvidí váš web jak se lidi vůbec dívají barvy
existuje
tak zvaný první dojem
_e první dojem na webu zejména byste řekli že si člověk udělá objemu první dojem
ve se milisekund S S T přes takovým zadá víc míň
padesát čeho
padesát milisekund vyhrává dám port ne tohle _e toho jedna studie která kterou zpracované zpracovala jedna paní a kolektiv že
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
nějak jako
nebo jinak
vesmíre kdo je tam kdy tedy těm lidem
existují nestuduje které se zabývají o něco tuším časem třeba v řádu těch dvě stě pětiset milisekund
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
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
milisekund takový jako může
a tím jak vnímáme dlouhodobě co uvidí člověk s prvních padesáti milisekundách
no
rozmazanou plochy _e při a nic nepřečte
dnes nebo prostě rozmazaný plochy asi hrách a na daný plochy
potom určí to jestli sem ten teplý nebo ne kde se naše pixelový linky
rozmazaný
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
chvíli když někomu ukážete jeden návrh webu a druhý návrh webu a teďka návrh se úplně jiný
_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
vám řekne _hm tady je trochu jiný odstín zelené že
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
dokážou dokáže nějak jako sofistikovaně odpovědět také webdesigner a rozhodnete nebo normální člověk
který ta ten ten nebude používat zamyslete se nad tím až budete až budete příště navrhovat na ty nemáš nějakej
nezkusíme si slosování
nelžete by no tak
no a teďka se dostanete nebude přednášky k designerovo ego tady k tomu
jakým způsobem lidem neházet klacky pod nohy
my jsme se nedá dostanete může oni když to
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
to přijme byl zahájen _e design jako super ale nechtěl nikdo tam na kdy na ten člověk nenajde to co
na něm hledá
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
hledá a potom nakoupí u vás protože máte nižší cenu
já se tady nebudu zabývat tím jak napsat ten text aby byl _e aby byl srozumitelný to je spíš řekněme
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
ú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ý
ve
studeného nebo ukázal že devadesát na procent lidí referuje písmo čtrnáct pixelů a větší pro text
kde je naše osmi pixelová verdana
ta šablona vrátit nějakého mě neznámého důvodu kde
nějaké velké pixel no to je dobrá otázka
tak
řekneme že to D P server činí písmo
je to strašně obecné tak
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
harry ale na stejném displej
já preferuju štrnáctku možná už jsem starší a přiklepli a zatraceně proč uživatelů nebude starší a přiklepla
_e
já mluvil s pixlech ale klidně se předem tu na pointy
udělaný tak
když se na ty
ale dle devatenáct bodu
dále
kabely
já
a to
to ví
na nasedat diktálnost jo není
zrovna
a znovu má strašně málo věcí
slyšíte martina
jo z
a
i a
a když
ideální že
jo to
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
vám bude přesně tak na střední výšce písma kde se střední výška písma
aha
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
na to že _e že to byl exodu sečte _e _m než deset bodu a než dvanáct bodů a dvanáct
bodů se řekne nejví
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í
se provede jo
dobrá
kde se střední lišta písma
ne tady
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
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
proto je to má zase dolní dolní dotáh jo přesah nebo jak se do ta jak se tomu typografický správně
říká
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
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ž
vypadá tak jak toho vlastně
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ě
č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
tak se aspoň dvanácti bodová _e dvanácti bodová verdana nebo štrnácti bodový arial
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
písma na více se riflový
chápete co jsem teďka řekl
děkuji
č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
bílé na černém nebyl osvětlena tmavém pozadí to znamená tato varianta tak to bude _e aspoň podle nebudu zabil to
bude nebo tři lidé o dvaatřicet procent ten malej
chcete na té naší víry
no bysme teda trefili nebudete navrhneme protože ta hodnota čili to jako byste přes rozlišeny gravitaci nekomentovala ji nebudeme dobře
ale tam sme měli
a tady budete invertovat X protože tetrád extrémy důležitá informace
_e vešli vy navrhujete weby které mají tmavé pořadí
délka řádku
_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
řádku by měla být mezi padesáti až pětasedumdesáti body
oni tak potom zkoumali _e na _e will zabili to já budu dycky zase jde univerzity ati přišli na to
že o něco rychleji se do ten čte když když je to mezi pětasedumdesáti a sto body
než když mají _e než když mají užší sloupec a
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
by neměly přesáhnout řekněme těch sto
to deset _e sto deset _e sto deset znaků na řádku
úklid
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
nás této souvislosti nenapadá otázka mají smysly auty které se roztahují od nevidím do nevidím
mysleli
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
ten monitor devatenáct set pixelu tak tak já si logický můžu zmenšit ne
no já jsem se zeptat kolikrát učte viděl někoho že to udělal ale nikdy
já taky někdy
ale může
docela zajímavý do kde tam se hodí totálně roztahovací vohnouty z mého pohledu sumu byly
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
chvíli ale kdy máte desktop obou desktop obou verzi já osobně volím fixní šířku
_e věku lidem se řádku
a kvůli tomu že dnešní prohlížečích už převládá zumování
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
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
to hodně zmenší a hodně zmenší a přeskládá ten obsah
ale ne že se jenom natáhne řádek a zkrátí se řádek Z supremem do čísel obrázek menší se obrázek také
to byla v nějaké formě fluid díla já u D to přes uvidíme aut
co udělal nenechme kdo znáte nějaký řekněme web o fixní šířce _e o fixní šířce která se
určitých intervalech roztahuje
o nějakého maxima po nějaké minimum
kde to vzniklo
vznikla to stavy designerovo zaplnit ten bílý prostor okolo toho fixního webu
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
v lepším případě vám to rozhodit grafy
v našem případě S
to ničemu není
tak zase mu jednoduchý tady tenhle týden to mělo smysl a to bylo ve chvíli kdy zadavatel měl displej ve
kterém se mu telefoně četlo sedum set šedesát pixelů na šířku a my sme ten Z museli jenom kvůli němu
tak můj asi třem dalším lidem kteří tam za ten rok přídou
udělat s ní
tam promile jsou dostali jsme tu zakázku vpohodě a
ale jinak
hele tenhle přístup tvrdé vám to z mého pohledu i naprosto ztrácí
na to někdo jiný názor
druhý na názor e-shop nám
jo vysní my jsme se bavili _e když jsme se bavili kdysi dávno znakem pro ten tak on říká já
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
ten olej auts té tabulce třeba rychlý
jo ať je prostě roztahovací úplně na maximum protože tam mám tak hodně dat a těm lidem kteří mají velký
displeje tak to pomůže no a tím tady najímány byste tak
tím se specielně svěcená
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
kdy se tam si nechce šla tak skutečně jako onehdá sem dělal web ve pásku a nechal jsem tam tabulku
která porovnávala obrovské množství dat takovej prostě roztáhl na tech devatenácti stack dvaceti pixel jak to vypadá super
a za čtrnáct jste se to ještě si
a pak jsem zbytek
těch řekněme šedesát procent uživatelů nebo takže děkuju za poznámku fakt dobrý
u se
když se nám čtrnáct minut
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
scanovat protože jim tam bude jaksi byl sto dotáhli nahoru a dolů které sou mínus
jo to tam taky nemaj z
a to znamená tady k tenhle příklad není úplně dobrý ale protože tam _e řádek za méně
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
a extrémních extrémních případu
prostě nepoužívejte nemá to smysl
řá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
devět na jedenáct což znamená _e výška _e výška řádku kuželky kontra výšce znaku
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í
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á
šesti
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é
a samozřejmě zase záleží na typu písma na tom jestli je se rysové nebo besedy forme obecně stresové _e se
chová písma třeba to zmíněné platina tak snesou menší výšku řádku
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
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ě
byl to nechtěl ani slyšet o nepotento tohle musíte mít oku jako tohle se nedá z mého pohledu říct
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
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
třeba jedna celá dva do jedna celá jedna _e právě proto je právě proto že učte mezery tam budou tak
obrovské že že se zase uživateli bude hůř číst to místa velice na řádka na by mělo být aktivní by
měla být přemáhá spam aby to ten uživatel že dlít
čili budeme skákat třeba _e ve výšce zde v řádkovém pro krát dva
tak _e
_e tak mu to bude u rozrušovat tu čitelnost
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
stav
kontrast
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
řekne si tak má dobrý kontrast
na každém projektu
dva no
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
ta identity protože ve chvíli kdy on vám tam definuje nějakou zelenou a ty potom máte jenom aplikovat
ale rozhraní kontrastní
jo můžete do ztmavit a potom pro ten se _e bavit s klientem jestli to mělo nebo nemělo smysl
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
takto něco jak by vysázel _e vysázel knihu princovi design
oni nemají mezery mezi odstavci nebo je skoro nepoužívejte pro ně naprosto _e naprosto _e něco jako alternativního pro nás
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ě
do nějakého prostoru mine
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
nervem
my potřebujeme mezery mezi odstavcích se budeme mezery mezi nadpisy _e mezi nadpisy _e na a odstavci my potřebujeme aby
se ten člověk tam rychle zorientovali potřebujeme vyznačovat
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á
_e řešitelné
_e ní
stejně tak pro ně je naprosto relevantní v brně vrstvě by byly diamant of typographic stál se dozvíte o tom
jak by se mělo postupovat při tom když vyznačuje se nějaký tech
_e pro princovi ho designera je naprosto relevantní _e příklad vpravo to znamená to s
velmi málo kontrastní nadpis oproti odstavci pro nás je relevantní příklad vlevo lidi skenuj Í
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
na padesát milisekund hi aby se zorientuju tohle je ten hlavní nadpis
vyleštěný tady
zarovnávání do bloku prohlížeče nedělí slova
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í
mezery na jednotlivých řádcích koše u pro vás úplně naprosto opět čitelnost snižuje a vypadá to honosně
dá se tomu zabránit tím že máte fakt dlouhý řádky osobně bych zarovnání do bloku na webu nepoužíval
už dělí slova
_m
no tak vím že jo
dámy a pánové C sestrojte řeší naše problémy s zarovnání vzorku
přesně tak bude následující patnácti let
_e
bitů
_e
nás
na nankingu na některý tady zarovnání do bloku je hrozně
jako tak
_e já jsem scan byl rozdal knížku nebyla vycentrovat a přečteme sme nepotěšilas
N říkám tam řeky řeky pravděpodobně taky znáte operace to hnusný
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
a zrovna teho doleva ta koho lidi budou číst rychleji než když ho zarovnat do bloku
a stejně tak ale select říká že když máte dva do bloku
tak je to rychlejší než tenleten doleva a sempra některý uživatel že ale _e jako sme _e dva do bloku
musel do vystavené krátký text a já nevím M vaši vaši uživatelé návštěvnice vaší webu
ale _e
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
blokem prozkoumat nahoru a číst další blok tak je to představa naprosto šílená tam živelné jeden blok jeden blok textu
zarovnaného doleva o délce maximálně sto řádku který bude na světlém pozadí
bla bla bla
jako já jsem tvrdí že ve vzdušných designech se lépe orientuje
ve své knize I taky někde byly ty super je pro tohle super super má super vzdušných design tam okamžitě
sníte kde ste a to tam můžete dat
že britney
potom sou tady v jiná metoda která zase vzdušných zadluž nemel vybral jsem zrovna aktuální mohl bych vybrat spoustu dalších
_e spoustu dalších které nejsou zas tak super
jiné místo okolo textu
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
mít odkaz lidé preferují bílé místo okolo bloku textu
ale tak sme rychlejš tak když tam to bílé místo není nebo skoro není
ale mám kratší s bílým místem taky model přejeme
prostrkání minusek tohle sem několikrát destruktoru webdesigner a tahle ne
_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
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
prostor bodě
není na rozvrženej
dobrá špatný karlíka sundal nic nenadělám jako webdesigner že jo to prostě _e kernighan se musíme poprat
_e
to je pravda tak napíšeme že arial
že vám špatně ale
tak a na dobu skoro není
takže
takže ne prostrkání todle nebylo to teď to budu sedíme zobrazte tady ten minusky
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
no tak hodí weby G
a to měli dojdeme nepřitáhnete úplně naprosto ne tak tohle tohle už nepřerušitelné
osumdesátiprocentní než a _e je ztracen preuss zapisujeme bank čtete data při sem dalším design oni je neví o něm
mimo ně přeskakují
oni neserou
priority
_e tady protože největší priorita z hlediska místa na webu
tak tady F pater nevyrovnaly zase na tam je to docela hezky vidět je to vlevo nahoře kupodivu
ale todleto nahoře pod hlavičkou a je to nelze nahoře hlavním kontextu nikoliv menu
a je to kulturně podmíněný adventistovi ten úplně jinak
_e v té době vrací
znamená se
honza tisíc pravidel
tak bannerová slepota takže to remember si dokážete docela dobře představit že
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
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
intuici a nejenom na základě této si myslíte že by měly bejt
je tady banner
zahrneme si soutěž hledáme ven
co s tohodle místa na stránce budu díky panelové slepotě přeskočeno
to
a to je hodně
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ě
reference M
je to zelený je to zmatený není nejsou tam jasně vizuální priority a má to nebo obdélník který je výrazně
jinej výrazně jinými zbytek pozadí ve
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
přeskočí
tak si lidi na ten web udá že odkrylo dolů aby se tím zabijete nejlepší místo na schránce si zabijete
tím že tam máme kabelku fotku
kterou lidi přeskočí
no
možná jo já nevím
_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í
nebo ne to co chci ilustrovat je to že ve chvílích že když dáte nějaký fakt velký element který bude
trochu V zmatený tak lidi budu přeskakovat
kdybyste tipli že tady ten
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
jí na to get stát jedná u
a za mně to budeme
vidíte přestupku
ano
to je problém na webdesigner u by se díváme na blbý úplně jinak dcery
to je problém lidi kteří jsou s aditivní
by seznámena nevím na
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
nevnímejte vizuální strukturu _e vizuální strukturu tak jak mi já když přijdu navrtanou studuju
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
ne
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
minut ale to zvládnem tak o tom tady je to výrazně zmatenější
když tady
jo tady máte výzvu k akci máte tam nějaký bod tam sice tmavý pozadí ale _e ale je to vlastně
čitelný tohle necitelný není tohle není čitelný vůbec
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
ano
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
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
že nikdo nedělal studuje na to jestli když je na stránce _e na obrovská jako fotka tak jestli to pomůže
prvnímu dojmu nebo ne
já myslím že taková studuje není jak říkám zase na zajímá použitelnost
a _e že _e za zajímá přesvědčivost _e každého zajímá něco jiného
receiver textu ještě rychle dáte adhesními byl textový taky stíny nosné co
dáte s tím globálnímu dlouhému textu
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
způsobem a hlavně pro dlouhé bloku textu
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
mít žádný stíny
to je taková jako univerzální na této udělat tak aby to nevypadalo úplně blbě dobře odnesete barvu toho písma
červené písmo nezdrhá černé stíny
aspoň minule
filovo první pravidlo čitelnosti nebyly kraviny
proto to znamená že to musíte udělat
_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
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
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
krásnou sesune aplikaci která ten živnost matrix se osmi sedmi pixel místo
rossi samozřejmě uživatel mohl zvětšit a velikost jeho displeje ale mladý
a byla naprosto nečitelná řádek s toho _e ačkoliv mohla přines spoustu informací taky nepřinesla
no to nebylo nadarmo nečitelné weby skutečně nikdo nečte
cože myslím poměrně poměrně jasný konkurenci od vás na jeden click
a lidi si to přečtou umí
pokud _e v informacema
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í
na web
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
a když _e to je spíš prokletým right tree
_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
není tam směrem at
a někde by za nic takového
weber brothers T je napsal _e i napsal z hlediska typografie obecně a je super
řeči zapamatovat využívat
na to jestli bude
a v době tak aby byly přesvědčivý
přečteme si klaus to první úroda sur o tak to se u T _e studuje odbočila sejdu nelžete i a
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
si můžete vybrat
kde se vybrat
_e
mám o
ale
_e
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
špatná
tak dobré teda nikdo nepoužívá protože takový normální
fáze
dobrá
dá se ne
_e to je ten člověk o kterém nebyl martinkopta tak o _e uvedeme úplně v horní by bylo to tedy
čitelnosti já sem nelžete
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
vám za pozornost