5 načina za poboljšanje dizajna sadržaja

Već smo pisali o važnosti čitljivosti sadržaja, a danas ćemo o tome i dalje govoriti.

Nema sumnje da je većina sadržaja danas stvorena i konzumirana u digitalnom prostoru. Stoga, bez obzira na to koristite li desktop aplikaciju ili vizualni editor vašeg CMS-a, provjerite je li izgled vašeg materijala u potpunosti optimiziran za internet. Pogledajmo neke učinkovite načine za poboljšanje dizajna vaših materijala.

Pretpostavimo da imate savršen sadržaj ...

Sada vam je potrebna idealna prezentacija materijala: na kraju krajeva, način na koji predstavljate informacije nije ništa manje važan od sadržaja samog članka. Korisnik provodi početnu procjenu materijala prema vizualnoj “slici”.

Različite studije upućuju na to da većina korisnika napušta web-lokaciju ako im sadržaj nije "prijateljski". Istovremeno, dio te publike se nikada neće vratiti vama. Stoga, kako bi dizajn vašeg sadržaja bio što atraktivniji, trebate, prije svega, razmislite o svojoj publici, Stavite se na mjesto čitatelja, razmislite kao on, pokušajte uočiti stranicu svoje web-lokacije na isti način na koji je čitatelj to vidi.

1. Izgled za tablete i mobilne uređaje

Prema statistici iz Liveinternet.ru, promet s mobilnih uređaja raste ... ukratko, sami se uvjerite kako raste:

Grafikon prikazuje broj prijelaza prema statistici Liveinternet.ru s mobilnih uređaja na Android i iOS platformama. Očito je da više nije moguće ignorirati mobilne korisnike. Prema tome, izgled web-lokacije trebao bi biti prilagođen pregledu web-lokacije s tableta i pametnih telefona. (Učinite ili ne mobilnu verziju stranice? Naš odgovor je: nemojte, objasnite već dugo vremena. Ali ako je kratka, prilagodljivi raspored rješava sve probleme, a stranica će biti ispravno prikazana na mobilnim uređajima i monitorima širokog zaslona).

Ali ono što je stvarno zanimljivo. Nedavna studija Instituta Pointer otkrila je zanimljiv uzorak. Čitanje na tablet uređajima očito je prikladnije u horizontalnom načinu rada.

U isto vrijeme, tiskani materijali se čitaju u vertikalnom modu (novine, časopisi).

To stvara neku vrstu kontradikcije kod nekih "korisnika", inercijom prenosi svoju naviku na tabletne uređaje, trošeći sadržaj u uspravnom položaju.

Prema tome, zaključak: Vaša bi stranica trebala biti prikazana u vertikalnom i horizontalnom položaju uređaja.

Osim toga, u suvremenim uvjetima, ne preporučujemo uporabu rasporeda od tri stupca. Adaptivni raspored teško je implementirati u rasporedu od tri stupca. Štoviše, za prilagodljivi raspored teško je odabrati univerzalno rješenje, za svaki dizajn trebate stvoriti ovo rješenje praktički od nule. Osim složenosti rasporeda, izgled triju stupaca ima još jedan nedostatak. Pri čitanju digitalnog sadržaja koristi se manje pozornosti nego kod čitanja ispisa. Podjela teksta na tri stupca u novinama i časopisima smanjuje duljinu linije i tako poboljšava čitljivost teksta. Digitalni mediji nemaju ograničenja na veličinu stranice, nema potrebe pisati što je moguće manje (ali dovoljno za percepciju) kegle. I što je najvažnije, čitajući novine ili časopise, čitatelj vidi sav sadržaj i može lako prenijeti svoj pogled na bilo koji dio teksta. Na digitalnom uređaju tekst se čita od vrha do dna pomoću pomicanja. Općenito, rezultat cijelog stavka je sljedeći: tri stupca za web jednostavno nisu prikladna.

2. Vizualna hijerarhija

Vizualna zasićenost stranice - to je ono što zaustavlja izgled na prvom mjestu. Prema vizualizaciji stranice, kao što se sjećamo, korisnik provodi početnu procjenu, koja u dovoljnoj mjeri utječe na percepciju sadržaja. Iz toga slijedi da tekst ne bi trebao izgledati previše komplicirano i pretrpano. Ispuštanje teksta s vizualnim elementima koji pomažu u opažanju teksta - tablice, slike na temu, infografika.

Vizualna hijerarhija je poredak u kojem naš mozak percipira i klasificira sadržaj. Stvaranje vizualne hijerarhije važan je element u dizajniranju dizajna i može se postići stvaranjem kontrasta između različitih elemenata na stranici.

Usporedite sljedeće slike:

Očito, slika na desnoj strani je manje nagomilana od one s lijeve strane. Korištenje vizualne hijerarhije u dizajnu vašeg sadržaja omogućit će čitateljima da brzo izvuku glavnu točku i odluče hoće li nastaviti čitati stranicu.

Vizualna hijerarhija može se postići pomoću:

  • Podijelite sadržaj na različite dijelove
  • Korištenje vizualnih komponenti
  • Uključivanje razmaka između stavaka

3. Stil i veličina fonta

Bez obzira koji uređaj sada koristite, druga je slika jasnija i lakša za čitanje. Iskustvo potvrđuje da je najbolje koristiti font veličine 10 pt i više (ovisno o stilu).

4. Slobodni prostor

Slobodni prostor možemo opisati kao svojevrsni "vizualni izlaz" za vašeg čitatelja. To čini vaš sadržaj atraktivnijim i manje složenim. Slobodni prostor naglašava vizualne komponente i stvara ugodan kontrast oku. Zamislite da je vaš sadržaj fotografija. Iako se stranica sastoji uglavnom od teksta, njegov bi dizajn trebao biti estetski ugodan kao dobro izrađena slika. Slobodan prostor pomoći će postići taj učinak.

Dok stvarate sadržaj za digitalni svijet, razmislite io tome kako ćete na stranicu integrirati razne vanjske widgete - od društvenih gumba do galerija fotografija i videoisječaka. Ali opet: trebate krenuti od zadataka. Ako pišete članak o novim značajkama iPad Mini, prikladna je foto galerija koja prikazuje njezine značajke. Postavite sebi pitanje - zašto na stranici ovaj ili onaj element.

5. Boje

Boje igraju važnu ulogu u cjelokupnom dizajnu vašeg sadržaja. Najbolje za digitalni svijet su boje RGB modela Ova paleta je potpuno optimizirana za internet. Ne RGB-shny boje, u pravilu, izgledaju gore.

Žao mi je, ali sada ću dodati nešto od sebe (napomena - Denis Saveliev). Gornji paragraf preveo je naš tekstopisac Zhenya Kryukova. Iako, u pravilu, to nije prijevod članka, nego adaptacija, link na izvor je ispod. Imam takvo pitanje za vas, čitatelje naše stranice. Stvarno mislite da je lijeva slika gore od desne na gornjoj ilustraciji? Vidim da je malo tamnija i manje kontrastna. Ali je li bolje? Je li plava bolja od zelene? A crveno - "vruće" bijelo? A zašto? Samo zato što bijela uzrokuje povezanost sa zimom, a crvena s vatrom? Nema toplih i hladnih boja. Nema loših i dobrih. Odaberite boje koje želite. Ostalo nije važno. Shema boja posljednji put utječe na problem konverzije na web-lokaciji. Iako klijenti, po našem iskustvu, posvećuju gotovo najveću količinu vremena ovom problemu u fazi izrade web stranica.

Također možete povećati boju ako malo povećate njihovu zasićenost i kontrast. To će omogućiti da sadržaj izgleda svjež na bilo kojem zaslonu - čak i onima s niskom razlučivošću. Igranje sa zasićenjem boje / kontrastom još je jedna jednostavna metoda za poboljšanje vizualizacije sadržaja.

Članak se temelji na: //contentmarketinginstitute.com/2012/11/content-marketing-best-practices-drive-design/

Pogledajte videozapis: Zanimljivosti Intro (Studeni 2019).

Loading...

Ostavite Komentar