Stranica za kontakt je vrlo važna, pa posebnu pažnju treba posvetiti njenom dizajnu. Što je stranica za kontakt pogodnija, vlasniku se otvaraju više mogućnosti. Stranica za kontakt, ako je pravilno dizajnirana, može vrlo dobro utjecati na stopu konverzije: ako korisnik može lako kontaktirati upravitelja web stranice ili administratora, imat će pozitivno iskustvo interakcije. Što je proces lakši, što manje polja ili obrazaca korisnik mora popuniti, to je bolje za konverziju.
Dobra stranica za kontakt može poboljšati vašu web lokaciju jer stvara uvjete za dobar odnos između vaših posjetitelja i vlasnika web stranice. Nije važno kakva će to biti web stranica, bilo da se radi o internetskoj trgovini, portalu za vijesti ili web servisu - povratne informacije su izuzetno važne.
Unatoč tome, mnogi dizajneri podcjenjuju vrijednost dobro osmišljene stranice za kontakt, fokusirajući se na dizajn stranica sa glavnim sadržajem.
Događa se da korisnik mora brzo kontaktirati vlasnika web stranice ili kontaktirati korisničku podršku. Međutim, ništa ne funkcionira, čak i ako koristite pretraživanje web stranice. Ponekad su potrebne informacije prisutne na web mjestu, ali su "skrivene", budući da dizajner nije vodio računa o ispravnoj navigaciji i korisnik jednostavno ne vidi željenu vezu. Očajni korisnik već je spreman za telefonski poziv, ali ga ni on ne može pronaći.
Kompanije i web usluge koje stavljaju veliki naglasak na dizajn svojih stranica za kontakt djeluju krajnje oprezno. Jednostavno zato što ova stranica ne sadrži samo podatke za kontakt: ona sadrži informacije koje su potrebne korisniku i interaktivna je. I što je najvažnije, dobra stranica za kontakt potiče korisnika na interakciju sa web lokacijom iznova i iznova.
Stranica za kontakt je svojevrsna platforma za komunikaciju. Ako vlasnik web lokacije dopušta korisnicima da izraze svoje mišljenje, onda je ovo već poziv na dijalog. Web programeri i korisnici mogu imati koristi od ove saradnje i iz tog razloga je potrebno pravilno dizajnirati.
Kao što znate, funkcionalnost u dizajnu jedan je od ključnih faktora. Stranica za kontakt sadrži važne informacije, ali ih nema previše, što ponekad može dovesti do pogrešne procjene funkcionalnosti. Vlasnik web stranice misli da je to dovoljno ako je na stranicu postavio adresu e -pošte i telefonski broj. Ponekad je u pravu.
Međutim, dvostruka provjera funkcionalnosti može učiniti više koristi nego štete. Neispravne veze ili stranice koje su preopterećene informacijama štete interakciji. Vlasnik web stranice možda neće primiti važnu poruku, ali najgore će se dogoditi ako pruži zastarjele ili netočne podatke. Prilikom dizajniranja stranice za kontakt, prije svega, morate misliti na korisnike, jer je na kraju ova stranica stvorena posebno za njih.
Location
Imperativ je osigurati da stranica za kontakt uvijek bude dostupna korisnicima. Izgled web stranice, čak i sa ekskluzivnim dizajnom, ne znači ništa ako korisnici ne mogu pronaći stranicu sa kontaktima. Ponekad morate dizajnirati prilično složene obrasce za kontakt, pa se morate pobrinuti za upute unaprijed. Korisnicima će biti lakše kontaktirati vlasnika web stranice ako imaju detaljni vodič.
Dizajner web stranice mora imati na umu dvije stvari:
- Primarna navigacija uvijek treba uključivati stranicu za kontakt
- Korisnici bi trebali pronaći stranicu za kontakt od prvog posjeta web stranici, na koju god internu stranicu dođu
Na temelju iskustva dizajnera, korisnici obično traže podatke za kontakt na desnoj strani stranice, pa ima smisla postaviti vezu "Kontakt" tamo. Treba imati na umu da su ove informacije od sekundarne važnosti za korisnika, stoga nemojte ovaj dio web stranice učiniti previše vidljivim ili nametljivim. Veza do stranice za kontakt koja se nalazi u gornjem desnom kutu stranice najbolje funkcionira. Najgore od svega je veza u padajućem izborniku jer je korisnici jednostavno ne mogu primijetiti.
Jednostavni obrasci za kontakt
Za komercijalne web stranice, stranica za kontakt je vrlo važna, kao što je gore spomenuto. Unatoč činjenici da možda nije tako lijepa kao ostale stranice na web stranici, trebala bi biti jednostavna, razumljiva i razumljiva. Ako informacije nisu pravilno strukturirane, loše funkcioniraju ili dovode u zabludu, malo je vjerojatno da će vlasnik web stranice uspjeti izgraditi dugoročne odnose sa svojim klijentima.
Često se dogodi da korisnik koji želi ostaviti poruku napusti web mjesto jer ne može ispuniti obrazac za kontakt. Ili ne želi, ako je predugačka ili komplicirana. Danas korisnici ne žele gubiti vrijeme na ispunjavanje detaljnih obrazaca, pa vrijedi razmisliti o pojednostavljivanju istih. Što je obrazac jednostavniji, to bolje, uključujući i korisničko iskustvo, stoga se morate usredotočiti na prikupljanje osnovnih podataka.
Tačna formulacija
Ako govorimo o službenim web stranicama, tada se na svim stranicama, uključujući ne i na stranici za kontakt, morate pridržavati jasnih i preciznih formulacija o prednostima koje će korisnik imati postajući klijent kompanije. Čemu služi? Brisanje svih nepotrebnih informacija je najefikasniji način privlačenja i zadržavanja pažnje. Lijepo sažeti podaci trebali bi biti sažeti kako bi ljudi mogli lako pronaći ono što im je potrebno.
Također, ne zaboravite na vizualne komponente. I ne radi se samo o privlačnom dizajnu kontaktnih obrazaca. Ako kompanija ima fizičku adresu, tada možete pomoći korisnicima postavljanjem karte na stranicu za kontakt. Za kompanije koje se nalaze u velikim gradovima, vrlo je važno objasniti korisnicima kako će im biti prikladnije da dođu do svog ureda, trgovine ili skladišta.
Odziv stranica za kontakt
Za svako internetsko poslovanje, odaziv je sve. Ovo je teško i brzo pravilo, bez izuzetaka. Budući da se Internet razvija brzim tempom, a na tržištu se pojavljuje sve više novih uređaja, to znači da kontakt informacije moraju biti dostupne bez obzira na to koji preglednik ili uređaj osoba koristi. Danas je vrlo lako izgubiti u konkurenciji - dovoljno je ne optimizirati stranicu sa kontaktima za prikaz na mobilnim uređajima.
Integralne komponente
Šta je bolje: adresa e -pošte ili obrazac za kontakt? Korisnicima su potrebni jednostavni načini povezivanja s pružateljima usluga koji su im potrebni, pa im se morate prilagoditi. Možete se usredotočiti na komunikaciju putem e -pošte ili objavljivanje obrasca za kontakt - svaka metoda ima svoje prednosti i nedostatke.
Obrasci za kontakt
- Obrazac za kontakt ne bi trebao prisiljavati korisnike na prelazak na drugu stranicu
- Obrazac za kontakt nije za otvaranje računa ili prijavu putem e -pošte
- Obrazac bi trebao imati funkciju automatskog dovršavanja, ako je moguće
- Obrazac za kontakt mora imati funkcionalnost za slanje poruka i obavještenja
- Komunikacija putem e-pošte mora biti sigurna za korisnike
- Preporučljivo je sačuvati sve poslane podatke za buduću upotrebu.
- Rad sa primljenim porukama trebao bi se odvijati sustavno, morate se pobrinuti i za izradu sigurnosnih kopija podataka
Obrazac za validaciju
Obrasci za provjeru su neophodni kada trebate znati više o korisnicima vaše web stranice. Osim toga, postupak provjere valjanosti na neki način usmjerava korisnika u pravom smjeru, jer mu može skrenuti pažnju na pogrešno unesene podatke ili prazna polja. Dakle, obrazac za verifikaciju štedi vrijeme korisnicima, jer će na kraju procesa popunjavanja osoba biti čvrsto uvjerena da će njegova poruka stići na ispravnu adresu.
Telefonski brojevi
Mnoge kompanije ne navode telefonske brojeve na svojoj stranici za kontakt jer se plaše da će stalni pozivi ometati njihov tok rada. Međutim, kao i u slučaju kartice, telefonski brojevi na stranici za kontakt povećavaju povjerenje korisnika u marku, kupci se osjećaju sigurno, vjerujući da će u teškoj situaciji moći kontaktirati zaposlenika kompanije i razgovarati o problemu nastao. Telefonski broj skraćuje udaljenost između vlasnika web stranice i korisnika, to se odnosi i na tradicionalne kompanije i na mrežne usluge koje nemaju fizičku adresu.
Profili društvenih mreža
Gumbi na društvenim mrežama sve su češći na stranicama za kontakt. Ovaj pristup može značajno poboljšati mogućnosti web stranice, posebno ako se korisnička podrška pruža 24 sata dnevno. Mnogi ljudi smatraju da je prikladnije povezati se s kompanijom putem društvene mreže, pa vrijedi razmisliti o ovom načinu interakcije s korisnikom.
Dizajniranje stranice za kontakt
Zaista dobre stranice za kontakt svjedoče o velikoj vještini dizajnera koji su ih osmislili. A najvažniji dio dizajna je vizualni stil stranice za kontakt. U slučaju obrazaca za kontakt, to znači velika polja koja olakšavaju podnošenje podataka. Ako oblik izgleda lijepo, radi bolje.
Prije nego što započne s dizajnom, dizajner bi trebao provesti detaljnu studiju svih kontaktnih podataka koje je dao klijent. Svi elementi moraju biti dobro organizirani i moraju se skladno kombinirati. Također treba zapamtiti da stranica za kontakt mora odgovarati shemi boja web stranice tako da korisnik može jedinstveno identificirati web lokaciju i robnu marku.
Zaključak
Stranica za kontakt treba uvijek biti vidljiva. Ovo se ne odnosi samo na početnu stranicu, već i na sve ostale stranice web stranice. Prilikom dizajniranja stranice za kontakt imajte na umu da će korisnici moći kontaktirati vlasnika web stranice ili tim za podršku samo na način na koji to vide na kartici "Kontakti". Pogodnost i jednostavnost ključ su uspjeha u ovom slučaju. Morate dati korisnicima ono što žele. Ako korisnik mora unijeti svoje osobne podatke na web mjesto, tada je najbolje postaviti osnovna pitanja: ime, prezime, e-mail adresa. Obrazac za kontakt ne smije sadržavati dodatna polja. Također morate voditi računa o odzivu stranice za kontakt - one bi trebale biti prikazane u bilo kojem pregledniku i na bilo kojem uređaju. Ako je stranica za kontakt ispravno dizajnirana, šanse za uspjeh među korisnicima značajno se povećavaju.
Adaptive layout web stranica omogućava automatskim prilagođavanjem web stranica ekranima tableta i pametnih telefona. Promet mobilnog interneta raste svake godine, a da biste efikasno obradili ovaj promet, morate korisnicima ponuditi responzivne web stranice sa sučeljem prilagođenim korisniku.
Tražilice koriste niz kriterija za procjenu odziva stranice na pregled na mobilnim uređajima. Google pokušava vlasnicima pametnih telefona i tableta olakšati korištenje interneta označavanjem web lokacija prilagođenih mobilnim uređajima posebnim znakom u rezultatima pretraživanja za mobilne uređaje. prilagođen mobilnim uređajima... Yandex također ima algoritam koji daje prednost web lokacijama sa mobilnom / responzivnom verzijom za korisnike u mobilnom pretraživanju.
Prikaz stranice na mobilnim uređajima možete provjeriti na uslugama i.
Pirinač. 1. Rezultati pretraživanja Yandexa i Googlea za mobilne uređaje s napomenom o pristupačnosti web stranice mobilnim uređajima Šta je responzivni raspored
Prilagodljiv izgled pretpostavlja odsustvo vodoravne trake za pomicanje i skalabilnih područja pri gledanju na bilo kojem uređaju, čitljivog teksta i velikih površina za elemente na koje se može kliknuti. Uz pomoć medijskih upita možete kontrolirati izgled i raspored blokova na stranici, obnavljajući predložak tako da se prilagođava različitim veličinama ekrana uređaja.
Osnovne tehnike stvaranja responzivne web stranice date su u članku. Za responzivan dizajnširina glavnog spremnika web stranice postavljena je u%, dok može biti jednaka 100% širine prozora preglednika ili manja. Širina stupaca mreže također je postavljena u%. IN responzivan dizajnširine glavnog spremnika i stupaca mreže su fiksirane pomoću vrijednosti u px.
Tehnika prilagodljivog rasporeda fluida o kojoj se govori u ovoj lekciji odlično funkcionira na rasporedu u dvije kolone, čineći web lokaciju osjetljivom i lakom za pregled na mobilnim uređajima. Predložak pretpostavlja drugačiji izgled glavnog sadržaja stranica, u ovoj lekciji će se rastaviti izgled glavne stranice.
Izgled glavne stranice
Stranica se sastoji od tri glavna bloka: zaglavlja (zaglavlja), spremnika omota za glavni sadržaj i bočne trake i podnožja (podnožja). Uzet ćemo 768 piksela i 480 piksela kao tačke dizajna.
Na prvom mjestu ćemo sakriti gornji izbornik i pomaknuti bočnu traku ispod kontejnera s postovima. U drugoj točki promijenit ćemo položaj elemenata zaglavlja, otkazati pozicioniranje gumba društvenih medija u postovima i otkazati tok oko stupaca podnožja.
Pirinač. 2. Primjer responzivnog izgleda 1. Meta oznake i odeljak
1) Dodajte u odjeljak
potrebne datoteke - veza do korištenih fontova, biblioteke jQuery i dodatka bez prefiksa (kako se ne bi pisali prefiksi preglednika za svojstva):
2. Zaglavlje stranice
U zaglavlju stranice
logo ;
dugme za prikaz / skrivanje glavnog menija
