Saidi kujunduse näidised

Sisukord:

Saidi kujunduse näidised
Saidi kujunduse näidised
Anonim

Ärme laskuge numbritesse ja arvutustesse, kuna on võimatu kindlaks teha, kui palju saite Internetis juba on. Iga päev ebaõnnestuvad tuhanded, kui mitte sajad tuhanded saidid ja nende asemele ilmuvad uued. Mis on ebaõnnestumiste põhjus? Miks inimesed saidile lähevad ja se alt kohe lahkuvad? Vastus on lihtne ja otse teie silme ees – see on saidi kujundus.

Atraktsiooniefekt

Nõus, igaühel on teatud saitide komplekt, mida päevast päeva külastatakse. Olen kindel, et enamik järjehoidjatest on lemmiksaidid, kus on filme, raamatuid, uudiseid, mänge jne. Miks me pärast ühe saidi leidmist ei püüa leida teist sarnast, mis võib olla veelgi parem? Vastus on lihtne! Järjehoidjatesse lisatud saite on mugav kasutada – sellistel saitidel on tavaliselt mugav elementide paigutus, kategooriad ja meeldiv kujundus, mis ei ärrita silmi. See on "atraktsiooniefekt", korralikult kujundatud saidi kord külastamine - se alt lahkumineei taha enam.

Vaatleme kauplemisplatvormi kahe saidi näidet:

Näidissaidid
Näidissaidid

Kahtlemata ja vaieldamatult soovib sait number 1 võimalikult kiiresti sulgeda ja sait number 2, vastupidi, soovib jääda pikemaks ajaks. Miks see juhtub? Esimesel saidil on lisaks juhuslikult paiknevale tootele ka värvide üleküllastus, mida teise saidi kohta öelda ei saa. On selline imeline vanasõna: "Riiete järgi kohtuvad, aga mõistusega näevad ära", see kehtib ka saitide kohta, ainult riiete asemel on kujundus ja mõistuse asemel navigeerimisstruktuur. Pärast saidile sisenemist näeb külastaja esimese asjana värviskeemi ja alles seejärel pöörab tähelepanu sisemisele navigeerimisele ja saidi struktuurile.

Värvide tajumine

Peamine reegel värvide valikul on mitte üle pingutada. Mõnikord on isegi kaks või kolm õigesti valitud värvi enam kui piisavad, selle ilmekas näide on sait fb.ru. Paljud veebidisainerid kasutavad oma html-saidi kujundamisel "ohutute" värvide tabelit.

Ohutute värvide tabel
Ohutute värvide tabel

Ohutuks kutsutakse seda põhjusel, et kõiki siin kuvatavaid värve edastavad absoluutselt kõik kasutajad ühtemoodi. Võib öelda, et need värvid on saidi kujunduse loomisel standardsed.

Värvide ühilduvus

Igal värvil on oma "sõbralik" värv – see on see värv, millega see kõige paremini sobib. Pole vaja jalgratast uuesti leiutada ja valikuga katsetada, kõik on ammu leiutatud ja avalikus omandis. Värvide valimiseks kasutatakse värvirattaid. Itten. Alloleval pildil on näha värviratas kahe sobiva värvi sobitamiseks.

Täiendav värvikombinatsioon
Täiendav värvikombinatsioon

T. ehk kõige sobivamaks peetakse ringi sees olevat vastupidist värvi. Kui teil on vaja valida 3 sobivat värvi, kasutatakse ka värviratast, ainult värvipaigutusjoon muudetakse juba.

Triaad - 3 värvi kombinatsioon
Triaad - 3 värvi kombinatsioon

Ja selliseid ringe on palju, saate valida rohkem sobivaid värve. Näiteks neli.

Tetrad - nelja värvi kombinatsioon
Tetrad - nelja värvi kombinatsioon

Sel viisil Itteni ringide kaudu värve valides saavutatakse maksimaalne värvikombinatsioon ja visuaalselt meeldiv saidi kujundus. Rohkem värviringe leiate Internetist. Lähme pisut põhiteemast kõrvale, sest tahan anda teada, et neid Itteni värvirattaid kasutavad isegi moemaailma professionaalsed disainerid ehk siis disainerrõivaste loomisel kasutatakse seda värvide sobitamise meetodit.

Sisemine saidi struktuur

Kui värvitajuga sai enam-vähem kõik selgeks, siis jääb veel üks oluline näitaja kui saidi sisemine struktuur ehk teisisõnu - "kasutatavus". Nagu praktika näitab, ei piisa saidil õigete värvide valimisest - saidi kauni kujundusega ei jõua te kaugele. Saidi õige struktuur on nagu maja karkass, kui see pole õigesti planeeritud, on sellel ringi liikumine ebamugav.

Kõik navigeerimiselemendid tuleb eelnev alt läbi mõelda ja veel parem – kirja panna. StruktuurSait peaks olema külastajatele ennekõike arusaadav ja mugav. Paljud saidid kaotavad oma külastajad lihts alt seetõttu, et viimased saidile sisenedes ei saa aru, kus ja mis asub. Pole vaja end segada paljude nuppude massiga ja riputada hunniku funktsioone. Alati tuleb vaadata läbi külastaja silmade, kui kasutajal pole mingit funktsiooni vaja, siis on parem see eemaldada. Jällegi on ere ja korrektne veebilehe kujunduse näide Fb.ru veebisait, mille kõik jaotised asuvad külastajale arusaadav alt ja mugav alt.

Suurim viga

Keskmise analüüsi kohaselt arvab kasutaja, kes ei leia saidilt vajalikku jaotist või teavet 15-30 sekundi jooksul, et seda jaotist või teavet saidil pole, ja lahkub ressursist. Enamikul juhtudel igavesti. Ehe näide kohutava navigatsiooniga saidist:

Halb saidi navigeerimine
Halb saidi navigeerimine

Kas arvate, et sellise ressursi kohta on võimalik vajalikku teavet leida, minnes mitte otsingust, vaid lihts alt avalehele? Ma arvan, et ei. Jällegi värviküllastus ja arusaamatu navigeerimise rohkus, mis paneb iga külastaja uimasesse ja hämmeldusse. Selliste vigade vältimiseks on vaja kõik jaotised rühmitada ja panna eraldi navigeerimismenüüsse, mis on igale külastajale arusaadav.

Registreerimisvorm

Veel üks oluline ja hirmutav tegur saidil on registreerimisvorm. Mõned üritavad registreerimisaknasse koguda peaaegu vanavanavanaema andmeid.

Vale registreerimisvorm
Vale registreerimisvorm

Sellised registreerimisvormidolid moes enne, kui Internet hakkas alles kodudesse ilmuma. Internetikasutaja soovib täna leida vajaliku teabe võimalikult kiiresti ja pikad registreerimisvormid tõrjuvad hoolimata saidi suurepärasest kujundusest 99% tõenäosusega. Ideaalne registreerimisvorm tänapäevaste standardite järgi on näidatud allpool.

Õige registreerimisvorm
Õige registreerimisvorm

Isegi kui sellest infost ei piisa, siis keegi ei viitsi seda hiljem, peale registreerimist, külastaj alt küsida. Seda lähenemist peetakse lojaalsemaks ja sõbralikumaks kui registreerimisvormi, mis sarnaneb rohkem töötaotlusvormiga.

Veebisaidi mallid

Palju saite luuakse nüüd kaasaegsetel CMS-süsteemidel, mis pakuvad saidi tasuta kujundamist. Kuid tasuta kujundus (mallid) ei sisalda visuaalset kujundust, nii et kui saidi omanik ei püüa seda kuidagi muuta, kaob selline sait otsingusse.

Märkimist väärivad ka terved Interneti-portaalid, mis pakuvad nende põhjal oma veebisaidi juurutamist. Sel juhul on nii plusse kui ka miinuseid:

  • Esimene ja võib-olla ka ainus pluss on lihtsus. Saidi raam on reeglina juba selliste ressursside eeskujul kogenud disainerite poolt, saidi kujundus on seatud teatud nõuete ja reeglite alla. Jääb vaid see temaatilise materjaliga täita ja esimesi külastajaid oodata. Seetõttu köidab selliste teenuste lihtsus ja mugavus algajaid. Aga kui sait on loodud tõsiseks arendamiseks ja konkurentsiksotsingumootorites esi-1, siis on parem sellisest teenusest keelduda.
  • Miinustest - pakutud malle ei saa enamikul juhtudel redigeerida ega muuta, peate kogu aeg kasutama pakutavat. Monotoonsus on peamine puudus, millest me alguses rääkisime, sest iga sait peab olema individuaalne ja erinema teistest välimuselt. Palju piiranguid, mida on võimatu kirjeldada, kuna igal sellisel teenusel on oma.

Lõpuosa

Kõik selles materjalis kirjeldatu ei pretendeeri "põhijuhisena", saate alati ja isegi vaja teha kõike omal moel – see on vaid kõige levinumate reeglite ja vigade kogum. Kuid kõige olulisemad punktid, mida siin kirjeldatakse värvide tajumise ja saidi sisemise struktuuri kujul, on saidi kujundamise standard. Valesti valitud värvid peletavad eemale kõik äsja saidile sisenenud külastajad ning kategooriate ja saidi elementide kirjaoskamatu kujundus ei võimalda tal navigeerida ja vajalikku teavet leida. Nendele punktidele tuleks pöörata maksimaalset tähelepanu ja, nagu eespool mainitud, peaksite alati vaatama mis tahes saiti külastaja, mitte arendaja pilguga.

Soovitan: