Sisu roll veebidisainis: miks sõnad kujundavad iga pikslit

Tuttav stsenaarium: investeerite suurepärasesse veebisaidi ümberdisaini, käivitate selle ja siis... mitte midagi. Liiklus ei kasva. Konversioonid seisavad paigal. Põrkemäär liigub vaevalt. Disain näeb fantastiline välja, aga ei tee oma tööd. Üheksal juhul kümnest pole probleem disainis — see on sisu, täpsemalt tõelise sisustrateegia puudumine.

Sisu veebidisainis pole dekoratsioon. See on struktuurne selgroog. Kui sõnad, pildid ja sõnumid on tagantjärgi mõte — surutud mallidesse pärast visuaalse disaini "valmimist" — saate ilusa kesta, mis ei kommunikeeri, ei konverteeri ega positsioneerugi. Selles juhendis selgitame, miks sisu peaks juhtima teie veebidisaini protsessi.

Mõelge nii: arhitekt ei joonista plaane, teadmata hoone otstarvet. Filmitegija ei alusta võtteid ilma stsenaariumita. Ometi on veebidisainis uskumatult levinud paigutuste lõpuleviimine, värvipalettide valik ja raamjooniste loomine — kõik enne ühe pealkirja kirjutamist.

See tagurpidi tööprotsess tekitab tõelisi probleeme. Disainerid teevad oletusi sisu pikkuse, tooni ja struktuuri kohta. Nad täidavad maketid lorem ipsumi ja stockfotodega.

Lahendus on lihtne: alustage sisuga. Kui teate, mida öelda ja kellele, muutuvad disainiotsused selgemaks.

Nagu selgitab Interaction Design Foundation, on sisuesmane lähenemine meetod, kus tegelikud sõnad ja sõnumid luuakse enne mis tahes raamjooniseid.

Kasutajakogemus pole ainult sujuvad animatsioonid ja puhtad võrgustikud. UX on sisuliselt selles, kas külastajad leiavad vajaliku, mõistavad leitu ja tegutsevad. Sisu mängib rolli kõigis kolmes.

Visuaalne hierarhia algab sõnadega

Disainerid loovad visuaalse hierarhia suuruse, värvi, vahe ja paigutusega. Aga mida nad järjestavad? Sisu. Ilma selge sisuta muutub visuaalne hierarhia oletuseks.

Mikrotekst määrab interaktsioonide edu

Nupusildid, vormivälja vihjed, veateated — need pisikesed tekstielemendid mõjutavad kasutatavust ebaproportsionaalselt. "Saada" versus "Saa tasuta pakkumine" võib tähendada vahet 2% ja 6% konversiooni vahel.

Sisu vähendab kognitiivset koormust

Hästi struktureeritud sisu vähendab vaimset pingutust. Uuringud näitavad, et 38% inimestest lõpetab suhtluse, kui sisu või paigutus on ebameeldiv.

Sisuesmane ei tähenda iga sõna kirjutamist enne disainitööriista avamist. See tähendab, et sisu ja disain arenevad koos, sisuga eesotsas.

1. Sihtrühma uuring ja sõnumistrateegia. Defineerige oma sihtrühm, nende probleemid ja teie unikaalne positsioon.
2. Sisuplaanid ja mustandi tekst. Kirjutajad loovad struktureeritud plaane.
3. Raamjoonised tõelise sisu põhjal. Disainerid kasutavad tõelisi pealkirju ja CTA-sid.
4. Iteratiivne viimistlemine. Tekst ja disain arenevad koos.

Vezert UX/UI disaini praktikas töötame vaikimisi nii.

Kogu sisu pole võrdne. Erinevad formaadid teenivad erinevaid eesmärke.

Pealkirjad ja väärtuslubadused

Teie avalehe pealkiri on kogu saidi loetavaim tekst. Tugev väärtuslubadus vastab kolmele küsimusele: Kellele see on? Mida te teete? Miks peaksin hoolima?

Pikk hariduslik sisu

Blogipostitused ja juhendid teevad rasket tööd SEO ja usalduse nimel. Pikk sisu genereerib 3x rohkem liiklust.

Videosisu

Veebisaidid videoga konverteerivad 4,8% vs 2,9% ilma. Video pikendab leheaega kuni 88%.

Sotsiaalne tõestus ja juhtumiuuringud

Tagasisided ja juhtumiuuringud on sisu, mis müüb.

Tõde, mida paljud disainile keskendunud agentuurid kahe silma vahele jätavad: Google ei positsioneeeri disaini. Ta positsioneerib sisu. Nagu rõhutab Google Search Central dokumentatsioon, on kasulik, inimestele suunatud sisu otsingunähtavuse alus.

Sisuesmane lähenemine annab loomulikult paremaid SEO tulemusi:

• Pealkirjastruktuur on tahtlik. Kui sisu veebidisainis juhib, peegeldavad H1, H2 ja H3 tõelist teemahierarhiat.
• Võtmesõnad ilmuvad loomulikult.
• Sisemine linkimine on strateegiline.
• Lehe sügavus vastab otsingu kavatsusele.

Kvaliteetse videoga saidid satuvad 53x tõenäolisemalt Google esimesele lehele. Uurige, kuidas UX/UI disain ja sisu koostööd teevad.

Disain toob inimesed lehele. Sisu paneb nad tegutsema.

Konverteeriva lehe anatoomia

1. Pealkiri, mis räägib külastaja probleemist.
2. Toetav tekst, mis loob usaldusväärsust.
3. Sotsiaalne tõestus enne küsimist.
4. CTA, mis selgitab järgmist sammu.

Personaliseeritud sisu pikendab seanssi 35% ja konversiooni kuni 20%.

Kui ehitate maandumislehte konversioonideks, on tekst mootor. Vaadake meie portfelli, kuidas sisu veebidisainis muutub mõõdetavateks äritulemusteks.

Oleme auditeerinud sadu veebisaite. Need on levinuimad sisuprobleemid veebidisainis.

Levinud sisulõksud veebidisainis

1. Kirjutamine endale, mitte sihtrühmale.
2. Kõigi lehtede ühtemoodi kohtlemine.
3. Tekstiseinad ilma visuaalsete pausideta.
4. Nõrgad või puuduvad CTA-d.
5. Mobiilse kogemuse ignoreerimine.
6. Võtmesõnade toppimine loetavuse arvelt.
7. Uuendamiskava puudumine.

Raamistik sisu veebidisainis kesksele kohale seadmiseks. Tüüpiline ajakava: nädalad 1-2 sihtrühma uuringuks, nädalad 3-4 sisuplaanideks, nädalad 5-8 disainiks ja arenduseks, nädalad 9-10 testimiseks ja käivitamiseks.

Samm 1: Auditeerige olemasolevat

Google Analytics ja Search Console annavad andmeid liikluse ja konversioonide kohta.

Samm 2: Kaardistage sisu kasutajateekonnale

Teie sisuplaan ja veebisaidi struktuur peaksid arenema paralleelselt.

Samm 3: Looge sõnumiraamistik

Dokumenteerige brändi hääl, võtmesõnumid ja väärtuslubadused.

Samm 4: Kirjutage enne disaini

Andke disaineritele varakult mustandi sisu.

Samm 5: Testige, mõõtke, itereerige

Rääkige meie meeskonnaga veebisaidi loomisest. Vaadake meie hinnakirja läbipaistvateks kuludeks.

Sisu rolli veebidisainis ei saa üle hinnata — disain ilma sisuta on raam ilma maalita. Kui sõnad lehel ei kommunikeeri selgelt, ei ehita usaldust ega liiguta tegutsema, on disain raiskatud pingutus.

Vezert parimad veebisaidid jagavad üht: sisu oli vestluse osa esimesest päevast. Olenemata sellest, kas investeerite ettevõtte veebisaiti või sihitud maandumislehte, sisu veebidisainis määrab, kas teie sait muudab külastajad klientideks.

Seadke sisu veebidisainis prioriteediks esimesest planeerimissessioonist — ja kõik teised otsused langevad paika.