Hvað er white space í vefhönnun og af hverju ætti ég ekki að óttast það?

White space, eða tómt rými, er svæðið á milli þátta á vefsíðu sem inniheldur ekki texta, myndir eða önnur sýnileg atriði. Þrátt fyrir nafnið þarf það ekki að vera hvítt, heldur einfaldlega ómerkt rými sem gefur öðrum þáttum pláss til að anda og hjálpar auganu að skilja hvað skiptir mestu máli á síðunni.

Af hverju white space er ekki sóun á plássi

Margir sjá tómt rými sem sóaða tækifæri til að setja inn meira efni, en í reynd er white space virkt hönnunartæki sem stýrir því hvert augað fer fyrst og hvernig innihaldið er skilið. Án nægilegs rýmis blandast atriði saman sjónrænt, sem gerir vefinn þreytandi og ruglingslegan að skoða, jafnvel þótt innihaldið sjálft sé gott.

Rannsóknir á lestrarhegðun hafa ítrekað sýnt að texti með nægilegu línubili og spássíum er hraðlesnari og skilst betur en þéttpakkaður texti, sem þýðir að white space bætir í raun notagildi, ekki bara fagurfræði.

Hvernig white space hjálpar til við forgangsröðun

Þegar mikilvægasta atriðið á síðunni, til dæmis aðal CTA-hnappurinn, er umkringdur nægu rými, dregur það sjálfkrafa meiri athygli að sér en ef hann væri troðinn innan um mörg önnur keppandi atriði. Þetta er ein einfaldasta leiðin til að stýra athygli notandans án þess að þurfa sterkari liti eða stærra letur.

Algeng mistök varðandi white space

Algengt mistak er að fylla hverja lausa fermetratommu með efni af ótta við að „sóa" plássi, sem endar með of þéttri, yfirþyrmandi síðu. Annað algengt mistak er ójafnt bil milli þátta, sem lítur út fyrir að vera óvart frekar en meðvituð hönnunarákvörðun.

Þriðja algengt mistak er að nota nóg rými í kringum stóra þætti en gleyma minni háttar atriðum, eins og línubili í texta eða bili milli hnappa, sem hefur líka áhrif á heildarupplifunina.

Hvernig á að nota white space markvisst

Byrjaðu á að auka rými í kringum mikilvægustu þættina fyrst, eins og fyrirsagnir og aðal CTA-hnappa. Notaðu jafnt, samræmt bil milli svipaðra þátta svo hönnunin líti skipulögð út frekar en tilviljanakennd.

Prófaðu að fjarlægja frekar en bæta við þegar síða virkar troðin. Oft er lausnin ekki að finna leið til að passa meira inn, heldur að einfalda innihaldið sjálft svo það þurfi minna pláss.

Hentar meira white space öllum tegundum vefsíðna

Magn af white space sem hentar fer eftir tilgangi vefsins. Vörusíður netverslana þurfa oft að sýna fleiri atriði samtímis og hafa því minna rými milli hluta en til dæmis vörumerkjasíða sem leggur áherslu á fagurfræði og einfaldleika.

Það er samt sjaldgæft að of mikið white space sé vandamál. Algengara er að vefsíður hafi of lítið af því, sérstaklega þegar reynt er að troða öllu mögulegu efni inn á eina síðu.

Hvernig Flóra notar white space í hönnun

Í verkefnum Flóru er white space hugsað sem virkur hluti af hönnuninni frá byrjun, ekki sem afgangspláss sem fyllist með efni ef eitthvað er eftir. Þetta tryggir að vefir Flóru líti skýrt út og að mikilvægustu skilaboðin fái þá athygli sem þau eiga skilið.

Algengar spurningar

Þýðir meira white space að vefurinn lítur tómlegur út?

Ekki endilega. Vel notað white space gerir vefinn skýrari og markvissari, ekki tómlegan, svo lengi sem það er notað með ásetningi frekar en sem einföld sóun á plássi.

Er hægt að hafa of mikið white space?

Já, í undantekningartilfellum getur of mikið rými gert síðu að líta óunna eða ófullgerða út, en þetta er mun sjaldgæfara vandamál en of lítið rými.

Hentar mikið white space fyrir farsímaskjái?

Já, en hlutfallslega er minna pláss í boði á farsíma, svo jafnvægið milli rýmis og innihalds þarf að vera vandlega útfært til að nýta takmarkað pláss vel.

Hvernig veit ég hvort vefurinn minn hefur nóg white space?

Skoðaðu hvort mikilvægustu þættirnir standa skýrt út frá umhverfi sínu, og hvort augað veit strax hvert það á að líta fyrst þegar síðan opnast.

Ef þú vilt fá álit á því hvernig núverandi vefur þinn notar rými, fáðu tilboð eða skoðaðu þjónustu Flóru fyrir nánari upplýsingar.