Tlačítko není dekorace. Je to struktura. Když design tlačítek berete jako obchodní dovednost, méně často hádáte za drahé peníze a stavíte stránky, které lidi vedou k akci.
Design tlačítek využívá velikost, barvu, popisek a umístění, aby lidi vybídl ke kliknutí. Tato kapitola jednoduše vysvětluje, co to znamená, proč to ovlivňuje váš web a marketing a jak to použít, aniž byste se ztratili v odborných výrazech. Uvidíte také, jak do stejného obrazu zapadá design úvodní stránky. Pojďme na to krok za krokem.
Co design tlačítek znamená v praxi
Design tlačítek využívá velikost, barvu, popisek a umístění, aby lidi vybídl ke kliknutí.
Neurčité popisky jako Odeslat fungují hůř než konkrétní text akce.
Design úvodní stránky i landing page stojí na zřetelných hlavních tlačítkách.
Jak design tlačítek uplatnit na svém webu
Ať tlačítka vypadají klikatelně: dejte jim kontrast, vnitřní odsazení a výrazný stav po najetí myší.
Začněte jednou stránkou, například úvodní nebo hlavní vstupní stránkou. Nejdřív opravte největší problém a stejný vzor pak přenesete na další šablony.
Tuto kapitolu doplňte kapitolou webdesign pro malé firmy jako základem a kapitolou jak přizpůsobit web mobilům jako dalším krokem v tomto modulu.
Praktický seznam, který můžete použít hned dnes
Ať tlačítka vypadají klikatelně: dejte jim kontrast, vnitřní odsazení a výrazný stav po najetí myší.
Při kontrole jakékoli stránky se ptejte, zda je design tlačítek vidět už při prvním posunu na mobilu. Pokud ne, přeuspořádejte sekce dřív, než začnete ladit detaily.
Ukládejte si snímky obrazovky před změnami i po nich, abyste poznali, co se u designu tlačítek na vašem webu skutečně pohnulo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby design úvodní stránky zůstal na nových stránkách jednotný.
Vyberte si tento měsíc jedno číslo ke sledování, třeba čas na stránce nebo začaté formuláře, aby se změny designu vázaly na obchodní výsledky, a ne jen na vkus.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy platí jen pro jednu stránku. Design úvodní stránky i landing page stojí na zřetelných hlavních tlačítkách.
Vaše příspěvky na sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako web.
Když se vizuál značky rozjede, zákazníci cítí nenápadný nesoulad, i když ho neumí popsat.
Použijte kapitolu jak přizpůsobit web mobilům a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Neurčité popisky jako Odeslat fungují hůř než konkrétní text akce.
Časté otázky, které lidé přehlížejí
Související výrazy jako design úvodní stránky a osvědčené postupy designu landing page vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Design úvodní stránky i landing page stojí na zřetelných hlavních tlačítkách.
Zapište si jednu změnu před a po, kterou tento týden vyzkoušíte na živé stránce. Malé změřené úpravy porazí nejasné plány.
Společná slovní zásoba kolem designu tlačítek ve vašem týmu zkracuje kola úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
K vylepšení mnoha problémů s rozvržením a stylem nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a typografii a přitom sledovat náhled na mobilu i na počítači.
WEMASY obsahuje Tvůrce webů s vizuálními úpravami, takže změny zveřejníte, aniž byste kvůli každé drobnosti čekali na vývojáře. Otevřete Tvůrce webů, až budete chtít uplatnit, co jste se naučili.
Po zveřejnění úprav si znovu projděte kapitoly webdesign pro malé firmy a co je webdesign, ať vám modul zůstane v hlavě pohromadě.
Nyní máte k dispozici použitelný pohled na design tlačítek. Využijte ho při kontrole webu, schvalování marketingových materiálů nebo zadávání práce designérovi. Pokračujte kapitolami co je webdesign a jak přizpůsobit web mobilům, ať v tomto modulu nepolevíte.
Naučit se design tlačítek je postupná dovednost. Vraťte se k této kapitole poté, co zavedete první zlepšení, aby se myšlenky z čtení změnily v návyk. Malé opakované kontroly porazí snahu nacpat najednou všechna pravidla. Pište si, co zafungovalo u vašeho publika, aby další úprava šla rychleji.
Často kladené otázky
Jak dlouho trvá zlepšit design tlačítek?
Většina malých firem uvidí přehlednější stránky během několika soustředěných sezení, jakmile uplatní základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak rozšiřte na stránky služeb a kontaktu.
Potřebujete na design tlačítek designéra?
Designér pomůže u složitější změny značky, ale mnoho oprav kolem designu tlačítek zvládnete sami, jakmile víte, na co se dívat. Spolu s touto kapitolou využijte kapitolu webdesign pro malé firmy.
Pomůže WEMASY s designem tlačítek na vašem webu?
WEMASY obsahuje v Tvůrci webů vizuální editor, takže rozvržení, barvy i typografii upravíte bez kódu. Otevřete Tvůrce webů, upravte šablony a zkontrolujte náhled na mobilu.
Jaká je nejčastější chyba u designu tlačítek?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte si jednu prioritu, třeba čitelnost nebo kontrast, a pro další zlepšení se podívejte na kapitolu co je webdesign.
Jak design tlačítek souvisí se SEO?
Jasná vizuální hierarchie a čitelné písmo udrží návštěvníky na stránce déle, což podporuje signály zapojení, které vyhledávače sledují. Opravy designu spojte s dobrou strukturou obsahu a výsledky budou nejlepší.
Kam se posunout po designu tlačítek?
Pokračujte kapitolami webdesign pro malé firmy a co je webdesign v této knize a vybudujte si úplný vizuální systém své značky online.