Kohanemisvõime kontaktandmed. Kuidas luua ideaalse kontaktide lehekülge? Põhitegevusega plokkide stiilid

Kontaktleht on väga oluline, seega peab selle disain pöörama erilist tähelepanu. Mida mugavam kontakt leht on, seda rohkem funktsioone avatud saidi omanik. Kontakt leht, kui see on korralikult kujundatud, võib mõjutada konversioonitegurit: kui kasutaja saab hõlpsasti ühendust juhi või saidi administraatoriga, saab ta positiivse kogemuse koostoime kohta. Mida lihtsam on protsess, mida väiksem peab kasutaja välja täitma või vormid täitma, seda parem konversiooniks.

Hea kontaktlehel võib saidi parandada, kuna see võimaldab teil luua tingimusi heade suhete jaoks külastajate ja saidi omaniku vahel. See ei ole oluline, mis see on saidi jaoks, võib see olla poe, uudisteportaali või veebiteenus - tagasiside on äärmiselt oluline.

Sellest hoolimata alahinnab paljud disainerid kontaktide nõuetekohaselt kujundatud lehekülje väärtust, keskendudes põhitegevusega lehekülgede kujundamisele.

See juhtub, et kasutaja peab kiiresti ühendust saidi omanikku või võtke ühendust klienditoega. Kuid midagi ei juhtu, isegi kui kasutate otsingukohta. Mõnikord on kohapeal vajalik teave vajalik teave, kuid see on "peidetud", kuna disainer ei hoolitsenud õige navigeerimise eest ja kasutaja lihtsalt ei näe soovitud linki. Meeleheitlik kasutaja on valmis helistama, kuid ta ei leia seda.

Ettevõtted ja veebiteenused, mis pööravad suurt tähelepanu kontaktiste projekteerimisele, on äärmiselt ettevaatlikud. Lihtsalt sellepärast, et see lehekülg ei sisalda lihtsalt kontaktandmeid: see sisaldab vajalikku teavet ja on interaktiivne. Ja mis kõige tähtsam, hea kontakt leht julgustab kasutajat uuesti ja suhtlege saidiga uuesti.

Lehekülg Kontaktid See on omamoodi suhtlemiseks mõeldud platvorm. Kui saidi omanik võimaldab klientidel oma arvamust väljendada, siis see on dialoogi kutse. Veebiarendajad ja kasutajad saavad sellest koostööst kasu ja see on sel põhjusel, et see peab olema nõuetekohaselt kujundamisel.

Nagu te teate, on disaini funktsionaalsus üks peamisi tegureid. Kontakt leht sisaldab olulist teavet, kuid see ei ole liiga palju, et mõnikord võib see kaasa tuua vale hinnangu funktsionaalsuse. Saidi omanik arvab, et kui ta postitas lehel e-posti aadressi ja telefoni, on see üsna piisav. Mõnikord on ta õige.

Siiski võib funktsionaalsuse topeltkontroll tuua rohkem kasu kui kahju. Teabega ülekoormatud puudega seotud lingid või leheküljed - kõik see kahjustab suhtlemist. Saidi omanik ei pruugi olla oluline sõnum, kuid halvim ilmneb, kui see annab aegunud või ebatäpset teavet. Kontaktide lehe kujundamine Esmalt peate kasutajate suhtes mõtlema, sest lõpuks on see lehekülg nende jaoks spetsiaalselt loodud.

Asukoht

On vaja veenduda, et kontakt lehekülg on alati kasutajate jaoks saadaval. Saidi välimus, isegi kui midagi ei tähenda eksklusiivse disainiga, kui kasutajad ei leia kontaktidega lehekülge. Mõnikord peate kujundama üsna keerulisi kontaktvorme, nii et peate eelnevalt juhiste eest hoolitsema. Kasutajatel on lihtsam saidi omanikuga ühendust võtta, kui neil on samm-sammuline juhend.

Veebisaidi kujundava disaineri jaoks on oluline meeles pidada kahte punkti:

  • Esmane navigeerimine peaks alati sisaldama kontaktlehel.
  • Kasutajad peavad leidma kontaktide lehekülje esimesest külastusest saidile, mis sisemised leheküljed nad ei saanud

Kogunenud disainerite kogemuste hindamine kipuvad kasutajad otsima lehekülje paremal küljel kontaktandmeid, seega on mõistlik panna link "Kontaktid" täpselt seal. Tuleb meeles pidada, et sellel teabel on kasutaja sekundaarne väärtus, seega ei ole tasutud selle saidi osa liiga märgatav või pealetükkiv. Parim link kontaktidega lehekülgedele, mis asuvad lehe paremas ülanurgas. Ja halvem on link rippmenüüle, kuna kasutajad saavad lihtsalt märgata.

Lihtsad kontaktivormid

Kommertskohtade jaoks on kontaktide leht väga oluline, seda on juba eespool mainitud. Hoolimata asjaolust, et see ei pruugi olla nii ilus kui teised saidi leheküljed, peaks see olema lihtne, mugav ja arusaadav. Kui teave on valesti struktureeritud, ei tööta see hästi ega eksitas, on ebatõenäoline, et saidi omanik suudab luua pikaajalisi suhteid oma klientidega.

Sageli juhtub, et kasutaja, kes soovib sõnumi lahkuda lahkub, kuna see ei saa kontakti vormi täita. Või ei taha, kas see on liiga pikk või keeruline. Tänapäeval ei soovi kasutajad üksikasjalike vormide täitmisel aega veeta, mistõttu tasub mõelda nende lihtsustamisele. Seda lihtsam on vorm, seda parem, sealhulgas kasutaja kogemus, seetõttu peate keskenduma põhiteabe kogumisele.

Täpne sõnastus

Kui me räägime ametlikest saitidest, siis kõigil lehekülgedel, sealhulgas kontaktide leheküljest, peate kinni pidama selgeks ja täpseks preparaatideks kasu kasutaja kasuks, saades ettevõtte kliendile. Mis see on? Kõigist liigsest teabest kleevestatud on kõige tõhusam viis meelitada ja säilitada. Kaunis üldistatud andmed peavad olema lühike, et inimesed saaksid hõlpsasti leida, mida nad vajavad.

Samuti ei ole vaja unustada visuaalseid komponente. Ja see ei ole mitte ainult kontaktivormide atraktiivse disain. Kui ettevõttel on füüsiline aadress, saate aidata kasutajatel kaardi kontaktile lehele. Suurlinnades asuvate ettevõtete jaoks on väga oluline, et kasutajatele seletada, sest see on mugavam jõuda oma kontorisse, poe või ladu.

Kontaktandmete kohanemisvõime

Iga Interneti-äri jaoks on reageerimisvõime kõik. See on karm reegel ilma eranditult. Kuna internet areneb kiire tempo juures ja turul ilmuvad uued seadmed, tähendab see, et kontaktandmed peaksid olema kättesaadavad, olenemata sellest, milline brauser või seade kasutab isikut. Tänapäeval on konkurentsivõimelise võitluse kaotamine väga lihtne - mitte piisav, et optimeerida kontaktide lehekülje mobiilseadmetele kuvamiseks.

Integreeritud komponendid

Mis on parem: e-posti aadress või kontaktivorm? Kasutajad vajavad vajalikke teenuseid, mida vajate teenuste tarnijatega, nii et teil on vaja neid täita. Rõhutage e-kirjale või asetage kontaktvorm - iga meetodil on oma eelised ja miinused.


Kontaktivormid

  • Kontakt vorm ei tohiks sundida kasutajaid minna teisele lehele
  • Kontaktivorm ei ole mõeldud konto loomiseks või e-posti teel sisse logimiseks.
  • Vormil peab olema automaatne funktsioon, kui sellist võimalust on olemas
  • Kontaktivorm peab toimima sõnumite ja teadete saatmiseks.
E-kiri
  • E-posti side peab kasutaja jaoks olema turvaline
  • Kõik saadetud andmed on soovitatavad kasutada tulevikus kasutamiseks.
  • Töötamine vastuvõetud sõnumitega tuleks läbi viia süsteemselt, peate ka andmete varundamise eest hoolitsema
Valideerimisvorm

Kontrollvormid on olulised, kui sa pead rohkem teadma saidi kasutajate kohta. Lisaks saadab valideerimisprotsess mingil moel kasutaja õiges suunas, sest nad võivad meelitada nende tähelepanu ekslikult sisestatud andmetele või täitmata väljadele. Seega säästab kinnitusvorm kliendi aega, kuna täitmisprotsessi lõpus on isik kindlalt kindel, et tema sõnum läheb õigesse aadressile.


Telefoninumbrid

Paljud ettevõtted ei näita kontaktide lehekülje telefoninumbreid, sest me kardame, et pidevad kõned segavad töövoogu. Nagu kaardi puhul, suurendavad kontakt lehel olevad telefoninumbrid kasutaja usalduse brändile, kliendid tunnevad end turvaliselt, uskudes, et rasketes olukordades on võimalik ühendust võtta ettevõtte töötajaga ja arutada probleemi. Telefoninumber vähendab vahemaa saidi omaniku ja kasutaja vahel, see kehtib nii traditsiooniliste ettevõtete kui ka võrguteenuste, millel ei ole füüsilist aadressi.

Sotsiaalmeedia profiilid

Sotsiaalsete võrgustike nupud leidub üha enam kontaktistel. Selline lähenemine võib oluliselt suurendada saidi võimalusi, eriti kui klienditoe toimub 24/7 režiimis. Paljud mugavamad suhtlevad ettevõtte kaudu sotsiaalse võrgustiku kaudu, nii et tasub mõelda nii, et kasutajaga suhelda.


Page Kontaktide projekteerimine

Tõesti hea kontaktide leheküljed näitavad nende kujundajate kõrge kvalifikatsiooni. Ja kõige olulisem osa disainist on kontaktide lehe visuaalne stiil. Kontaktivormide puhul tähendab see suured väljad, mis muudavad andmete saatmise lihtsamaks. Kui vorm tundub ilus, see toimib paremini.

Enne disainilahenduse jätkamist peaks disainer teostama üksikasjaliku uuringu kliendi poolt esitatud kontaktandmete üksikasjaliku uuringu. Kõik elemendid peaksid lisaks olema hästi korraldatud, peavad need olema harmooniliselt ühendatud. Samuti tuleb meeles pidada, et kontaktleht peab vastama saidi värvilahendusele, et kasutaja oleks kindlasti identifitseerib saidi ja brändi.


Väljund

Kontaktide leht peaks alati olema nähtav. See kehtib mitte ainult põhileheküljele, vaid ka kõigi teiste lehekülgede kohta. Kontakti lehekülje konstruktsiooni tuleb meeles pidada, et kasutajad saavad ühendust veebisaidi omaniku või tugirühmaga, ainult nii, et kaart "Kontaktid". Sellisel juhul on edu võti mugavus ja lihtsus. Sa pead andma kasutajatele, mida nad tahavad. Kui kasutaja peab kohapeal oma isikuandmetele sisestama, on kõige parem seada põhiküsimused: nimi, perekonnanimi, e-posti aadress. Kontaktivorm ei tohiks sisaldada tarbetuid väljad. Samuti peate hoolitsema kontaktlehe kohandamisvõime eest - need tuleb kuvada mis tahes brauseris ja mis tahes seadmega. Kui kontaktleht on õigesti konstrueeritud, suurenevad oluliselt kasutajate eduvõimalused.

Adaptiivne paigutus Sait võimaldab veebilehti automaatselt kohaneda tablettide ja nutitelefonide ekraanidega. Mobiilne Interneti-liiklus kasvab igal aastal ja selle liikluse tõhusaks töötlemiseks, peate pakkuma kasutajatele kohanevaid saite mugava liidesega.

Otsingumootorid kasutavad mitmeid kriteeriume, et hinnata koha kohandamisvõimet mobiilseadmete vaatamise ajal. Google püüab lihtsustada interneti kasutamist nutitelefonide ja tablettide omanikele, märkides mobiilseadmete alade all kohandatud mobiilseadmete alade all mobiilne sõbralik.. Yandex töötab ka algoritmi, mis eelistab veebisaitide mobiilse otsingu kasutajatele mobiilse / adaptiivse versiooni abil.

Saate kontrollida mobiilseadmete lehekülje kuvamist teenuseid ja.

Joonis fig. 1. Mobile Yandex ja Google väljastab teadmiseks saidi sõbralikkus mobiilseadmetele

Mis on adaptiivne paigutus

Adaptiivne paigutus hõlmab horisontaalse kerimisriba ja skaleeritavate alade puudumist, kui vaatate mis tahes seadme, loetava teksti ja väikeste elementide suurte piirkondade vaatamisel. Meedia registe kasutamine saate juhtida leheküljel plokkide paigutust ja asukohta, taastades muster nii, et see kohanduks erinevatele seadmetele.

Peamised adaptiivse koha loomise peamised tehnikad on toodud artiklis. Jaoks reageeriv disain Saidi peamise konteineri laius on seatud%, samas kui see võib olla võrdne nii 100% brauseri akna laiusega kui ka vähem. Võrgu veergude laius on samuti seatud%. Sisse adaptiivne disain Peamise konteineri laius ja võrgukolonnid fikseeritakse PX väärtuste abil.

Selle õppetunni adaptiivne kummist paigutus toimib suurepäraselt kahe veeru mudeliga, muutes saidi kohanemisvõime ja mugava mobiilseadmete vaatamiseks. Malli eeldab lehekülgede peamise sisu teist paigutust selles õppetundis demonteeritakse Master lehel.

Põhilehe kapp

Lehekülg koosneb kolmest peamisest plokist: ülemine jalus (CaP), peamise sisu ja Sagebari ümbrise konteiner ja jalus (jalus). Projekteerimispunktide pöördepunktina võtke 768px ja 480px.

Esimeses punktis peidake ülemine menüü ja liigutage külgriba konteineri all postitustega. Teises punktis muudate päise elementide asukohta, tühistage positsioneerimine sotsiaalsete võrgustike nuppe postides ja tühistage voolu ümber lehekülgede veergude ümber.


Joonis fig. 2. Adaptilise paigutuse näide

1. Metagelett ja sektsioon

1) Lisa sektsioonile Nõutud failid on link kasutatud fonte, Jquery raamatukogu, samuti prefixfree plugin (mitte kirjutada omadusi brauseri prefikside):

Adaptiivne saidi paigutus

2. Lehekülg

Lehe päises

Asetage järgmised elemendid konteinerid:
Logo