Chcete umět hodnotit grafiku webu? Začneme krátkým testem.
Líbí se vám váš web? To je dobře. Alespoň dáte svému webovému grafikovi další zakázku. Na předchozím tvrzení to ale nic nemění.
Grafický návrh webu není umělecké dílo, ale nástroj pro podporu obchodní výkonnosti webu. Vzniká na základě uživatelského výzkumu a v kontextu vašeho byznysu. Názory vám prodávat nepomohou, raději s grafikem diskutujte dostupná fakta.
Váš webový grafik se o to postará. Weboví grafici jsou také jediní, kdo bude „trendovost“ vašeho designu řešit.
Vliv trendů na výkon webu je relativně nízký. Navíc, viditelně staré weby mohou být vnímány jako důvěryhodnější.
Existuje rozsáhlá grafická teorie, která pomáhá snižovat riziko selhání webu. Škoda, že ji málokterý webový grafik ovládá.
Řádkový proklad 1,5 /
cca 45 znaků na řádek
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi volutpat enim nec arcu elementum maximus. Mauris dapibus sem nec nisl sollicitudin, ut tincidunt enim ultricies. Pellentesque consequat lacinia lacinia. Donec vel dictum purus. Aliquam tincidunt dui eget lacus dictum, id luctus mauris pharetra. Quisque quis pharetra ex.
Řádkový proklad 1 /
cca 80 znaků na řádek
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi volutpat enim nec arcu elementum maximus. Mauris dapibus sem nec nisl sollicitudin, ut tincidunt enim ultricies. Pellentesque consequat lacinia lacinia. Donec vel dictum purus. Aliquam tincidunt dui eget lacus dictum, id luctus mauris pharetra. Quisque quis pharetra ex. Praesent dapibus blandit nulla sed viverra. Donec interdum convallis lacus hendrerit bibendum. Nulla accumsan diam vitae dui volutpat, cursus dignissim risus mattis. Etiam rhoncus est eu ante faucibus vehicula. Praesent ornare ullamcorper elit, at cursus dolor dignissim non. Phasellus eu diam sed arcu pulvinar ornare porttitor vitae lacus. Proin ullamcorper felis sit amet ipsum elementum consequat. Quisque mattis posuere massa. Nunc suscipit iaculis lobortis. Integer tincidunt mauris ut turpis convallis eleifend. Cras lacus tortor, elementum quis malesuada vel, accumsan pharetra neque. Mauris quis convallis sapien. Phasellus elementum lacus quis turpis elementum, et finibus ante luctus. Quisque ultricies viverra turpis eget volutpat. Donec in pharetra odio, eu tincidunt massa. Maecenas quis molestie ex.
Je třeba používat takový řádkový proklad, který není příliš hutný, ale zároveň dbát na to, aby kvůli „přepálenému“ prokladu jednotlivé řádky nevypadaly jako seznam samostatných položek. Je tedy vhodné držet se kolem hodnot cca 1,5 na desktopu a 1,8 na mobilu.
NEMLUVĚ O SITUACI, KDY JE VERZÁLKAMI VYSÁZENÝ CELÝ ODSTAVEC ČI DELŠÍ TEXT. LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. QUISQUE AT FAUCIBUS RISUS. SED ULLAMCORPER ARCU VEL EX DAPIBUS, IN PRETIUM VELIT LUCTUS. PRAESENT EGESTAS NEQUE UT ERAT RUTRUM ULTRICIES EU IN LECTUS. VIVAMUS ALIQUET DOLOR UT MI CURSUS CONVALLIS. CRAS RUTRUM, URNA AC ORNARE PORTTITOR, LOREM ELIT VIVERRA DUI, ET ALIQUAM DOLOR QUAM AT NULLA. NULLAM VEL MI VENENATIS, IACULIS ODIO AT, VULPUTATE ENIM. NAM ID ERAT URNA. DUIS ET NUNC MATTIS, LAOREET MAURIS VEL, SAGITTIS TELLUS. FUSCE A GRAVIDA PURUS.
Reklama je pro návštěvníky obecně nezajímavá. Ignorují tedy cokoliv, co jako reklama působí.
Jsou levným způsobem, jak srazit důvěryhodnost vašeho webu na minimum. Navíc je lidé ignorují. Nechte si raději nafotit vlastní fotky.
Popisek nad polem je vidět i na mobilu, lidé ho nejrychleji vizuálně asociují s polem a zrychlí vyplnění formuláře.
Popisek vedle pole šetří vertikální prostor formuláře, ale musíte ho ošetřit na mobilní verzi webu.
Popisek v poli je špatný nápad pro delší formulář. Lidé totiž zapomenou, co vlastně vyplňují.
Už jsme si řekli, že názory se nepočítají – jak tedy přistoupit k designu objektivně? Víte, jak má váš design působit na návštěvníky. A to můžete otestovat.
Ptejte se grafika: „Proč to tu je?“ a „Jak to
pomůže mému byznysu?“
Uvědomte si, zda dokážete obsah
pohodlně číst.
Zbavte se všech (rotujících) bannerů
a fotek veselých chlapíků z fotobank.
Uvědomte si, zda hypermoderní design
podporuje pozici vaší značky.
Ukažte návrh lidem, na které cílíte.
Testujte emoce a skryté zprávy.
Nastavte si pořádně měření a nespokojte
se s tím, že jste web spustili.