Vzorec oblikovanja spletnega mesta

Ne bomo šli v številke in izračune, saj je nemogoče ugotoviti, koliko jih že obstaja na spletnih straneh. Vsak dan se pojavijo na tisoče ali celo stotine tisoč lokacij in novi. Kaj je vzrok za neuspeh? Zakaj ljudje na spletno stran takoj zapustijo to stran? Odgovor je preprost in leži tik pred vašimi očmi - to je zasnova mesta.

Učinek privlačnosti

Se strinjam, vsakdo ima nabor določenih spletnih mest, ki jih obiščete vsak dan v dnevu. Prepričana sem, da je večina zaznamkov izbrala spletna mesta s filmi, knjigami, novicami, igrami itd. Zakaj po iskanju ene strani ne iščemo drugega podobnega, ki bi morda še bolje? Odgovor je preprost! Spletna mesta, ki ležijo v naših zaznamkih, so primerna za uporabo - na takšnih mestih, praviloma, priročnem urejanju elementov, kategorij in prijetnem, ne-razdražljivem videzu. To je "učinek privlačnosti", ki obišče enkrat pravilno oblikovano spletno stran - pustite, da ne želi več.

Oglejmo si dve trgovinski strani:

Nedvomno in nesporno je treba spletno mesto št. 1 hitro zapreti, vendar na mestu št. 2, nasprotno, želim ostati dlje. Zakaj se to dogaja? Na prvem mestu poleg produkta, ki se nahaja v kaotiku, obstaja tudi barvna prekritost, kar pa ni mogoče reči o drugi strani. Obstaja tako lep pregovor: »Spoznajo ljudi z oblačili, a jih vidijo na svoji glavi«, velja za spletne strani, ampak namesto oblačenja je dekoracija in namesto uma navigacijska struktura. Ko obiskovalec obišče spletno stran, prva stvar, ki jo vidi, je barvni dizajn, nato pa opozori na notranjo navigacijo in strukturo spletnega mesta.

Barva percepcije

Glavno pravilo pri izbiri barvne zasnove ni pretiravanje. Včasih celo dve ali tri pravilno izbrane barve več kot dovolj, živahen primer tega - stran oqpowah.com. Mnogi spletni oblikovalci uporabljajo tabelo "varnih" barv za oblikovanje html strani.

Varno je pozvan, ker bodo vse prikazane barve prenesene popolnoma enake za vse uporabnike. Te barve lahko rečemo, so standard pri oblikovanju modela na spletni strani.

Barvna združljivost

Vsaka barva ima svojo "prijazno" barvo - to je barva, s katero se najbolje prilega. Ni potrebe po ponovnem odkrivanju kolesa in eksperimentiranju z izbiro, vse je že dolgo izmišljeno in je v javni domeni. Za izbiro barv se uporabljajo barvni krogi Iten. Spodaj slika prikazuje barvni krog za ujemanje dveh ujemajočih barv.

To pomeni, da je barva nasproti v krogu najprimernejša. Če želite izbrati 3 ujemajoče barve, uporabljate isto kolo, se spremeni samo barva barv.

In obstaja veliko takšnih krogov, lahko izberete več in več ujemajočih barv. Na primer, štiri.

Izbira barv preko krogov Ittena bo dosežena največja kombinacija barv in dosežena bo zasnova mesta, ki je prijetna za vidno zaznavo. Več barvnih krogov najdete na internetu. Malo se premaknite od glavne teme, ker želim poročati, da se uporabljajo ti barvni krogi Ittenja, celo profesionalni oblikovalci iz modnega sveta, to je pri oblikovanju oblačil, uporablja ta način barvnega ujemanja.

Notranja zgradba mesta

Če je z barvno percepcijo bolj ali manj vse postalo jasno, potem je še en pomemben indikator kot notranja zgradba mesta ali na drug način - »uporabnost«. Na spletnem mestu ni dovolj pravih barv, kot kaže praksa - na lepem oblikovanju mesta ne bo daleč. Pravilna struktura spletnega mesta je kot okvir hiše, če je napačno načrtovati, potem pa je neprimerno, da ga krmarite.

Vse elemente navigacije je treba razmišljati vnaprej in še bolje - zapisati. Struktura spletnega mesta mora biti najprej razumljiva in primerna za obiskovalce. Veliko lokacij izgubi obiskovalce le zato, ker slednji, ko gredo na spletno stran, ne razumejo, kje in kaj. Ne dotikajte se veliko gumbov in obesite številne funkcije. Vedno morate gledati skozi oči obiskovalca, če uporabnik ne potrebuje neke funkcije, potem je bolje, da ga odstranite. Še enkrat, svetlo pravilen primer oblikovanja mesta - stran oqpowah.com, na katerem so vsi deli v razumljivem in priročnem načinu obiskovalca.

Največja napaka

Po povprečni statistični analizi uporabnik, ki v 15-30 sekundah ne more najti potrebnega razdelka ali informacij na spletnem mestu, meni, da ta razdelek ali podatki na spletnem mestu ne obstajajo in zapustijo vir. V večini primerov, večno. Živahen primer mesta s strašno navigacijo:

Kako mislite, ali je mogoče najti potrebne informacije o takem viru, tako da ne iščete iskanja, temveč preprosto na glavno stran? Mislim, da ne. Še enkrat, barvna nasičenost in številčnost nerazumljive navigacije, ki jo bo vsak obiskovalec predstavil v neumnost in zmedo. Da bi preprečili takšne napake, morate združiti vse dele in jih prikazati v posebnem meniju za krmarjenje, kar bo razumljivo za vsakega obiskovalca.

Prijavni obrazec

Drugi pomemben in odvračilni dejavnik na spletnem mestu je obrazec za registracijo. Nekateri skušajo zbrati v registracijskem okencu skoraj podatke pra-pra-babice.

Takšne oblike registracije so bile modne prej, ko se je internet začel pojavljati samo v domovih. Danes želi uporabnik interneta v najkrajšem možnem času najti potrebne informacije, dolge registracijske obrazce pa kljub popolni zasnovi spletne strani 99% verjetno odvračajo. Idealna oblika registracije po današnjih standardih je prikazana spodaj.

Tudi če te informacije niso dovolj, potem nihče ne posega v njeno prošnjo kasneje od obiskovalca po registracijskem postopku. Ta pristop velja za bolj zvest in prijazen kot obrazec za registracijo, ki bolj natančno spominja na vprašalnik pri iskanju zaposlitve.

Spletne predloge

Veliko spletnih mest je zdaj ustvarjenih v sodobnih sistemih CMS, ki zagotavljajo prosto oblikovanje spletnega mesta. Toda brezplačna registracija (predloge) ne prinaša nobenega vizualnega dizajna, zato, če lastnik spletnega mesta na noben način ne poskuša spremeniti, potem taka spletna stran izgine pri iskanju.

Prav tako je treba omeniti celotne internetne portale, ki ponujajo na njihovi podlagi svojo lastno spletno stran. V tem primeru obstajajo tako pluse in minuse:

• Prvi in ​​morda edini plus je preprostost. Okvir spletnega mesta praviloma na izkušenih oblikovalcih oblikuje takšne vire, za oblikovanje mesta veljajo določene zahteve in pravila. Ostanek je le, da ga izpolnite s tematskim materialom in počakate na prve obiskovalce. Zato preprostost in udobje takšnih storitev privablja novince. Ampak, če je mesto postavljeno za resen razvoj in konkurenco za naslov top-1 v iskalnikih, potem je bolje, da zavrne takšno storitev.
• Iz minusov - v večini primerov ni mogoče urejati ali spremeniti predloženih predlog, boste morali uporabljati ves čas, ki ste ga dobili. Monotonija je najpomembnejša pomanjkljivost, o kateri smo se na samem začetku pogovarjali, ker mora biti vsaka stran posamezna in drugačna od drugih. Veliko omejitev, ki jih ni mogoče opisati, saj ima vsaka taka storitev svojo lastno.

Zadnji del

Vse, kar je opisano v tem gradivu, se ne pretvarja, da je "glavna navodila", lahko vedno in celo storite vse, kar je na svoj način - to je le skupek najpogostejših pravil in napak. Toda najpomembnejši trenutki, opisani tukaj v obliki barvne percepcije in notranje strukture mesta, so standard pri oblikovanju mesta. Nepravilno izbrane barve bodo prestrašile vse obiskovalce, ki so pravkar obiskali spletno mesto, nepismeno gradnjo kategorij in elementov spletnega mesta pa mu ne bodo omogočile krmarjenja in najdejo pravih informacij. Te trenutke je treba dati največ pozornosti in, kot je navedeno zgoraj, morate vedno gledati katero koli spletno stran skozi oči obiskovalca, ne pa oči razvijalcev.