" Hea disain hoiab kasutajat õnnelikuna, tootja on must ja esteeti rikkumata. '
- Raymond Loewy

Veebisaidi kujundus

Internetis sirvimine ja surfamine on muutunud tänapäeva lahutamatuks osaks meie elust. Iga päev sirviksime arvul hulgal veebisaite, et osta, otsida, uurida ja osta teenuseid või lihtsalt Google'ist. Peatame ainult mõnel veebisaidil või soovime neid korduvalt külastada.

Teised ei tundu olevat liiga ahvatlevad. Noh, teatud veebisaidi korduvalt külastamise peamine põhjus on selle veebisaidi kujunduse paigutus. Ehkki hästi läbimõeldud ja sujuva funktsionaalse veebisaidi saavutamine on raske tasakaal, on see siiski väärt klientide pingutuste parandamist.

Nüüd on tõestatud, et veebisaidi eeldatavat usaldusväärsust mõjutav element on selle kujundus, mitte sisestatud sisu. Ideaalselt kujundatud veebileht ei pea oma veebisaidil külastaja hoidmiseks palju vaeva nägema. UX ja UI kujundus moodustavad koos veebilehe kogu paigutuse ja funktsionaalsuse.

Ideaalse veebisaidi kujunduse ülespanemise meister on McDonald's. Nad on sõna otseses mõttes kõik õiges kohas maha pannud, isegi kuidas hapukurki panna. Seega tahaksite välja tulla ka midagi sama head või isegi paremat kui McDonald's.

Veebikujunduse kujunduse kümme parimat sammu

Täna saate allpool teada veebisaidi kujunduse kümne parima sammu kohta rohkem:

  1. Kas teil on kodulehega korralikult ühendatud professionaalselt kujundatud logo
  2. Kasutage intuitiivset navigeerimist
  3. Vältige segadust ja andke külastajatele hingamisruum
  4. Kasutage reageerivas veebis strateegilisi värve ja pilte
  5. Valige veebile reageerivad fondid, mida on seadmetes ja brauserites hõlbus lugeda.
  6. Iga leht peaks olema kavandatud sihtleheks
  7. Looge alati reageeriv disain, mis on kohandatud kõigi seadmetega
  8. Kasutage Flash'i asemel HTML5
  9. Nupud Esitamine või Saada peaksid olema ahvatlevad
  10. Ärge unustage oma disaini katsetada

'Elu on jutukas. Veebisaidi kujundus peaks olema sama moodi. Veebis räägite kellegagi, keda te pole tõenäoliselt kunagi kohanud, seega on oluline olla selge ja täpne. Seega käivad hästi struktureeritud veebikujunduse navigeerimine ja sisu korraldamine hea vestlusega kaasas. ”

- CHIKEZIE EJIASI
(Säuts Twitterist)

  1. Kas teil on kodulehega korralikult ühendatud professionaalselt kujundatud logo

Esimese asjana tuvastatakse veebisaidi kujundusega ettevõte oma logo. Professionaalselt kujundatud logoga veebileht meeldib oma klientidele rohkem kui toretsev logo. Logo moodustab ettevõtte või veebisaidi kaubamärgi identiteedi.

Peaksite alati märkima, et logo jaoks kasutatakse suure eraldusvõimega veebisaidi kujunduse pilte. veebisaidi kujunduse pilte tuleks alati kuvada veebisaidi iga lehe vasakus ülanurgas. Samuti pidage meeles vana hea pöidlareeglit, mille kohaselt linkige kõik veebisaidi logod oma avalehega, et saaksite oma klientidele veebisaidi kujunduses navigeerimist hõlpsalt külastada.

  1. Veebidisaini navigeerimine

Kas olete kunagi mõelnud, miks te põgenete nii paljudelt veebilehtedelt ja hoiate kinni ainult ühel või kahel? Selle põhjuseks on asjaolu, et klientidel ei ole keeruline keeruka veebisaidi välja mõelda. Selle asemel loobuvad nad lehest ja liiguvad edasi järgmisele.

See on peamine põhjus, miks intuitiivne navigeerimine on nii oluline. Peamised veebikujunduse navigeerimisvalikud tuleks tavaliselt kasutada horisontaalsel menüüribal ülaosas, sekundaarsed navigeerimisribad selle all või lehe vasakpoolsel äärel.

Pöörake tähelepanu ka linkide paigutamisele ainult vajalikesse kohtadesse, mis ei tõmba kliente tähelepanu teie tegevusele kutsumisest või kõige olulisemast infost.

  1. Vältige segadust ja andke klientidele hingamisruumi

Liigne graafika kasutamine või piltide ülekoormus lehel tekitab segadust. Veebidisaini kujutised on oluline mõistmise meedium, kuid piltide visuaalne ülekoormamine peatab ajus teabe töötlemise.

Kliendid satuvad segadusse, kui nad puutuvad kokku liiga paljude veebisaidi kujundusega. Sihtlehtedel tekkiva segaduse minimeerimiseks piirake päises ja jaluses olevate linkide ja valikute arvu. Teine viis lehtede sujuvamaks muutmiseks on lõikude lühikestena hoidmine.

lühike tähendab mitte rohkem kui viis kuni kuus rida, kuna kliendid kaotavad huvi väga pika teksti vaatamise vastu. Hea veebisaidi kujunduse paigutuse kohta on veel üks pöialreegel, st klientidele veidi hingamisruumi anda.

Selle ruumi saab luua, jättes lõikude ja veebisaidi kujunduse piltide vahele piisavalt ruumi, nii et vaataja saaks hingata ja absorbeerida teie saidi muid funktsioone ja pakkumisi. Kuna tundlik veeb muutub iga päevaga konkurentsivõimelisemaks, peetakse seda vähem nüüd.

Valge ruumi kontrollitud kasutamine kogu paigutuse korral hoiab kasutajate tähelepanu sisule ja suurendab kasutajakogemust. Kontrollitud kasutajate voog suurendab veebisaidi tulusid.

  1. Kasutage reageerivas veebis strateegilisi värve ja pilte

Moodsa, segadusteta ja elegantse veebilehe esitamiseks proovige kasutada enamasti neutraalset värvipaletti. Kuna konkurents muutub tihedaks, aitab pealkirjade ja põhigraafikute kasutamine väikeste kriipsude abil külastajatel teie veebisaidil kinni hoida ja tähelepanu pöörata kõige olulisematele üksikasjadele. Kasutage alati värvipaletti, mis täiendab teie logo ja peaks olema kooskõlas muude turunduslike tagatistega.

Kujutise allikas: pixabay.com

Proovige investeerida fotograafiasse või professionaalsete fotopiltide ostmisse, kuna veebilehe külastajad nuusutavad üldpilte ühe silmapilguga. Veebisaidi kujunduse pildid jätavad teie ettevõttest üldise mulje.

Professionaalsed fotopildid või hea fotograafia juhivad tähelepanu sisule ja loovad kohe emotsionaalse ühenduse. Lihtsalt mõne näite tsiteerimiseks - kui soovite oma külastaja tähelepanu juhtida mõnele konkreetsele teabele või tegevusele kutsuda, kasutage selles suunas suunatud inimese nägu või sinna suunatud sõrme.

See on lihtsalt sellepärast, et inimene kipub vaatama samas suunas, kuhu teine ​​inimene otsib. Nii värvid kui ka veebikujunduse pildid tuleks valida nii, et need sobiksid kõigi tundlike veebidega - mobiiliga, tahvelarvutiga, sülearvutiga jne.

Soovitatavad kursused

  • HTML ja HTML5 programm
  • Tarkvara testimise sertifitseerimise koolitus
  • Veebikursus Drupal 7-l
  • Drupal 7 programmeerimiskursused

  1. Valige Veebitundlikud fondid

Veebi reageerimisega peaksite panema tähelepanu fontide valimisele, mis sobivad kõigile brauseritele, olgu see siis sülearvuti, tahvelarvuti või mobiiltelefon.

Kui valite suuremahulise fondi, on tõenäoline, et need loevad hästi sülearvutit, kuid ei muuda seda mobiilil, kaotades oma tunde ja ilme. Valige alati kirjatüüp, mida saab hõlpsasti lugeda ja mille suurus on vähemalt 11pt.

Kui valite veebifondid, ärge kiirete laadimisaegade tagamiseks rohkem kui 2 fondiperekonda kasutage. Fikseeritud laiusega kujunduse jaoks kasutage fonti, mis võimaldab reas maksimaalselt 15 kuni 20 sõna, ja sujuvas kujunduses kasutage fonti, mis lubab 15 -20 sõna 1000 piksli laiusel.

  1. Iga leht peaks olema kavandatud maandumisleheks

Veebidisainerid loovad üldiselt oma veebisaidid, eeldades, et külastaja siseneb avalehe kaudu ja liigub seejärel sihtlehtedele. Kuid tegelikult on asi vähe erinev. Enamik külastajaid suundub enamiku saitide jaoks muule lehele kui avaleht.

Niisiis, peamine mõte on hoida kogu põhiteave kõigil maandumislehtedel ja veebisaidi kujunduse paigutusel selliselt, et külastaja ei pea olulist teavet otsima.

  1. Looge alati reageeriv disain, mis on kohandatud kõigi seadmetega

Kui teil on selles hõivatud maailmas aega isegi korralikult söömiseks, siis miks peaksite iga seadme jaoks erineva saidi kujundama. Säästke oma aega ja energiat, kujundades tundliku saidi, mis kohandub brauseri suurusega vastavalt kasutatavale seadmele.

Vastuvõtlik sait hoiab tavaliselt külastaja tähelepanu pikka aega, suurendades ümberarvestuskursside tõenäosust.

  1. Kasutage Flash'i asemel HTML5

Flash on nüüd vananenud ja lõpeb käimasoleva vaidluse Apple ja Adobe vahel. Niisiis, disainerid! Tulge laineharjutusest välja ja proovige rohkem veebi- ja kasutajasõbralikke võimalusi.

HTML5 kogub populaarsust oma otsingumootorisõbraliku teksti ja lihtsa funktsionaalsusega mobiilsetes opsüsteemides, erinevalt Flashist pistikprogrammi nõudmata.

  1. Edastamise või saatmise nupud peaksid olema ahvatlevad

Veebivormi allosas olev nupp „Esita” või „Saada” on veebilehe toiminguelemendi kõige olulisem kutse. Kuid see võib olla ka kõige koledam osa, nii et disainerid peavad tegema vormi esitamise nupud “, nii et sümpaatsed külastajad ei saa aidata neil klõpsata.

Nad peavad lihtsalt sellel klõpsama. Neid tegevusele kutsumise nuppe saab muuta huvitavaks mitmel viisil, näiteks kui külastaja liigutab hiirt tegevusele kutsuva nupu kohal, peaks see muutma värvi, gradienti, läbipaistmatust või fondi töötlust, et teie tähelepanu sekundi murdosa jooksul ära tõmmata.

Kuid hoolitsege ka selle eest, et millegi üle pingutamine on halb. See peaks olema ahenenud seni, kuni see tundub ahvatlev, vastasel juhul võib sellel olla vastupidine mõju.

  1. Ärge unustage oma disaini katsetada

Kujundusotsus on vaid hüpotees. Olete parim inimene, kes otsustab, milline teie veebisaidil hea välja näeb. Veebilehe optimeerimine, proovides tegevusele kutsumise nuppude erinevat paigutust või kasutades erinevaid värvitoone, võib teie veebilehele suurt mõju avaldada. Kasutajate testimine. A / B testimine ja analüüs võib aidata teil oma veebilehte improviseerida.

Ja tõeline improvisatsioon tuleb inimestelt. Võtke nende tagasisidet ja rakendage, kuni see tundub hea. Lihtsalt, et tuua näide sellest, kui oluline on teie disaini testimine - Microsoft teenis kunagi täiendavat 80 miljonit dollarit tulu, lihtsalt katsetades ja rakendades konkreetset sinist tooni. Nii et te ei tea kunagi, millal teie kujundus võib teile tohutut kasumit teenida.

Need väikesed probleemid võivad tunduda nii tähtsusetud ja ilmselged, kuid sageli põrkub need veebilehe otseversioonile. Selleks ajaks on ettevõte oma väljavaadetest juba kaotanud väikese protsendi potentsiaalsest sissetulekust.

Kuna täna on saadaval mitu platvormi, pole WOW-hetkede loomine veebisaidi UX- ja UI-kujundustest sugugi suur asi. Selleks, et kõik külastajad pärast teie veebisaidile maandumist ütleksid WOW, on vaja vaid vähe pühendunud jõupingutusi ja näputäis loovust.

Niisiis, ideaalne viis veebilehe kujundamiseks on mõelda. Mõelge uuesti. Õppige. Õppige uuesti. Ärge kunagi kasutage sama kontseptsiooni. Teage oma klientide vajadusi ja alustage siis oma disaini alustamist.

Kujunduspraktika muutmine võib teie kaasamisele ja konversioonimääradele tohutult mõju avaldada, moodustades intuitiivse kasutajakogemuse, mis paljastab teie professionaalsuse ja pakub visuaalselt silmatorkavalt seda, mida inimesed tahavad ja vajavad.

Seotud artiklid:-

See on olnud veebisaidi kujunduse paigutuse juhend. Siin oleme arutanud veebisaidi kujunduse 10 parimat sammu. Võite vaadata ka järgmisi artikleid-

  1. 10 tõhus viis Adobe InDesign'i kasutajateni
  2. 8 kasulik juhend HTML5 vs Flash saamiseks
  3. 5 tõhusat viisi orgaanilise liikluse suurendamiseks teie veebisaidile
  4. Kuidas luua Photoshopis puhast veebisaidi paigutust
  5. Väheste veebisaidil esinevate vigade loetelu ja nende hõlbus parandamine
  6. 5 Veebisaidi seadistamise vead, millest peate teadma
  7. Mida eelistada Drupalile või Joomlale
  8. Drupal 7 vs Drupal

Kategooria:

Veebiarenduse tööriistad