Pagina de contact are o importanță deosebită, astfel încât proiectul său trebuie să acorde o atenție deosebită. Cu cât pagina de contact va fi mai convenabilă, cu atât mai multe caracteristici sunt deschise proprietarului site-ului. Pagina de contact, dacă este proiectată corespunzător, poate afecta factorul de conversie: dacă utilizatorul poate contacta cu ușurință managerul sau administratorul site-ului, el va primi o experiență pozitivă de interacțiune. Cu cât este mai ușor să existe un proces, cu atât utilizatorul este mai mic necesar pentru a umple câmpurile sau formularele, cu atât mai bine pentru conversie.
O pagină de contact bună poate îmbunătăți site-ul, deoarece vă permite să creați condiții pentru o bună relație între vizitatori și proprietarul site-ului. Nu contează ce va fi pentru site, poate fi un magazin online, portal de știri sau servicii web - feedbackul este extrem de important.
În ciuda acestui fapt, mulți designeri subestimează valoarea unei pagini proiectate corespunzător a contactelor, concentrându-se pe proiectarea de pagini cu conținut de bază.
Se întâmplă că utilizatorul trebuie să contacteze rapid proprietarul site-ului sau să contacteze asistența clienților. Cu toate acestea, nu se întâmplă nimic, chiar dacă utilizați site-ul de căutare. Uneori informațiile necesare sunt prezente pe site, dar este "ascunsă", deoarece designerul nu a avut grijă de navigația corectă, iar utilizatorul pur și simplu nu vede legătura dorită. Disperate Utilizatorul este gata să sune, dar nu-l găsește.
Companiile și serviciile web care acordă o atenție deosebită designului paginilor de contact sunt extrem de precaute. Doar pentru că această pagină nu conține pur și simplu informații de contact: conține informațiile de care aveți nevoie și este interactivă. Și, cel mai important, o pagină de contact bună încurajează din nou utilizatorul și re-interacționează cu site-ul.
Contacte de pagină Acesta este un fel de platformă pentru comunicare. Dacă proprietarul site-ului permite clienților să își exprime opinia, atunci aceasta este o invitație la dialog. Dezvoltatorii web și utilizatorii pot beneficia de această cooperare și din acest motiv trebuie să se proiecteze în mod corespunzător.
După cum știți, funcționalitatea în design este unul dintre factorii cheie. Pagina de contact conține informații importante, dar nu este prea mult încât uneori poate duce la o estimare eronată a funcționalității. Proprietarul site-ului crede că, dacă a postat o adresă de e-mail și telefon pe pagină, este destul de suficient. Uneori are dreptate.
Cu toate acestea, verificarea dublă a funcționalității poate aduce mai multe beneficii decât răul. Link-uri sau pagini dezactivate supraîncărcate cu informații - Toate acestea afectează interacțiunea. Proprietarul site-ului nu poate primi un mesaj important, dar cel mai rău va apărea dacă oferă informații învechite sau inexacte. Proiectarea mai întâi a paginii Contacte Trebuie să vă gândiți la utilizatori, deoarece în cele din urmă această pagină este creată special pentru ei.
Locație
Este necesar să vă asigurați că pagina de contact este întotdeauna disponibilă pentru utilizatori. Apariția site-ului, chiar dacă nimic nu înseamnă cu un design exclusiv, dacă utilizatorii nu pot găsi o pagină cu contacte. Uneori trebuie să proiectați formulare de contact complexe, deci trebuie să aveți grijă de instrucțiunile în avans. Acesta va fi mai ușor pentru ca utilizatorii să contacteze proprietarul site-ului dacă au ghid pas cu pas.
Pentru un designer care proiectează un site web, este important să ne amintim două puncte:
- Navigarea primară ar trebui să includă întotdeauna o pagină de contact.
- Utilizatorii trebuie să găsească o pagină a contactelor de la prima vizită la site, care dintre paginile interne pe care nu le-au primit
Judecând de experiența acumulată de designeri, utilizatorii tind să caute informații de contact din partea dreaptă a paginii, deci are sens să plasați un link "Contacte" exact acolo. Trebuie amintit că aceste informații au o valoare secundară pentru utilizator, deci nu merită să se facă această secțiune a site-ului prea vizibilă sau intruzivă. Cea mai bună legătură cu paginile cu contacte, situate în colțul din dreapta sus al paginii. Și, cu cât este mai rău link-ul cu meniul derulant, deoarece utilizatorii pot pur și simplu să nu observe.
Formulare simple de contact
Pentru site-urile comerciale, pagina de contact este foarte importantă, acest lucru a fost deja menționat mai sus. În ciuda faptului că este posibil să nu fie la fel de frumos ca și alte pagini de site, ar trebui să fie simplă, confortabilă și de înțeles. Dacă informațiile sunt structurate incorect, nu funcționează bine sau înșelătoare, este puțin probabil ca proprietarul site-ului să poată construi o relație pe termen lung cu clienții săi.
Se întâmplă adesea că utilizatorul care dorește să lase un mesaj părăsiți site-ul, deoarece nu poate umple formularul de contact. Sau nu dorește dacă este prea lung sau complicat. Astăzi, utilizatorii nu doresc să-și petreacă timpul pe completarea formularelor detaliate, deci merită să ne gândim la simplificarea lor. Cu cât este mai ușor să fie forma, cu atât mai bine, inclusiv pentru experiența utilizatorului, prin urmare, trebuie să vă concentrați asupra colectării informațiilor de bază.
Formularea exactă
Dacă vorbim despre site-uri oficiale, apoi despre toate paginile, inclusiv o pagină a contactelor, trebuie să respectați formulări clare și exacte despre beneficiile pe care utilizatorul le va primi, devenind client al companiei. Pentru ce este? Cultivați de toate informațiile excesive este cea mai eficientă modalitate de a atrage și de a reține. Datele frumos generalizate trebuie să fie scurte, astfel încât oamenii să poată găsi cu ușurință ceea ce au nevoie.
De asemenea, nu trebuie să uitați de componentele vizuale. Și nu numai despre designul atractiv al formelor de contact. Dacă compania are o adresă fizică, atunci puteți ajuta utilizatorii prin plasarea cardului pe pagina de contact. Pentru companiile aflate în orașele mari, este foarte important să se explice utilizatorilor, deoarece va fi mai convenabil să ajungă la biroul lor, un magazin sau un depozit.
Adaptabilitatea paginilor de contact
Pentru orice afacere pe Internet, reacția este tot. Aceasta este o regulă dificilă, fără excepție. Deoarece internetul se dezvoltă într-un ritm rapid și pe piață apar mai multe dispozitive noi, înseamnă că informațiile de contact ar trebui să fie disponibile indiferent de ce browser sau dispozitiv utilizează o persoană. Astăzi, pierderea într-o luptă competitivă este foarte ușoară - nu este suficientă pentru a optimiza pagina de contacte pentru a fi afișate pe dispozitivele mobile.
Componente integrate
Ce este mai bine: adresa de e-mail sau formularul de contact? Utilizatorii au nevoie de modalități simple de comunicare cu furnizorii de servicii de care aveți nevoie, deci trebuie să le întâlniți. Puteți pune accentul pe e-mail sau plasați formularul de contact - fiecare metodă are avantajele și Contra.
Formulare de contact
- Formular de contact nu ar trebui să forțeze utilizatorii să meargă la o altă pagină
- Formularul de contact nu este destinat să creeze un cont sau să se conecteze prin e-mail.
- Formularul trebuie să aibă o funcție automată dacă există o astfel de oportunitate
- Formularul de contact trebuie să funcționeze pentru a trimite mesaje și notificări.
- Comunicarea prin e-mail trebuie să fie sigură pentru utilizator
- Toate datele trimise sunt de dorit să se mențină pentru utilizare în viitor.
- Lucrul cu mesajele primite trebuie efectuate sistemic, trebuie, de asemenea, să aveți grijă de backup de date
Forma de validare
Formularele de verificare sunt importante atunci când trebuie să aflați mai multe despre utilizatorii site-ului. În plus, procesul de validare trimite într-un fel permisul în direcția cea bună, deoarece își pot atrage atenția pentru a intra în mod eronat în date sau câmpuri nefolosite. Astfel, formularul de verificare economisește timpul clientului, deoarece la sfârșitul procesului de umplere, persoana va fi cu fermitate cu fermitate că mesajul său va merge la adresa corectă.
Numere de telefon
Multe companii nu indică numerele de telefon pentru pagini de contact, deoarece ne temem că apelurile constante vor interfera cu fluxul de lucru. Cu toate acestea, ca în cazul cardului, numerele de telefon de pe pagina de contact măresc încrederea utilizatorului în brand, clienții se simt în siguranță, crezând că într-o situație dificilă va putea să contacteze un angajat al companiei și să discute problema. Numărul de telefon reduce distanța dintre proprietarul site-ului și utilizator, acest lucru se aplică atât companiilor tradiționale, cât și serviciilor online care nu au o adresă fizică.
Profile media sociale
Butoanele rețelelor sociale sunt din ce în ce mai gasite pe paginile de contact. Această abordare poate crește semnificativ capacitățile site-ului, mai ales dacă suportul clientului se efectuează în modul 24/7. Multe mai convenabile pentru a comunica cu compania printr-o rețea socială, deci merită să ne gândim la o modalitate de a interacționa cu utilizatorul.
Proiectarea paginilor de proiectare
Paginile foarte bune ale contactelor indică calificările înalte ale designerilor, care le-au proiectat. Și cea mai importantă parte a designului este stilul vizual al paginii de contact. În cazul formularelor de contact, acest lucru înseamnă câmpuri mari care facilitează trimiterea datelor. Dacă forma pare frumoasă, funcționează mai bine.
Înainte de a continua designul, designerul ar trebui să efectueze un studiu detaliat al tuturor informațiilor de contact furnizate de client. Toate elementele ar trebui să fie bine organizate, în plus, ele trebuie combinate armonios. De asemenea, trebuie amintit că pagina de contact trebuie să respecte schema de culori a site-ului, astfel încât utilizatorul să identifice cu siguranță site-ul și marca.
Ieșire
Pagina de contact ar trebui să fie întotdeauna în vedere. Acest lucru se aplică nu numai paginii principale, ci și tuturor celorlalte pagini de pagină. Designul paginii de contact trebuie să fie ținut cont de faptul că utilizatorii vor putea să contacteze proprietarul site-ului sau echipa de asistență, numai modul în care vedeți fila "Contacte". În acest caz, cheia succesului este confortul și simplitatea. Trebuie să oferiți utilizatorilor ceea ce doresc. Dacă utilizatorul trebuie să introducă datele sale personale pe site, este cel mai bine să setați întrebări de bază: numele, prenumele, adresa de e-mail. Formularul de contact nu trebuie să conțină câmpuri inutile. De asemenea, trebuie să aveți grijă de adaptabilitatea paginii de contact - acestea ar trebui afișate în orice browser și pe orice dispozitiv. Dacă pagina de contact este proiectată corect, șansele site-ului pentru succes în utilizatori sunt semnificativ în creștere.
Adaptive layout. Site-ul permite paginilor web să se adapteze automat ecrane de tablete și smartphone-uri. Traficul pe Internet mobil crește în fiecare an și pentru a procesa efectiv acest trafic, trebuie să oferiți utilizatorilor site-uri adaptive cu o interfață convenabilă.
Motoarele de căutare utilizează o serie de criterii pentru a evalua adaptabilitatea site-ului atunci când vizualizați dispozitivele mobile. Google încearcă să simplifice utilizarea internetului pentru proprietarii de smartphone-uri și tablete, menționând în emisiunea mobilă adaptată în cadrul site-urilor dispozitive mobile mobile-friendly.. Yandex funcționează, de asemenea, algoritmul care preferă site-urile cu o versiune mobilă / adaptivă pentru utilizatorii într-o căutare mobilă.
Puteți verifica afișarea paginii pe dispozitive mobile pe servicii și.
Smochin. 1. Mobile Yandex și Google emiterea cu o notă despre prietenia site-ului la dispozitive mobile Ce este un aspect adaptiv
Adaptarea aspectului implică absența unei bare de derulare orizontală și a zonelor scalabile atunci când vizualizați orice dispozitiv, text lizibil și zone mari pentru elemente clare. Folosind regiuni media, puteți controla aspectul și localizarea blocurilor de pe pagină, reconstruirea modelului astfel încât să se adapteze la diferite dimensiuni ale dispozitivelor.
Principalele tehnici de creare a unui sit adaptiv sunt prezentate în articol. Pentru designul receptiv Lățimea containerului principal al site-ului este setată în%, în timp ce poate fi egală cu ambele lățimi de 100% a ferestrei browserului și mai mică. Lățimea coloanelor grilajului este, de asemenea, stabilită în%. ÎN design adaptiv Lățimea recipientului principal și a coloanelor de rețea este fixată cu ajutorul valorilor din PX.
Structura de cauciuc adaptivă, luată în considerare în această lecție, va funcționa perfect pe un model cu două coloane, făcând site-ul adaptiv și convenabil pentru vizualizarea pe dispozitivele mobile. Șablonul presupune un aspect diferit al conținutului principal al paginilor, în această lecție va fi dezmembrată la pagina principală.
Dulapul paginii principale
Pagina este alcătuită din trei blocuri principale: subsolul de sus (cap), recipientul de ambalaj pentru conținutul principal și salvarul și subsolul (subsol). Ca punct de cotitură al punctelor de design, luați 768px și 480px.
În primul punct, ascundeți meniul de sus și mutați bara laterală sub container cu postări. În al doilea punct, veți schimba locația elementelor antetului, anulați poziționarea butoanelor rețelelor sociale în posturi și anulați fluxul în jurul coloanelor paginilor.
Smochin. 2. Exemplu de aspect adaptiv 1. Metagelet și secțiune
1) Adăugați la secțiune
Fișierele necesare sunt o legătură cu fonturile utilizate, biblioteca jQuery, precum și pluginul prefixfree (nu pentru a scrie pentru proprietățile prefixelor browserului):
2. Capacul paginii
În antetul paginii
Siglă ;
pentru a afișa / ascunde meniul principal
