Čitelnost ve webdesignu

Bude vás obšťastňovat● Jan Řezáč● Freelance webdesigner● blog.filosof.biz● @janrezac

Čitelnost vewebdesignu

„Čitelnost je velmidůležitá. Bez čitelnostije text nečitelný. Protonabízíme čitelnostvšem, kteří potřebujíčitelnost.“

1. Evangelizacehttp://www.flickr.com/photos/67742868@N00/118254443/

Čtou lidéna webu?

Pokud ne, proč tu sedíme?

Potřebuji ušetřitna webu,Smithersi

Nielsen, 1997They dont.

„Users don’t read Users only scan Users haven’t got No attention span“ — Dean Allen

Nielsen, 2008 20 %

Porn factorhttp://www.flickr.com/photos/angelo_nairod/3958440227/sizes/z/in/photostream/

18 slov / 4.4 sec

Jones, 2009They do.

Já nechci do Nebrasky!http://www.wayfaring.info/category/activities/sailing/page/36/

Přesvědčivost x použitelnosthttp://www.flickr.com/photos/70067196@N00/3534287468/

Kdy lidé čtou?http://www.flickr.com/photos/49462908@N00/4109940538/

Redish, 2007Skenuj → Čti

Co na web raději nedávat?

Vítejte na našem webuhttp://www.flickr.com/photos/susans_pix/46577843/sizes/l/in/photostream/

Mladý a dynamický kolektivhttp://www.flickr.com/photos/37369621@N00/171862456/

Jak lidé uvidí váš web?

První dojem

LINDGAARD, 2006 50 mshttp://www.scribd.com/doc/52658868/You-have-50ms-to-make-a-good-impression

Detaily jsou neviditelné

Část druháDesignerovo ego

Jak návštěvníkům (ne)házet klacky pod nohy?

Velikost písma92 %

Černé na bílém 32 %Zdroj: http://www.usability.gov/pdfs/chapter11.pdf

Délka řádku50–7575–100

Délka řádkuLiquid?

Délka řádkuFluid?

Fluid!

Minusky a verzálky

Řádkový proklad1.3–1.6

Kontrasthttp://contrastrebellion.com/

Typografický kontrast

Do bloku

Mezislovní mezery

Taktéž1 left > 1 justify

Jenže2 justify > 1 left

Bílé místo Ve vzdušnýchdesignech se lépe orientuje.

Bílé místo okolo textuhttp://psychology.wichita.edu/surl/usabilitynews/62/whitespace.htm

Prostrkání minusek

Negativní prostrkání

Stock images85 %

Priority

Bannerová slepota

Co je banner?

Stíny u textu

Jak stínovatTmavé na tmavémSvětlé na světlém

Jak stínovatPozor na barvu!

Filovo 1. pravidlo čitelnostiNedělejte kraviny!

Filovo 2. pravidlo čitelnostiNečitelné webyskutečně nikdo nečte.

Literatura● Eyetracking Web Usability (Nielsen)● Letting Go of the Words (Redish)● The Elements of Typographic Style (Bringhurst)● Clout (Jones)● http://www.surl.org/usabilitynews/az.asp● http://www.usability.gov/● www.billhillsite.com/osprey.doc● http://pruzkum.dobryweb.cz/cs/

Odneste siLidé čtou... ale u vás nemusí.

http://a0.twimg.com	12
http://paper.li	3
http://tweetedtimes.com	1

Čitelnost ve webdesignu

by Jan Řezáč on Oct 16, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 16

Statistics

Čitelnost ve webdesignu — Presentation Transcript