Ako urobiť text na stránke, aby ste si ich mohli prečítať

Všetci hovoria: pridajte zoznamy k textom, preniknite do odsekov, rozriešte ich obrázkami atď. Atď. To je dobré, ale tipy sú príliš všeobecné, takže som pripravil podrobný návod, ako navrhovať články tak, aby boli ľahko čitateľné.

Pretože bez ohľadu na to, aký chladný je váš obsah alebo ako sú vaše informácie chladné. V prípade, že je text zle navrhnutý, opustia vás. Len preto, že nikto nedostane pochopenie a zistí, že ste mali niečo užitočné.

Ako urobiť text

Ihneď vás upozorním, že všetky informácie v príručke sú prevzaté z mojej osobnej skúsenosti a majú poradný charakter. Texty môžete usporiadať tak, ako chcete - ak sú čitateľné a vykonávajú úlohu, nemali by ste niečo zmeniť len preto, že to hovorím.

Obsah

Obsah je potrebný len vtedy, ak je materiál dlhý. Bude to divné, ak ho pridáte pre text 2000 znakov.

Pozrite sa, ako vyzerá obsah tohto článku - skladá sa z odsekov a pododsekov, takže čitateľ môže preskočiť nielen blok, ktorý nepotrebuje, ale aj celú časť.

Vytvorte obsah vo forme odkazov na prvky stránky. Na tento účel je každému podtitulku priradený identifikátor a kotva je umiestnená v odkaze v obsahu. Vyzerá to takto:

Na vašej webovej stránke to možno urobiť pomocou vizuálneho editora, ale princíp bude rovnaký - predpísať identifikátor a pridať odkaz s kotvou.

Ak kliknete na takýto odkaz, obrazovka používateľa sa presunie tak, aby sa vybraná položka nachádzala v hornej časti obrazovky. Štandardne nie je žiadna animácia - môžete ju zaregistrovať pomocou JavaScriptu.

Vety a odseky

Veta v texte by mala mať rôznu dĺžku - tak bude mať rytmus. Jedna veta je krátka. Druhý je o niečo dlhší, ale nie príliš. A tretia je taká dlhá, že sa zmestí na niekoľko línií, a iba milovníci Tolstého ho môžu pochopiť (vtip).

Každý odsek musí obsahovať nejakú myšlienku, slúži nejakému účelu. A to by malo byť prerušené, keď sa myšlienka skončí. V klasickom copywritingu, niekedy na konci paragrafu, je vytvorený malý intrig, takže sa čitateľ valí na klzkom diapozitíve.

Odseky, ako vety, musia mať rôznu dĺžku.

Neexistujú žiadne presné čísla, ako: vety by mali byť 3-5 slov, a odseky by mali byť 350 znakov alebo 4-5 riadkov. Nemyslite na takéto veci - lepšie sa zamerajte na význam viet a slov.

Číslované a zoznamy s odrážkami

Zoznamy sa nepoužívajú na preťaženie viet zoznamami. V zoznamoch môžete:

  • zoznam výhod alebo vlastností položky,
  • hovoriť o krokoch procesu
  • v nieko tkých bodoch opíšeme záver.

Bulleted zoznamy by mali byť 3 alebo viac bodov. Krátke zoznamy vyzerajú normálne iba vtedy, ak majú niekoľko viet. Číslované zoznamy však vyzerajú dobre už od 2 bodov.

Číslovanie môže byť použité v zoznamoch typu „X tipov“ alebo krok za krokom tak, aby sa čitateľ mohol vrátiť k potrebným radám alebo krokom. To znamená, že číslované zoznamy sa používajú, keď je dôležitá konzistencia - inak môžete použiť tie s odrážkami.

Informácie v zoznamoch sú ľahšie vnímané a ľahšie si ich prečítajú. Dokonca aj keď osoba len prechádza text, je vysoká pravdepodobnosť, že bude čítať zoznam.

Ak sa položky skladajú z viacerých viet, prvé možno zvýrazniť tučným písmom. Ak napríklad zostavujete zoznam odporúčaní s vysvetleniami:

  • Pred jedlom si umyte ruky, Umyte si ruky ...
  • Neprekračujte cestu v rušných častiach cesty., V opačnom prípade vás auto môže zraziť ...
  • Urobte prvú vetu tučné, Takže budete priťahovať viac pozornosti, najmä ak položka trvá niekoľko riadkov.

Niekto hovorí, že nie je možné umiestniť zoznamy blízko seba alebo do titulkov, ale myslím si, že je to prijateľné. Na ich dokončenie však text nestojí za to, pretože vytvára pocit podhodnotenia.

Na konci zoznamu by malo byť nejaké interpunkčné znamienko. Ak uvediete homogénnych členov vety alebo vyslovíte časť frázy, vložte čiarku a začnite ďalšiu položku v zozname malým písmenom. Posledná položka končí bodkou. Ak chcete napríklad napísať dobrý text, potrebujete:

  • zhromažďovať informácie
  • analyzovať
  • skontrolovať fakty
  • napíšte návrh a tak ďalej.

V iných prípadoch uveďte bod.

Tabuľky, grafy a infografiky

Súhlasím, aj ten najjednoduchší graf alebo tabuľka dokáže odstrániť veľa textov, ktoré je ťažké čítať, vnímať a zapamätať si. Prečítajte si túto pasáž:

Vykopať jamu A trvalo 5 pracovníkov, ktorí ju vykopali za 2 dni. Počas výkopu B pracovalo dvakrát toľko pracovníkov, ktorým sa podarilo za rovnaké obdobie. Jamky majú rovnaký objem (30 m.)3), ale úlohu zohrával rozdiel v type pôdy a terénu - kamenivo pre výkop B a pôda pre výkop A.

Je to pomerne jednoduché, ale čítanie trvá nejaký čas. Tabuľka môže byť čítaná oveľa rýchlejšie a informácie z nej budú lepšie zapamätané:

Príkop A

Priekopa B

pracovný

5

10

čas

2 dni

2 dni

Objem jamy

30 m3

30 m3

Typ pôdy

podzemných

skalnatý

(Nehadzujte papuče, nie som staviteľ).

Jeden pohľad stačí na pochopenie toho, čo je to.

Infografika sa vo všeobecnosti môže stať samostatným materiálom, ak sa k jej tvorbe pristupujeme rovnako ako Alexey Alexandrov v materiále obsahovej stratégie.

rozhodujuca

V bočnom paneli môžete rozoznať myšlienky, ktoré treba zvýrazniť. Pre nich, rovnako ako pre všetky ostatné prvky v texte, oko drží. Ak k krabici pridáte niečo zaujímavé alebo zaujímavé, bude čitateľ čítať viac ochotne.

Alebo môžete preniesť používateľa na stránku so službou, ako som to urobil vyššie.

Obrázky, zvuk a video

S týmito prvkami môžete pridať k viditeľnosti textu. Je to jednoduchšie ukázať niečo raz, než aby sme to neustále opisovali. Napríklad Stephen King hovoril o pravidle číslo 1: „Show, not tell“:

Je lepšie, ak je to možné, vytvoriť obrazy rovnakej šírky. Ak urobíte snímky obrazovky, uistite sa, že text je jasne viditeľný. A nepoužívajte fotografie fotografií, najmä na firemných blogoch. Zvyčajné zarovnanie stredu.

Zvuk a video majú tiež pozitívny vplyv na materiál. Napríklad som pridal dva súbory do článku o zvukových editoroch, aby sa zobrazili v akcii. Súbory môžu byť nahrané na vaše stránky a prehrávané pomocou HTML5 - pre tento účel použite značku „“.

Video môže byť vložené z YouTube, Vimeo a ďalších podobných hostingových stránok. Bude dobré začať video od správneho okamihu, ak je veľký, a stačí ukázať pasáž.

Užitočné informácie už od 0:00

Odporúča sa podpísať všetky tri prvky. Môžete urobiť vtip na obrázky, alebo len dať vysvetlenie. Titulok k zvuku alebo videu by mal byť napísaný, čo užívateľ vidí alebo počuje - výnimka môže byť urobená, ak je obsah videa jasný z náhľadu alebo ho popíšete v texte.

Nenechajte tieto prvky automaticky prehrať. Stránka bude spotrebovávať viac zdrojov a bude to obťažovať používateľov.

podpoložiek

V klasickom copywritingu sú pre titulky nastavené titulky. Niekedy ani neopisovali, čo bude v ďalšej časti textu. Takže by ste to nemali robiť - namiesto toho by mali titulky ukázať čitateľovi, čo očakávať.

V tomto článku sú titulky sémantické, ale môžete pridať intríg alebo nejakú dôležitú myšlienku. Môžete napríklad volať názov „Ako vytvoriť titulky“, alebo môžete „X príklady titulkov“ alebo „Titulky sú zastarané - naliehavo ich prestaneme používať“

Výber textu

Text je možné vybrať smelý, kurzívou, označte ho markerom, krížte, zmeňte farbu. Zvýraznenie nemusí znamenať kľúče a dôležité miesta - nedávajte asfalt v daždi alebo snehu, Tučným písmom zdôrazňujem úplnú myšlienku alebo záver.

Používam kurzívu na písanie úvodzoviek alebo priamu reč, frázy, ktoré sú dôležité pre vnímanie hlavnej myšlienky. Prekážky pomáhajú vytvárať emocionálne podtóny, vyjadrovať skutočný postoj k niečomu: "títo hlúpi susedia znovu vŕtajú."

Značku možno použiť na zvýraznenie toho, čo si musíte zapamätať (ako v študentských rokoch). Teraz je to takmer nie je používaný na internete, ja sám používam tento nástroj veľmi zriedka.

Písmo inej farby je potrebné na zvýraznenie kritických informácií - bezpečnostných predpisov, dôležitých podmienok spolupráce atď. Ak to chcete urobiť, môžete použiť inú farbu ako modrú, pretože takto vyzerajú odkazy. Z rovnakého dôvodu nie je možné text podčiarknuť.

Je potrebné použiť také techniky v dizajne, ale nie príliš často, inak bude text príliš farebný - bude ťažšie ho čítať.

Odkazy a skratky

Text musí byť nevyhnutne perelinkovka na zvýšenie času, ktorý užívateľ strávi na stránke. Odkazy však musia byť riadne vydané:

  • Použite kotvy - nezadávajte odkaz ako text, je lepšie ho pripojiť k akémukoľvek slovu alebo vete. A toto slovo by malo umožniť užívateľovi vedieť, kam pôjde. Napríklad: „Pozrite sa na náš webinár o overení textu“.
  • zdôrazniť - je ťažké nájsť prepojenie, ak nie je podčiarknuté.
  • Ak chcete animovať - keď prejdete myšou nad odkaz, kurzor by sa mal zmeniť na ruku pomocou ukazováka (V CSS sa to robí takto: kurzor: ukazovateľ;). Toto je nevyhnutné minimum, ktoré je zaregistrované v predvolených prehliadačoch, ale môžete predpísať, že podčiarkovník zmizne, keď sa vznášate.
  • Register atribút nadpis - tento atribút je písaný text, ktorý sa objaví pri prechode nad odkazom. Môžete k tomu pridať vysvetlenie alebo niečo zábavné.

Skratky tiež predpisujú tituly, ale nikde nevedú. Používajú sa na vysvetlenie alebo rozlúštenie skratky. V tomto prípade musí užívateľ pochopiť, že keď sa podržíte myš, niečo sa stane. V blogu zdôrazňujeme skratky s bodkovanou čiarou.

Nedostatok akronymov a atribútu titulu je ten, že ak chcete zobraziť jeho obsah, musíte prejsť kurzorom myši nad element. To znamená, že nebude fungovať na mobilných zariadeniach.

spojlery

Spoilery sú prvky, za ktorými môžete skryť text. Radi ich používajú na stránkach F. A. Q. Vyzerá to takto:

Používajú sa na skrytie niečoho od čitateľa: spoilery scén, veľký kus textu alebo odkaz. Hlavným pravidlom je, že užívateľ chápe, že spojler môže byť otvorený a vidieť jeho obsah.

Emotikony alebo Emoji

Prečo tak vážne? :-) V článkoch môžete použiť emotikony, ale nemôžete ich zneužiť. Tiež sú zlé pre tých, ktorí boli blogovanie na dlhú dobu, a nikdy nepoužívali emotikony - príliš drastickú zmenu.

Pridajte takéto položky veľmi opatrne.

Príspevky zo sociálnych sietí

Sme už zvyknutí vidieť post screenshoty v článkoch, ale sociálne siete umožňujú vkladať príspevky priamo na stránky - môžete s nimi komunikovať: zanechať komentáre, dať rád, repost a tak ďalej.

Subtílne umenie vyberania obrázkov pre príspevky v sociálnych sieťach: 9.5 pravidlá //t.co/0wKPqnJP1h # cm # smm # design # web design

- Texterra (@WebTexterra) 10. mája 2018

Táto metóda má svoje výhody: nemusíte robiť screenshoty, nemusíte sa starať o kvalitu textu a tak ďalej. Ale je tu aj mínus - musíte pripojiť ďalšie skripty na web, a to môže spomaliť sťahovanie. A nebude možné komunikovať s miestami, ak budú vymazané alebo ak sociálna sieť „spadne“.

V zásade, ak pridáte 1-2 príspevky na stránku, rozdiel v rýchlosti sťahovania bude zanedbateľný.

Rôzne stránky

Všetky odporúčania z tohto článku sú vhodné pre články blogu, na iných stránkach môžu zasahovať len do nich. Napríklad stránka s časťou môže urobiť jednoduchý text: bez obrázkov, videí, grafov atď. Áno, text na tejto stránke je oveľa kratší.

Príspevky v sociálnych sieťach možno jednoducho rozdeliť na odseky s pridaním emotikonov, alebo použiť vstavané editory článkov a ich funkcie. Veľa z toho, čo tu bolo popísané, tam nebude fungovať.

Registrácia vstupných stránok všeobecne je usporiadaná špeciálnym spôsobom, takže by ste sa nemali obmedzovať na tipy z tohto článku.

Existujú pravidlá pre návrh kariet, stránok s kontaktmi, chyba 404 atď.

dizajn

Pridanie všetkých týchto prvkov nebude mať zmysel, ak sa text nedá prečítať z dôvodu vášho dizajnu. Pre pohodlné čítanie sa odporúča:

  • Tmavé písmo na svetlom pozadí. Nepoužívajte čiernu alebo bielu, pretože vytvárajú príliš veľa kontrastu - oči sa z toho rýchlo unavujú. Je lepšie urobiť pozadie monofónne - bez vzorov a iných vecí.
  • Veľkosť písma je 14-18 pixelov, riadkovanie je okolo 150%.
  • Pre monitory je vhodnejšie písmo sans serif.

Toto je nevyhnutné minimum pre dizajn, ale v skutočnosti existuje oveľa viac odporúčaní.

Bežné chyby

Najčastejšie sa text nevyjadruje. Ale pozrite sa na zázraky dizajnu:

Tento text je ľahko čitateľný, pretože obsahuje výbery, podpoložky a odseky. Ale je napísaný len jednou vetou.

Ďalšia chyba - busta s registráciou. Príliš veľa prvkov sa zobrazuje v krátkych textoch, ktoré sťažujú čítanie:

Niekto zabúda, že medzi prvkami by mal byť dostatok miesta:

Príliš veľa voľného miesta by tiež nemalo byť, inak bude čitateľ musieť vyvinúť úsilie na presun na iný prvok.

A aké chyby v dizajne ste sa stretli? Podeľte sa o ne v komentároch - do článku pridáme tie najzaujímavejšie! kak-oformlyat-teksty-dlya-sayta-chtoby-ikh-Chital
#
Navrhol

Zanechajte Svoj Komentár