„ Dober dizajn ohranja uporabnika srečnega, proizvajalca v črni barvi in ​​esthete brez sprememb. '
- Raymond Loewy

Postavitev spletnega oblikovanja

Brskanje po internetu in brskanje sta danes postala neločljiv del našega življenja. Vsak dan bi brskali po 'n' številnih spletnih mestih za nakupovanje, iskanje, raziskovanje in nakup storitev ali zgolj Googlu. Ustavimo se le na nekaj spletnih mestih ali jih želimo večkrat obiskati.

Drugi se ne zdijo preveč privlačni. No, glavni razlog za obisk določenega spletnega mesta večkrat je njegova postavitev spletnega mesta. Čeprav je težko doseči dobro oblikovano in racionalizirano funkcionalno spletno stran, je vredno izboljšati izkušnjo stranke.

Zdaj je dokazano dejstvo, da je element, ki vpliva na domnevno zanesljivost spletnega mesta, njegova zasnova in ne vnesena vsebina. Za popolno oblikovano spletno stran ni treba vložiti veliko truda v druge vidike, če želite obiskati obiskovalca na vaši spletni strani. UX in UI oblikovanje v tandemu tvorita celotno postavitev in funkcionalnost spletne strani.

Mojster postavitve popolne postavitve spletnega mesta je McDonald's. Dobesedno so odložili vse na svoje mesto, tudi kako postaviti kumarice. Torej, tudi vi bi radi izumili nekaj tako dobrega ali celo boljšega kot McDonald's.

Najboljših 10 korakov postavitve spletnega mesta

Danes bomo vedeli več o prvih 10 korakih oblikovanja spletnega mesta Postavite spodaj:

  1. Naj bo profesionalno zasnovan logotip pravilno povezan z domačo stranjo
  2. Uporabite intuitivno navigacijo
  3. Izogibajte se neredu in dajte obiskovalcem prostor za dihanje
  4. Barve in slike uporabite strateško za odziven splet
  5. Izberite spletne odzivne pisave, ki jih je enostavno brati v napravah in brskalnikih.
  6. Vsaka stran mora biti zasnovana kot ciljna stran
  7. Vedno ustvarite odziven dizajn, prilagodljiv vsem napravam
  8. Uporabite HTML5 namesto Flash
  9. Gumbi za oddajo ali pošiljanje naj bodo privlačni
  10. Ne pozabite preizkusiti svojega dizajna

'Življenje je pogovorno. Postavitev spletnega mesta mora biti enaka. Na spletu se pogovarjate z nekom, ki ga verjetno še nikoli niste spoznali, zato je pomembno, da je jasno in natančno. Tako dobro oblikovana navigacija in organizacija vsebine zasnove spletnega mesta gre skupaj z dobrim pogovorom. "

- CHIKEZIE EJIASI
(Tvit s Twitterja)

  1. Naj bo profesionalno zasnovan logotip pravilno povezan z domačo stranjo

Prva stvar, ki jo je prepoznalo podjetje za oblikovanje spletnega mesta, je njegov logotip. Spletna stran s profesionalno oblikovanim logotipom privlači svoje stranke bolj kot bliskovit logotip. Logotip podjetja ali spletnega mesta tvori identiteto znamke.

Vedno bi morali imeti smisel, da za logotip uporabite slike za oblikovanje spletnih strani z visoko ločljivostjo. Slike spletnega mesta morajo biti vedno prikazane v zgornjem levem kotu na vsaki strani spletnega mesta. Ne pozabite tudi na dobro dobro pravilo palca, da vse logotipe na spletnem mestu povežete z domačo stranjo in tako preprosto obiščete navigacijo za oblikovanje spletnega mesta za vaše stranke.

  1. Navigacija po spletnem mestu

Ste se že kdaj vprašali, zakaj odtečete od toliko spletnih strani in se držite samo ene ali dveh? To je zato, ker kupci ne sprejemajo bolečine, ko so oblikovali zapleteno spletno stran. Namesto tega zapustijo stran in preidejo na naslednjo.

To je glavni razlog, zakaj je intuitivna navigacija tako pomembna. Osnovne možnosti navigacije za oblikovanje spletnega mesta je običajno nameščena v vodoravni menijski vrstici na vrhu s sekundarnimi navigacijskimi vrsticami pod njim ali pod levim robom strani.

Pozorni bodite tudi na to, da postavite povezave samo na potrebnih mestih, ki strank ne odvrnejo od vašega poziva k akciji ali najpomembnejše informacije.

  1. Izogibajte se neredu in kupcem omogočite dihalni prostor

Preveč uporabe grafike ali preobremenitve slik na strani ustvarja nered. Slike oblikovanja spletnih strani so pomemben medij razumevanja, vendar vizualna preobremenitev slik ustavi obdelavo informacij v možganih.

Stranke se zmedejo, ko se soočijo s preveč oblikovalske postavitve spletnega mesta. Če želite zmanjšati nered na ciljnih straneh, omejite število povezav in možnosti v glavi in ​​nogi. Drug način za racionalizacijo strani je ohranjanje kratkih odstavkov.

kratko pomeni ne več kot pet do šest vrstic, saj stranke ponavadi izgubijo zanimanje za ogled zelo dolgega besedila. Obstaja še eno veliko pravilo dobre zasnove spletnega mesta, tj. Da kupcem da nekaj prostora za dihanje.

Ta prostor lahko ustvarite tako, da pustite dovolj prostora med odstavki in slikami spletnega oblikovanja, tako da lahko gledalci vdihnejo in absorbirajo več funkcij in ponudb spletnega mesta. Ko je odzivni splet vsak dan bolj konkurenčen, se zdaj šteje, da je manj.

Nadzorovana uporaba belega prostora v celotni postavitvi bo osredotočila uporabnike na vsebino in povečala uporabniško izkušnjo. Nadzorovan pretok uporabnikov bo povečal donose s spletnega mesta.

  1. Strateške barve in slike uporabite za odziven splet

Če želite predstaviti sodobno in elegantno spletno stran, poskusite uporabiti večinoma nevtralno barvno paleto. Ko bo konkurenca postala močnejša, bo uporaba majhnih barvnih črtic za naslove in ključne grafike obiskovalcem pomagala, da se držijo vaše spletne strani in bodo pozorni na najpomembnejše podrobnosti. Vedno uporabljajte barvno paleto, ki dopolnjuje vaš logotip in mora biti skladna z drugimi tržnimi zavarovanji.

Vir slik: pixabay.com

Poskusite investirati v fotografijo ali v nakup profesionalnih slik, ker obiskovalci na spletnem mestu izmuznejo generične slike v trenutku. Slike oblikovanja spletnega mesta bodo pustile splošen vtis vašega podjetja.

Profesionalne fotografije ali dobra fotografija bodo takoj pritegnile pozornost vsebine in ustvarile čustveno povezavo. Če navajam primer - če želite obiskovalca opozoriti na določen podatek ali pozivati ​​k dejanjem, potem uporabite človeški obraz, ki gleda v to smer ali s prstom, ki kaže tja.

Pač zato, ker se človek nagiba v isto smer, kamor gleda druga oseba. Tako barve kot slike oblikovanja spletnega mesta morajo biti izbrane tako, da se prilegajo vsem odzivnim spletom - mobilnim telefonom, tabličnim računalnikom, prenosnikom itd.

Priporočeni tečaji

  • Program HTML in HTML5
  • Usposabljanje za certificiranje programske opreme
  • Spletni tečaj o Drupalu 7
  • Drupal 7 tečaji programiranja

  1. Izberite spletne odzivne pisave

Če bo splet odziven, bi morali biti smiselno izbrati pisave, ki so primerne za vse brskalnike, bodisi prenosnik, tablični računalnik ali mobilna slušalka.

Če izberete pisavo velikega obsega, obstaja velika verjetnost, da se lahko dobro berejo na prenosnem računalniku, vendar mobilnik ne bo dobro upodobil izgube občutka in videza. Vedno izberite tipkovnico, ki jo je mogoče enostavno prebrati z velikostjo, manjšo od 11pt.

Če izberete spletne pisave, potem za hitro nalaganje ne uporabljajte več kot 2 družin pisav. Za oblikovanje s fiksno širino uporabite pisavo, ki omogoča največ 15 do 20 besed v vrstici in v tekočem dizajnu, uporabite pisavo, ki omogoča 15 -20 besed v širini 1000 pik.

  1. Vsaka stran mora biti oblikovana kot ciljna stran

Spletni oblikovalci običajno oblikujejo svoja spletna mesta ob predpostavki, da obiskovalec vstopi skozi domačo stran in nato preide na ciljne strani. Toda dejstvo je malo drugače. Večina obiskovalcev pristane na strani, ki ni domača stran, za večino spletnih mest.

Ključna ideja je torej ohraniti vse glavne informacije na vseh ciljnih straneh in postavitvi spletnega mesta tako, da obiskovalcu ni treba iskati pomembnih informacij.

  1. Vedno ustvarite odziven dizajn, prilagodljiv vsem napravam

Zakaj morate v tem polnem svetu, ko nimate časa za pravilno prehranjevanje, oblikovati drugačno spletno mesto za vsako napravo. Prihranite svoj čas in energijo tako, da oblikujete odzivno spletno mesto, ki se prilagodi velikosti brskalnika glede na uporabljeno napravo.

Odzivno spletno mesto na splošno dolgo časa obiskuje obiskovalce, kar poveča verjetnost menjalnih tečajev.

  1. Uporabite HTML5 namesto Flash

Flash je že zastarel in se končuje s trenutnim sporom med Apple in Adobe. Torej, oblikovalci! Pojdite iz pasu in preizkusite več spletnih in uporabnikom prijaznih možnosti.

HTML5 pridobiva na priljubljenosti s svojim besedilom, prijaznim do iskalnikov in enostavnimi funkcijami v mobilnih operacijskih sistemih, ne da bi za to potrebovali vtičnik, za razliko od Flash.

  1. Gumbi za oddajo ali pošiljanje morajo biti privlačni

Gumb »Pošlji« ali »Pošlji« na dnu spletnega obrazca je najpomembnejši klic k elementu dejanja na spletni strani. Lahko pa je tudi najgrši del, zato morajo oblikovalci narediti gumbe za oddajo obrazcev, "tako si všečni obiskovalci ne morejo pomagati, da bi jih kliknili.

Le kliknejo ga. Ti gumbi za klic na dejanje so lahko zanimivi na več načinov, na primer, ko obiskovalec premakne miško preko gumba za poziv k akciji, bi moral spremeniti barvo, naklon, motnost ali obdelavo pisave, da bi pritegnil vašo pozornost v nekaj sekundah.

Pazite tudi na to, da je pretiravanje s čimerkoli slabo. Moral bi ga zožiti do trenutka, ko je videti privlačen, sicer lahko ima povratni vpliv.

  1. Ne pozabite preizkusiti svojega dizajna

Oblikovna odločitev je le hipoteza. Ste najboljša oseba, ki se odloči, kaj izgleda dobro na vaši spletni strani. Optimizacija spletne strani s preizkusom različnih umestitev za gumbe za poziv k akciji ali uporabo različnih barvnih odtenkov lahko močno vpliva na vašo spletno stran. Uporabniško testiranje. A / B testiranje in analitika vam lahko pomagajo pri improvizaciji na vaši spletni strani.

In prava improvizacija prihaja od ljudi. Vzemite njihove povratne informacije in izvajajte, dokler ne bo videti dobro. Navajam samo primer tega, kako pomemben je preizkus vašega dizajna - Microsoft je enkrat s testiranjem in uveljavljanjem določenega odtenka modre barve zaslužil dodatnih 80 milijonov dolarjev prihodka. Tako nikoli ne veste, kdaj lahko vaš dizajn prinese velik dobiček.

Te majhne težave se lahko zdijo tako nepomembne in očitne, vendar so pogosto naletele na spletno različico v živo. Do takrat je posel že izgubil manjši odstotek potencialnega dohodka iz svojih možnosti.

Z več platformami, ki so danes na voljo, ustvarjanje trenutkov "WOW" iz UX-jev in UI-jev na spletnem mestu ni veliko početje. Potrebno je le malo zavzeto in veliko kreativnosti, da vsi obiskovalci po pristanku na vaši spletni strani pokažejo WOW.

Torej, popoln način oblikovanja spletne strani je razmišljanje. Ponovno razmisli. Naučite se. Naučite se še enkrat. Nikoli ne uporabljajte istega koncepta. Spoznajte potrebe svojih strank in nato …. Začnite svoj dizajn.

Sprememba vaše oblikovalske prakse lahko ima velik vpliv na vašo stopnjo angažiranosti in pretvorbe, tako da ustvari intuitivno uporabniško izkušnjo, ki bo razkrila vašo profesionalnost in ob tem vizualno presenetljivo dosegla, kar ljudje želijo in potrebujejo.

Povezani članki:-

To je vodnik za postavitev spletnega oblikovanja. Tu smo razpravljali o prvih 10 korakih postavitve spletnega mesta. Ogledate si lahko tudi naslednje članke -

  1. 10 Učinkovit način za uporabnike Adobe InDesign
  2. 8 Koristna smernica, da postanete HTML5 vs Flash
  3. 5 učinkovitih načinov za pripravo organskega prometa na vaše spletno mesto
  4. Kako ustvariti čisto postavitev spletnega mesta v programu Photoshop
  5. Seznam nekaj napak na spletnem mestu in kako jih enostavno odpraviti
  6. 5 Napake pri namestitvi spletnega mesta, ki se jih morate zavedati
  7. Kaj najraje Drupal ali Joomla
  8. Drupal 7 proti Drupal

Kategorija:

Orodja za razvoj spletnih strani