Labs dizains ir par to, kā tas strādā, ne tikai kā tas izskatās

Kas ir labs mājaslapas dizains un kāpēc tas ir svarīgi.

Kad lielākā daļa cilvēku iedomājas "dizainu", viņi iztēlojas krāsas, fontus, grafiku un varbūt kādu izsmalcinātu izkārtojumu. Un jā - šīs lietas ir svarīgas. Bet labs dizains nav tikai par to, lai kaut kas izskatītos skaisti. Labs dizains ir par to, kā mājaslapa strādā. Tas ir par to, cik viegli apmeklētāji atrod nepieciešamo, cik ērti ir lasīt Tavu saturu un cik pārliecinoši Tava auditorija var spert nākamo soli - piemēram, iegādāties Tavu produktu, sazināties ar Tevi vai pieteikties.

Mozello mēs esam vērojuši tūkstošiem cilvēku, kas veido mājaslapu pašu pirmo reizi. Lielākā daļa no viņiem nav dizaineri. Daudzi uztraucas, ka viņiem "nav dizainera acs" vai "viņi nesaprot tehnoloģijas". Un tas ir pilnīgi normāli - jo lielisks tīmekļa dizains nav par mākslinieciskiem talantiem. Tas ir par dažu vienkāršu, praktisku noteikumu apgūšanu, kas padara Tavu mājaslapu viegli lietojamu.

Ja Tu veido lapu maziem uzņēmumiem, šie principi ir īpaši svarīgi. Mazo uzņēmumu mājaslapām jāstrādā smagi: jāpārliecina, jāinformē, jāveido uzticība un jāpalīdz apmeklētājiem ātri rīkoties. Skaista mājaslapa, kas cilvēkus mulsina, nekad nebūs tik efektīva kā vienkārša mājaslapa, kas strādā.

Šajā rakstā mēs izpētīsim, ko patiešām nozīmē labs dizains un kāpēc tas ir svarīgi. Pēc tam sāksim likt pamatus pārējai šai "Labākās tīmekļa dizaina prakses" sērijai.

Ķersimies pie lietas.

Kāpēc dizains ir vairāk nekā dekorācija

Iedomājies, ka ieej pārtikas veikalā, kur:

Augļi ir sajaukti ar tīrīšanas līdzekļiem
Etiķetes ir neskaidras
Ejas ir izkārtotas zigzagā
Katrs plaukts izskatās atšķirīgi
Tu nevari atrast kasi

Tas joprojām var izskatīties krāsains - bet Tu būtu neapmierināts, apjucis un, visticamāk, aizietu.

Mājaslapa strādā tāpat.

Dizains ir struktūra, kas palīdz cilvēkiem raiti pārvietoties. Kad Tu veido mājaslapu, Tu veido telpu īstiem cilvēkiem, nevis mākslas galerijām. Taviem apmeklētājiem vajadzētu:

uzreiz saprast, kur viņi atrodas
viegli atrast to, ko viņi meklē
justies ērti un vadītiem
nekad nešaubīties par to, ko darīt tālāk

Labs dizains samazina domāšanu. Slikts dizains piespiež domāt.

Slikta dizaina piemērs

Iedomājies šādu sākumlapu:

Milzīgs virsraksts dekoratīvā fontā, kuru ir grūti izlasīt
Spilgts fona attēls ar tekstu virsū, kas saplūst ar to
Trīs dažādi pogu stili, kas sacenšas par uzmanību
Gari teksta bloki bez pārtraukumiem
Augšējā navigācijas izvēlne ar 10-12 punktiem

Pat ja uzņēmums ir izcils, daudzi apmeklētāji aizies dažu sekunžu laikā, jo tas šķiet nomācoši.

Laba dizaina piemērs

Tagad iedomājies iesācējam draudzīgu, tīru sākumlapu:

Īss, skaidrs virsraksts
Vienkāršs, viegli lasāms fonts
Viena akcentkrāsa, kas tiek izmantota konsekventi
Tīrs galvenais attēls ar pietiekami daudz brīvās vietas
Īsa galvenā navigācija ar 4-5 punktiem
Viens skaidrs aicinājums rīkoties

Šī mājaslapa necenšas iespaidot ar stilu - tā ir iespaidīgi viegli lietojama. Tieši tas notur cilvēkus.

Labs dizains ir par to, lai palīdzētu cilvēkiem gūt panākumus

Veidojot mājaslapu - vai nu ar mājaslapu veidotāju, vai no nulles - katrs dizaina lēmums ietekmē to, cik viegli apmeklētāji var lietot Tavu lapu. Un, kad apmeklētāji gūst panākumus, panākumus gūst arī Tava mājaslapa.

Labs dizains palīdz cilvēkiem:

Ērti lasīt, izmantojot īsas rindkopas, tīrus fontus, labas atstarpes un spēcīgu kontrastu.
Atrast pareizo pogu, padarot aicinājumus rīkoties, piemēram, "Sazinies ar mums" vai "Pērc tagad", skaidrus, redzamus un konsekventus.
Saprast Tavu struktūru, izmantojot loģisku hierarhiju, skaidrus virsrakstus, labas atstarpes un intuitīvu navigāciju.
Pieņemt lēmumus, izmantojot konsekventu zīmolu, noderīgus vizuālos elementus, skaidru toni un izkārtojumu, kas ved viņus uz nākamo soli.

Dizains nav aksesuārs. Tas ir biznesa instruments.

Kāpēc vienkāršs dizains uzvar, īpaši iesācējiem

Bieža iesācēju kļūda, izmantojot mājaslapu veidotāju maziem uzņēmumiem, ir pieņēmums, ka "vairāk dizaina" nozīmē "labāku dizainu".

Bet vienkāršība nenozīmē garlaicīgi. Tā nozīmē lietojami.

Vienkāršs dizains strādā, jo:

Cilvēka smadzenes mīl skaidrību. Jo vieglāk Tavu mājaslapu ir saprast, jo ilgāk apmeklētāji, visticamāk, uzkavēsies.
Vienkāršas mājaslapas ielādējas ātrāk. Smagi elementi var palēnināt Tavu lapu, savukārt ātrāka lapa notur apmeklētāju uzmanību un atbalsta SEO.
Konsekvence rada uzticību. Sajauktas krāsas, nesaskanīgi fonti un nekonsekventas atstarpes var padarīt mājaslapu mazāk uzticamu.
Vienkāršs dizains noveco labāk. Modernie efekti nāk un iet, bet skaidrība paliek noderīga.
To ir vieglāk uzturēt. Mazāk stilu, tīrāki izkārtojumi un vienkāršākas sadaļas padara Tavu mājaslapu vieglāk atjaunināmu laika gaitā.

Kad Tu veido mājaslapu ar Mozello vai jebkuru citu mājaslapu veidotāju, Tev nav jādzenas pēc dizaina tendencēm. Koncentrējies uz struktūru, skaidrību un lietojamību.

Biežākās iesācēju kļūdas - un kā no tām izvairīties

Aplūkosim tipiskās kļūmes, ar kurām iesācēji saskaras, veidojot mājaslapu.

Kļūda #1: Pārāk daudz krāsu

Spilgtas, nesaskanīgas vai nejaušas krāsas var padarīt Tavu mājaslapu haotisku.

Slikts piemērs:
Sākumlapa ar

sarkaniem virsrakstiem
zaļu tekstu
dzeltenām pogām
zilām saitēm
violetām ikonām

Tas nomāc apmeklētājus.

Labāka pieeja:
Izmanto galveno krāsu, sekundāro krāsu un vienu akcentkrāsu. Pārējam vajadzētu būt neitrālām krāsām (balta, melna, pelēka).

Krāsām mēs pievērsīsimies dziļāk nākamajā rakstā.

Kļūda #2: Pārāk daudz fontu izmantošana

Atšķirīgi fonti katram virsrakstam un rindkopai mulsina aci.

Slikts piemērs:

Izsmalcināts kursīva virsraksts
Serif apakšvirsraksts
Sans-serif pamatteksts
Cits serif fonts citātiem

Labāk:
Izvēlies vienu vai divus fontus un izmanto tos konsekventi.

Kļūda #3: Garu, nepārtrauktu rindkopu rakstīšana

Cilvēki nelasa mājaslapas tāpat kā grāmatas. Viņi pārskata.

Slikts piemērs:
Milzīgs teksta bloks bez virsrakstiem, apakšvirsrakstiem vai atstarpēm.

Labāk:
Sadali tekstu:

īsās rindkopās
aizzīmju sarakstos
aprakstošos virsrakstos
kodolīgos teikumos

Tas notur apmeklētāju uzmanību.

Kļūda #4: Katras tukšās vietas aizpildīšana

Iesācēji bieži baidās no tukšas telpas un mēģina to aizpildīt ar attēliem vai tekstu.

Bet brīvā vieta ir dizaina instruments. Tā palīdz definēt struktūru, uzlabot lasāmību un mazināt stresu.

Domā par brīvo vietu kā par elpošanas vietu Tavam saturam.

Kļūda #5: Navigācijas pārsarežģīšana

Izvēlne ar pārāk daudziem punktiem nomāc apmeklētājus.

Labāk:
Grupē informāciju. Saglabā 4-6 galvenos punktus.

Kļūda #6: Pogas, kas neizceļas

Ja Tavi aicinājumi rīkoties izskatās kā parasts teksts - vai kā desmit dažādu veidu pogas - cilvēki tos nepamanīs.

Labi aicinājumi rīkoties ir:

skaidri redzami
konsekventi krāsā
viegli saprotami
loģiski izvietoti

Dizains īstiem cilvēkiem (nevis dizaineriem)

Kad Tu veido mājaslapu, Tavs mērķis nav iespaidot citus dizainerus. Tavs mērķis ir palīdzēt parastajiem apmeklētājiem, kuri:

ātri pārskata
izdara zibenīgus spriedumus
ir ar īsu uzmanības noturību
vēlas skaidrus, vienkāršus ceļus

Šeit ir trīs svarīgi dizaina principi, kas palīdz iesācējiem domāt kā dizaineriem, nepieprasot dziļas zināšanas.

1. princips: Vizuālā hierarhija

Hierarhija norāda apmeklētājiem, uz ko skatīties vispirms.

Hierarhiju vari radīt, pielāgojot:

izmēru
krāsu
kontrastu
atstarpes
izvietojumu

Slikts piemērs:
Visi virsraksti, rindkopas un saites izskatās vienādi. Nekas neizceļas.

Labs piemērs:

Skaidrs galvenais virsraksts
Mazāki apakšvirsraksti
Tīrs un konsekvents pamatteksts
Pamanāmas pogas

Tas palīdz lietotājiem orientēties bez apjukuma.

2. princips: Konsekvence

Konsekvence padara Tavu mājaslapu uzticamu un profesionālu.

Konsekvence nozīmē izmantot vienādus:

fontu stilus
krāsu paleti
pogu formas
atstarpju noteikumus
attēlu stilu

Iedomājies, ja katrā Tavas mājas istabā būtu atšķirīgi grīdas segumi, atšķirīgas sienu krāsas un atšķirīgi mēbeļu stili. Tas šķistu haotiski.

Mājaslapa strādā tāpat.

3. princips: Paredzamība

Paredzams dizains nav garlaicīgs - tas ir mierinošs.

Apmeklētāji sagaida, ka:

logotips būs augšējā kreisajā stūrī
navigācija būs augšpusē
kontaktinformācija būs kājenē
pogas izskatīsies nospiežamas
formas būs vienkāršas

Kad lietas darbojas tā, kā gaidīts, Tavu mājaslapu kļūst vieglāk lietot.

Labā ziņa ir tā, ka, ja Tu izvēlies izmantot Mozello, Tev nav pašam manuāli jāpārdomā visas šīs lietas. Mozello ir veidots tā, lai par šiem principiem parūpētos Tavā vietā jau uzreiz.

Krāsu paletes ir iepriekš līdzsvarotas, fontu izvēles un kombinācijas ir ierobežotas ar tām, kas labi saskan kopā, un atstarpes, pogas un izkārtojumi jau ir izveidoti konsekventi un paredzami. Tas nozīmē, ka Tava mājaslapa dabiski seko labai vizuālajai hierarhijai, konsekvencei un lietojamībai - bez papildu piepūles vai dizaina zināšanām. Tu vari koncentrēties uz savu saturu un mērķiem, būdams pārliecināts, ka Mozello fonā klusi veic dizaina darbu, lai palīdzētu Tev ātrāk sasniegt profesionālus rezultātus.

Kāpēc tas viss ir svarīgi, veidojot mājaslapu savam biznesam

Ja Tu izmanto mājaslapu veidotāju maziem uzņēmumiem, Tev jau ir milzīga priekšrocība: daudzi labi dizaina lēmumi ir ieveidoti Tavā vietā. Šabloni ir strukturēti, līdzsvaroti, pielāgojami un vizuāli konsekventi.

Bet saturs, izvēles un izkārtojums joprojām ir Tavā ziņā. Un šīs izvēles var būtiski ietekmēt to, kā cilvēki uztver Tavu mājaslapu.

Labs dizains uzreiz veido uzticību. Cilvēki ātri veido viedokli. Kad Tava mājaslapa izskatās tīra, sakārtota un viegli lietojama, apmeklētāji, visticamāk, uztvers Tavu biznesu kā profesionālu un uzticamu. Ja Tava lapa šķiet mulsinoša, pārblīvēta vai nekonsekventa, cilvēki var aiziet, pirms viņi kārtīgi saprot, ko Tu piedāvā.

Labs dizains notur apmeklētājus Tavā mājaslapā ilgāk. Kad informāciju ir viegli atrast un lapu ir patīkami pārlūkot, cilvēki, visticamāk, uzkavēsies, lasīs, klikšķinās un izpētīs. Skaidra navigācija, viegli lasāms teksts, noderīgi attēli un loģiskas sadaļas palīdz apmeklētājiem justies tā, it kā viņi būtu pareizajā vietā.

Labs dizains padara Tavu vēstījumu skaidrāku. Tavai mājaslapai vajadzētu palīdzēt cilvēkiem saprast, kas Tu esi, ko Tu piedāvā un kāpēc tas ir svarīgi. Spēcīgs dizains atbalsta šo vēstījumu, novēršot traucēkļus un vēršot uzmanību uz vissvarīgāko informāciju.

Labs dizains var palielināt konversijas. Apmeklētājs, visticamāk, sazināsies ar Tevi, iegādāsies produktu, rezervēs pakalpojumu vai nosūtīs pieprasījumu, kad nākamais solis būs acīmredzams. Skaidri aicinājumi rīkoties, vienkārši izkārtojumi un konsekventi pogu stili atvieglo cilvēkiem rīkošanos.

Labs dizains strādā pat tad, ja Tu neesi dizaineris. Tev nav jāzina padziļināta dizaina teorija, lai izveidotu labu mājaslapu. Tiklīdz Tu saproti pamatprincipus, piemēram, lasāmību, atstarpes, hierarhiju, krāsas un konsekvenci, Tu vari pieņemt labākus lēmumus ar daudz lielāku pārliecību.

Citiem vārdiem sakot, labs dizains nav par Tavas mājaslapas izgreznošanu. Tas ir par to, lai palīdzētu Tavam biznesam skaidri sazināties, iegūt uzticību un vadīt apmeklētājus uz pareizo nākamo soli.

Saliekot to visu kopā: iesācējam draudzīga dizaina domāšana

Šeit ir vienkārša domāšanas maiņa, kas ievērojami uzlabos Tavu mājaslapu:

Tā vietā, lai jautātu:
"Kā es varu padarīt šo iespaidīgu?"

Jautā:
"Kā es varu padarīt šo vieglu manam apmeklētājam?"

Un tad jautā:
"Kas ir tā viena lieta, ko es vēlos, lai viņi šeit izdarītu?"

Šī nelielā maiņa pārvērš Tevi par lietotājorientētu dizaineri - bez jebkādas īpašas apmācības.

Ātrs kontrolsaraksts labam pamatdizainam

Izmanto šo kontrolsarakstu, veidojot vai uzlabojot savu mājaslapu. Šie pamati palīdzēs Tavai lapai justies skaidrākai, tīrākai un vieglāk lietojamai.

Teksts ir viegli lasāms. Izmanto īsas rindkopas, skaidrus virsrakstus, vienkāršus fontus un labu kontrastu.
Krāsas šķiet līdzsvarotas. Turies pie dažām konsekventām krāsām un neļauj lapai kļūt pārāk raibai.
Navigācija ir vienkārša. Saglabā izvēlni fokusētu, ar skaidrām etiķetēm, ko cilvēki saprot uzreiz.
Izkārtojumam ir pietiekami daudz vietas. Atstāj elpošanas telpu starp sadaļām, attēliem, pogām un teksta blokiem.
Attēli šķiet konsekventi. Izmanto vizuālos elementus ar līdzīgu stilu, toni un kvalitātes līmeni.
Pogas ir viegli pamanāmas. Padari galvenās darbības, piemēram, "Sazinies ar mums", "Pērc tagad" vai "Rezervē pakalpojumu", skaidras.
Katrai sadaļai ir mērķis. Katrai lapas daļai vajadzētu palīdzēt apmeklētājiem saprast, uzticēties vai rīkoties.
Mobilā versija strādā labi. Pārbaudi, vai tekstu, pogas, attēlus un izvēlnes ir viegli lietot telefonā.

Ievēro šos pamatus, un Tava mājaslapa jau šķitīs profesionālāka un apmeklētājiem viegli lietojamāka.

Kas gaidāms tālāk šajā sērijā

Tagad, kad Tu saproti, ko patiešām nozīmē labs dizains, pārējie šīs sērijas raksti palīdzēs Tev soli pa solim izveidot savu mājaslapu. Katrs raksts padziļināti aplūko vienu konkrētu dizaina daļu — no krāsām un fontiem līdz izkārtojumam, navigācijai un zīmolvedībai. Beigās Tu ne tikai izveidosi mājaslapu - Tu izveidosi mājaslapu, kas strādā.

Vairāk rakstu šajā sērijā

Lejupielādē mūsu bezmaksas Labākās tīmekļa dizaina prakses kontrolsarakstu, kas palīdzēs Tev soli pa solim izvērtēt savu mājaslapu.

Sāc veidot savu mājaslapu vai interneta veikalu ar Mozello

Sākums