„ Un design bun menține utilizatorul fericit, producătorul în negru, iar estetul neofensat. '
- Raymond Loewy
Schema de proiectare a site-urilor web
Navigarea pe internet și navigarea pe Internet au devenit o parte inseparabilă a vieții noastre astăzi. În fiecare zi am căuta „n” un număr de site-uri web pentru a cumpăra, căuta, explora și cumpăra servicii sau doar la Google. Ne oprim doar pe câteva site-uri web sau dorim să le vizităm în mod repetat.
Alții nu par prea atrăgători. Ei bine, un motiv major pentru vizitarea unui anumit site web de mai multe ori este aspectul designului site-ului web. Deși este un echilibru dur pentru a realiza o pagină web funcțională bine concepută și simplificată, merită mult efortul de a îmbunătăți experiența clientului.
S-a dovedit acum faptul că elementul care afectează încrederea presupusă a unui site web este designul său și nu conținutul introdus. O pagină web perfect concepută nu trebuie să depună eforturi în alte aspecte pentru a ține un vizitator pe pagina dvs. web. Designul UX și UI în tandem formează întregul aspect și funcționalitatea unei pagini web.
Stăpânul de a crea un design perfect al site-ului web este McDonald's. Au pus literalmente totul la loc, chiar și cum să așezeți murăturile. Așadar, ați dori să veniți și cu ceva la fel de bun sau chiar mai bun decât McDonald's.
Top 10 pași ai aspectului de proiectare a site-urilor web
Astăzi, vom afla mai multe despre primii 10 pași ai designului site-ului Web sunt prezentate mai jos:
- Aveți un logo proiectat profesional legat în mod corespunzător cu Prima pagină
- Utilizați o navigare intuitivă
- Evitați dezordinea și oferiți spațiului respirator pentru vizitatori
- Utilizați Culorile și Imagini în mod strategic pentru un web sensibil
- Alegeți fonturi care răspund web care sunt ușor de citit pe dispozitive și browsere.
- Fiecare pagină ar trebui să fie proiectată ca o pagină de destinație
- Creați întotdeauna un design receptiv, adaptiv la toate dispozitivele
- Folosiți HTML5 în loc de Flash
- Butoanele Trimitere sau Trimitere ar trebui să fie atrăgătoare
- Nu uitați să vă testați designul
„Viața este conversațională. Aspectul de proiectare a site-urilor web trebuie să fie același mod. Pe web, vorbești cu cineva pe care probabil nu l-ai întâlnit niciodată, așa că este important să fii clar și precis. Astfel, o structurare a navigării și a organizării de conținut web bine structurată merge mână în mână cu o conversație bună. ”
- CHIKEZIE EJIASI
(Un tweet de pe Twitter)
-
Aveți un logo proiectat profesional legat în mod corespunzător cu Prima pagină
Primul lucru identificat al companiei de design de site-uri web este logo-ul său. O pagină web cu un logo conceput profesional atrage clienții săi mai mult decât un logo plin de flash. Un logo formează identitatea mărcii pentru o firmă sau un site web.
Ar trebui să faceți întotdeauna un punct să utilizați imagini de proiectare a site-ului web de înaltă rezoluție pentru logo. imaginile de proiectare a site-urilor web trebuie să fie întotdeauna afișate în colțul din stânga sus al fiecărei pagini a site-ului. De asemenea, amintiți-vă de regulile bune și vechi de a conecta toate logo-urile de pe site-ul dvs. la pagina dvs. de pornire pentru o modalitate ușoară de a vizita pe site-ul de navigare pentru clienții dvs.
-
Navigare de design de site-uri web
V-ați întrebat vreodată de ce săriți de la atâtea pagini web și să vă mențineți doar pe una sau două? Acest lucru se datorează faptului că clienții nu suportă să creeze un site web complex. În schimb, ei părăsesc pagina și trec la următoarea.
Acesta este motivul principal pentru care navigația intuitivă este atât de importantă. Opțiunile principale de navigare pentru proiectarea site-urilor web ar trebui să fie de obicei implementate în bara de meniu orizontală din partea de sus, cu barele de navigare secundare sub el sau sub marginea stângă a paginii.
De asemenea, acordați atenție punerii de link-uri doar în locurile necesare care nu distrag clienții de la apelul dvs. la acțiune sau informațiile cele mai importante.
-
Evitați dezordinea și acordați spațiului de respirație pentru clienți
Folosirea prea mare a graficii sau supraîncărcarea imaginilor dintr-o pagină tinde să creeze un dezordine. Imaginile de proiectare a site-urilor web sunt mediul important de înțelegere, dar supraîncărcarea vizuală a imaginilor oprește procesarea informațiilor din creier.
Clienții se confundă când se confruntă cu prea multe aspecte de design a site-ului. Pentru a minimiza dezordinea pe paginile de destinație, limitați numărul de legături și opțiuni din antet și subsol. Un alt mod de a eficientiza paginile este păstrând scurt paragrafele.
scurt înseamnă nu mai mult de cinci până la șase rânduri, deoarece clienții tind să își piardă interesul de a privi un text foarte lung. Există o altă regulă generală a unei bune machete de proiectare a site-ului web, adică pentru a oferi spațiu de respirație clienților.
Acest spațiu poate fi creat lăsând suficient spațiu între alineatele și imaginile de design ale site-ului web, astfel încât spectatorul să respire și să absoarbă mai multe funcții și oferte ale site-ului dvs. Pe măsură ce web-ul receptiv devine mai competitiv în fiecare zi, mai puțin este considerat a fi mai mult acum.
Utilizarea controlată a spațiului alb în toată aspectul va menține concentrarea utilizatorilor asupra conținutului și va crește experiența utilizatorului. Fluxul de utilizator controlat va crește randamentul de pe site-ul web.
-
Utilizați Culori și Imagini Strategic pentru Web Responsive
Pentru a prezenta o pagină web modernă, liberă și elegantă, încercați să folosiți mai ales o paletă de culori neutră. Pentru ca concurența să devină acerbă, utilizarea unor mici linii de culoare pentru titluri și grafică cheie vă va ajuta vizitatorii să se mențină pe pagina dvs. web și să acorde atenție celor mai importante detalii. Utilizați întotdeauna o paletă de culori care să vă completeze sigla și ar trebui să fie în concordanță cu alte garanții de marketing.
Încercați să investiți în fotografie sau în achiziționarea de imagini profesionale, deoarece vizitatorii de pe pagina web scot imagini generice dintr-un ochi. Imaginile de design a site-ului web vor lăsa o impresie generică a companiei tale.
Imaginile de stoc profesioniste sau o fotografie bună vor atrage atenția asupra conținutului și vor crea imediat o conexiune emoțională. Doar pentru a cita un exemplu - dacă doriți să atrageți atenția vizitatorului asupra unei anumite informații sau să apelați la acțiune, atunci folosiți o față umană care privește în direcția respectivă sau un deget îndreptat acolo.
Doar pentru că, un om tinde să privească în aceeași direcție în care se uită cealaltă persoană. Atât culorile, cât și imaginile de design pentru site-uri trebuie să fie selectate astfel încât să se încadreze în toate site-urile responsabile - mobil, tablete, laptop etc.
Cursuri recomandate
- Programul HTML și HTML5
- Formare certificare testare software
- Curs online pe Drupal 7
- Drupal 7 Cursuri de programare
-
Alegeți Fonturi cu răspuns web
Dacă web-ul răspunde, ar trebui să faceți un punct să alegeți fonturi potrivite pentru toate browserele, fie că este un laptop, o tabletă sau un telefon mobil.
Dacă alegeți un font la scară largă, este posibil ca aceștia să citească bine pe un laptop, dar să nu se redea bine pe un mobil pierzându-și aspectul și aspectul. Alegeți întotdeauna o caractere care poate fi citită ușor cu dimensiunea nu mai puțin de 11pt.
Dacă alegeți fonturi web, nu utilizați mai mult de 2 familii de fonturi pentru a asigura timp de încărcare rapidă. Pentru un design cu lățime fixă, utilizați un font care permite maximum 15 până la 20 de cuvinte într-o linie și într-un design fluid, utilizați un font care permite 15-20 cuvinte la 1000 pixeli lățime.
-
Fiecare pagină ar trebui să fie proiectată ca o pagină de destinație
Designerii web proiectează, în general, își proiectează site-urile web presupunând că un vizitator intră prin pagina de pornire și apoi trece la paginile de destinație. Dar, faptul este puțin diferit. Majoritatea vizitatorilor aterizează pe o altă pagină decât Pagina principală pentru majoritatea site-urilor.
Deci, ideea cheie este să păstrați toate informațiile majore pe toate paginile de destinație și aspectul designului site-ului, astfel încât vizitatorul să nu fie nevoit să caute informații importante.
-
Creați întotdeauna un design receptiv, adaptiv la toate dispozitivele
În această lume aglomerată, când nu ai timp să mănânci corect, de ce trebuie să proiectezi un site diferit pentru fiecare dispozitiv. Economisiți timpul și energia prin proiectarea site-ului receptiv care se adaptează dimensiunii browserului în funcție de dispozitivul utilizat.
Un site receptiv ține, în general, atenția vizitatorului pentru o lungă perioadă de timp, crescând probabilitatea ratelor de conversie.
-
Folosiți HTML5 în loc de Flash
Flash acum este învechit și se încheie cu disputa în curs între Apple și Adobe. Deci, designeri! Ieșiți din bandă și încercați mai multe opțiuni web și ușor de utilizat.
HTML5 câștigă popularitate datorită textului său prietenos pentru motoarele de căutare și funcționalității sale ușoare pe sistemele de operare mobile fără a necesita un plug-in, spre deosebire de Flash.
-
Butoanele Trimitere sau Trimitere ar trebui să fie atrăgătoare
Butonul „Trimite” sau „Trimite” din partea de jos a unui formular Web este cel mai important apel la elementul de acțiune de pe o pagină web. Dar poate fi și cea mai urâtă parte, așa că designerii trebuie să creeze butoane de depunere a formularului, „așa că vizitatorii plăcuți nu se pot abține să facă clic pe aceștia.
Trebuie doar să facă clic pe ea. Aceste butoane de apel la acțiune pot fi interesante în multe feluri, cum ar fi atunci când un vizitator mută mouse-ul peste butonul de apelare la acțiune, ar trebui să schimbe culoarea, gradientul, opacitatea sau tratamentul fontului pentru a vă atrage atenția într-o fracțiune de secunde.
Dar, aveți grijă și de faptul că exagerarea a orice este rea. Ar trebui să fie conic până la momentul în care pare atrăgător, altfel poate avea un impact invers.
-
Nu uita să îți testezi designul
O decizie de proiectare este doar o ipoteză. Ești cea mai bună persoană pentru a decide ce arată bine pe pagina ta web. Optimizarea unei pagini web prin încercarea de plasare diferită pentru butoanele de apelare la acțiune sau folosirea diferitelor nuanțe de culoare, poate avea un impact mare asupra paginii tale web. Testarea utilizatorului. Testarea A / B și analiza vă pot ajuta să improvizați pe pagina web.
Iar adevărata improvizație vine de la oameni. Luați feedback-ul și puneți-l în aplicare până când arată bine. Doar pentru a cita un exemplu despre importanța testării proiectării dvs. - Microsoft a obținut o dată venituri suplimentare de 80 de milioane de dolari doar prin testarea și implementarea unei nuanțe specifice de albastru. Deci nu știi niciodată când designul tău te poate face să generezi profituri uriașe.
Aceste mici probleme ar putea părea atât de nesemnificative și evidente, dar sunt adesea anunțate pe versiunea live a paginii web. Până în prezent, afacerea a pierdut deja un procent minor din veniturile potențiale din perspectivele sale.
Cu mai multe platforme disponibile astăzi, generarea de momente „WOW” din modelele UX și UI ale unui site web nu este mare lucru. Este nevoie de eforturi puțin angajate și de un pic de creativitate pentru ca toți vizitatorii să spună WOW după ce au ajuns pe pagina dvs. web.
Deci, modul perfect de a proiecta o pagină web este să gândești. ReThink. Învăța. Află din nou. Nu folosiți niciodată același concept. Cunoaște-ți nevoile clientului și apoi … începe-ți designul.
Modificarea practicii de proiectare poate avea un efect uriaș asupra ratelor de implicare și de conversie, formând o experiență intuitivă a utilizatorului, care îți va dezvălui profesionalismul în timp ce furnizează ceea ce oamenii doresc și au nevoie într-o manieră vizuală.
Articole similare:-
Acesta a fost un ghid pentru aspectul site-ului de design. Aici am discutat despre primii 10 pași ai aspectului de proiectare a site-urilor web. De asemenea, puteți consulta următoarele articole-
- 10 Mod eficient de a utiliza utilizatorii Adobe InDesign
- 8 Orientări utile pentru a deveni HTML5 vs Flash
- 5 modalități eficiente de a conduce traficul organic pe site-ul dvs. web
- Cum să creați o machete de site curat în Photoshop
- Lista cu câteva erori de pe site-ul web și cum să le remedieze ușor
- 5 Greșeli de configurare a site-ului web de care trebuie să fiți conștienți
- Ce să preferi Drupal sau Joomla
- Drupal 7 vs Drupal