Peste 25 de principii moderne de design web pentru conversii mai mari

Din multitudinea de site-uri existente, formularea unuia eficient poate fi o sarcină plictisitoare. Amintiți-vă că consumatorii își investesc timpul în cumpărături/comandă pe site-urile de comerț electronic, în învățare, educație și, bineînțeles, în timpul liber. Prin urmare, este ușor să respingi pe cineva care aterizează fără să bănuiască pe un site prost proiectat. Acum este momentul să implementăm principii durabile pentru a revizui sau a crea un site grozav. Aici vom explora principiile moderne de design web.

Designul web este o artă creativă, dar urmează câteva linii directoare pentru rezultate ideale. Pentru ca afacerea dvs. online să reușească, aveți nevoie de un site web bine conceput. Un site care este navigabil, atrăgător din punct de vedere vizual, accesibil și oferă informații relevante. Proiectarea unui site web poate fi puțin mai dificilă din cauza mai multor opțiuni de design web. Cu toate acestea, de multe ori trecem cu vederea principiile moderne de design web, ajungând astfel la un design slab. Iată principalele principii de design web care vă vor face site-ul mai ușor de utilizat, captivant, atractiv și mai eficient. Să vedem ce trebuie să facem pentru a realiza acest lucru...

#1. Ce încerci să obții?

Mesajul și îndemnurile unui site (CTA) sunt imperative pentru a vă îndeplini obiectivul general. Scopul tău ar putea fi orice, de la achiziții de marketing, împărtășirea experienței tale sau formare. Atrageți atenția oamenilor cu o frază captivantă sau în câteva propoziții - ce faceți exact. Acest proces nu este spontan, ci mai degrabă ar trebui să fie planificat în mod coerent în funcție de cauza dumneavoastră. Urmează apoi un set metodic de material. Puteți reafirma acest lucru calculând publicul țintă, analizând informațiile necesare și cum le veți prezenta. Înțelegerea datelor demografice și a respingărilor vă va ghida crearea site-ului.

Tactici specifice de marketing vă pot ajuta să vă depășiți rivalii, în timp ce designul dvs. are un înțeles larg. Furnizarea de conținut vizual atractiv și captivant vă va proiecta site-ul într-o lumină strălucitoare. Acest lucru atrage în mod colectiv alți vizitatori și adaugă valoare mărcii dvs.! Aceasta este ceea ce se numește principii de design web.

#2. Conținutul transmite sens

Conținutul dvs. scris și cadrul general al materialului ar trebui să adauge de fapt valoare site-ului dvs. Ar trebui să completeze marca dvs. și să cuprindă un limbaj natural care este atât convingător, cât și ușor de înțeles. Ar trebui să fie logic, dar succint. Proza de fidelitate ar încuraja CTA-urile ghidate împreună cu implementarea SEO temeinică. Scrieți într-o manieră conversațională cu cuvinte cheie pentru a vă informa publicul despre ceva semnificativ. Aplicați conținut real încă de la început pentru o mai bună înțelegere pentru a rămâne concentrat pe tot parcursul procesului.

#3. Elementele vizuale mențin angajamentul

Toate aspectele designului trebuie să îmbibă și să prezinte imaginea mărcii dvs. Fie că este vorba de imagini sub formă de imagini, grafice sau chiar videoclipuri, toate acestea moderează conținutul text rămas. Aceste pauze ajută ochii privitorului să respire literalmente, în loc să fie acoperiți de proză continuă și din ce în ce mai monotonă. O imagine figurativă sau idealistă este o modalitate excelentă de a începe, în timp ce tranzițiile animate și efectele activate de defilare atrag interesul și curiozitatea de a continua navigarea. Prin creșterea ratei de retenție, accesibilitatea fiecărei pagini web poate fi exploatată pe deplin în avantajul cuiva, promovând o experiență interactivă.

Indiferent de stilul unui brand, elementele vizuale ar trebui să vă revitalizeze designul și să facă ca ocuparea lor să merite. Practic, orice tip de domeniu de afaceri poate deveni creativ cu acestea, rămânând în același timp relevant. Amintiți-vă doar că acestea ar trebui să fie de înaltă fidelitate și prezentabile (absorbând principii bune de design web). Implementarea imaginilor clare, cu rezoluție clară, cu culori, care sunt scalate corespunzător, face întotdeauna o combinație câștigătoare pentru clienți.

#4. Modelele sincrone strălucesc

Toate aspectele cheltuielilor dvs. ar trebui armonizate, inclusiv codarea HTML și CSS. Design-urile sinergice în ceea ce privește dimensiunea, forma și locația unifică toate o cauză comună. Acest lucru promovează experiența utilizatorului, deoarece chiar și o inconsecvență poate arunca pe oricine, făcând toate celelalte eforturi în zadar. Nici nu doriți ca vizitatorii să sară, supărând probabilitatea unui clasament Google mai ridicat?

Un designer ideal creează caracteristici ergonomice și aplică fonturi, elemente vizuale și căi de navigare captivante. Toate acestea sunt apoi sinergizate, dar echilibrate pentru a evita publicul copleșitor și pentru a păstra concentrarea asupra punctului principal.

Accesibilitatea și ponderea fiecărui element sunt ambele aspecte importante pentru orice site bine creat, alături de tema generală. Principiile eficiente de design web ajută la sincronizarea tuturor elementelor, producând o capodoperă unificată. Ghidul de brand și un ghid de stil de viață formulează ambele un conținut explicativ cu o experiență vizuală, întrețesut cu modificări configurabile și instantanee.

#5. Tipografia conturează impresia

Tipografia vă canalizează gândurile prin cuvinte, stiluri de caractere și forme. Transmite vizual un sens mai profund. Fonturile trebuie să se potrivească atât cu aplicația, cât și cu tonul designului. Fonturile cursive sunt potrivite pentru titluri sau scopuri decorative, totuși nepotrivite pentru text voluminos.

Fonturile neadecvate pot subestima conținutul semnificativ – mai ales atunci când sunt reale, deoarece tonul vocii contează! Designul poate fi fie convențional, fie personificat. Citirile mai lungi beneficiază de obicei de primul stil standard, în timp ce cel din urmă ar trebui aplicat cu atenție, dacă nu cu moderație. Ideea este că textul dvs. ar trebui să rămână întotdeauna lizibil, indiferent de fontul pe care îl puteți utiliza. Pentru un site web grozav, aveți nevoie de o interfață de utilizare excelentă pentru site-ul web. Și pentru a construi o interfață excelentă pentru site-ul web, aveți nevoie de cele mai bune fonturi. Prin urmare, utilizați fonturi pentru tatuaje pentru a vă face site-ul mai atractiv.

#6. Organizați-vă pentru a unifica

Conținutul ar trebui să fie coerent și clasificat, conducând cititorii către un rezumat stabilit, care urmează secvenţial. Acesta este doar unul dintre cele mai bune principii de design web. Fiecare propoziție trebuie să se extindă asupra mărcii și obiectivului dvs. de a menține pe toți implicați. Etichetele de antet necesită aplicare pentru a organiza conținutul și pentru a ajuta crawlerele web în clasarea site-ului dvs. pentru căutări web. În cazul în care nu aveți tot conținutul finalizat înainte de a iniția un design, puteți încă implementa anteturi ca schele pentru creația dvs. Acest lucru se aplică și elementelor vizuale prin definirea secțiunilor cu imagini și grafice care susțin conținutul scris existent.

#7. Echilibrează spațiul alb

Spațiul alb, butoanele și alte elemente de design vizual ajută toate imaginile și conținutul să fie evidențiate și să mențină eficacitatea (aproape asemănătoare punctuației virtuale). Acesta este, de asemenea, denumit „spațiu negativ” și formează un element imperativ al oricărui design funcțional. Nu uitați care sunt principiile de design web și cum implementarea lor poate îmbunătăți site-ul dvs.. Scrierea dvs. poate deveni într-adevăr complicată fără acest lucru.

#8. Prioritizarea vizuală face accesibilitatea o briză

Ierarhia vizuală a navigării site-ului dvs. ar trebui să vă permită să vă accesați cu ușurință conținutul. În mod evident, niciun conținut nu trebuie trecut cu vederea, totuși barele de meniu, butoanele și linkurile interne necruțătoare vor uimi oamenii. Rutele și conținutul secțiunii site-ului dvs. ar trebui să fie succinte și convenabil de utilizat. Acestea sunt doar câteva dintre principiile de design pentru site-uri web. Uneori, mai puține alegeri sunt cele mai bune!

#9. Fii sincer

Unele mărci funcționează numai pe acest principiu – doar proiectați care este cu adevărat produsul sau serviciul dvs. (ceea ce vedeți este ceea ce obțineți). Acest lucru dă putere în sine. Fiți autentici și includeți material real plus recenzii, în caz contrar, consumatorii vor vedea prin el și vor pleca. Integritatea are multă valoare și este, din păcate, subestimată.

#10. Design receptiv

Aceasta sta la baza fundamentelor creării site-ului, care ar trebui să fie compatibil cu orice dispozitiv (fie acesta de tip fix sau mobil) – indiferent de dimensiunea afișajului. Acest suport extins cu toate raporturile de aspect (înălțime/lățime) este imperativ, mai ales cu utilizarea sporită a smartphone-ului și accesul ulterior. Odată cu apariția navigării pe mobil, trebuie să vă asumați sarcina de a oferi un site care să răspundă acestei nevoi. Ar trebui să fie agnostic hardware-ul de marcă și sistemul de operare pentru a satisface nevoile fiecărui utilizator. De ce ar trebui să fie marginalizat sau dezavantajat orice demografie în acest fel?

Aspectele includ:

• Optimizarea imaginii
• Faceți clic pe butoanele pe ecrane mai mici pentru o ergonomie mai bună
• Proiectați mai multe prototipuri
• Încercați să acordați prioritate unei fundații bazate pe mobil ca un cadru pe care să vă construiți

Pentru modele ideale, de ce să nu încercați această abordare modulară:
Înțelegeți →Explorați →Prototipul →Evaluați

Pentru a lucra la un protocol dedicat mobil, îndepliniți următoarele:

• Comprimarea materialului și evidențierea informațiilor imperative pe ecran
• Dimensiunea potrivită a fontului
• Elemente interactive îmbunătățite
• Apreciază clienții exprimându-ți dorința pentru ei
• Client Squish Media (menține raportul de aspect în timpul creării)

O aplicație de design mobil receptivă exemplară este Towards Data Science.

#11. Interfață de utilizare ergonomică

O interfață cu utilizatorul este ceea ce utilizatorul interacționează cu sistemul – pielea pe care o vede și o simte. Acesta conectează sistemul la utilizator. O interfață de utilizare bine concepută promovează implicarea suplimentară, reținerea, revizuirile și, desigur, durata petrecută. Este responsabilitatea designerului să revitalizeze această cheltuială și să o mențină simplă. Iată câteva îndrumări despre cum să realizați acest lucru:

• Folosește bine tot spațiul
• Aplicați fonturi și culori stabile
• Eliminați conținutul redundant
• Abțineți-vă de la informații secvențiale necruțătoare

Pentru a face ceva intuitiv, relaționați-l cu experiențele proprii ale utilizatorilor. Designul analogic împreună cu aceste întrebări înainte de a face acest lucru va ajuta:

• Cine vor fi utilizatorii?
• Ce tip de muncă vei face?
• Unde (în ce etapă) va avea loc interacțiunea?

Trebuie să optimizați interacțiunile pe care utilizatorii le au cu produsul lor, pentru a corespunde activităților și cerințelor lor. De exemplu, Gmail convențional de la Google are un design robust, care vă permite să identificați la distanță fiecare funcție conform unui simbol marcat (mai degrabă decât titluri sau etichete text). Prin urmare, puteți face același lucru și pentru site-ul dvs.

#12. Performanță: receptiv la fulger

Fii inteligent și implementează un site perfect rapid pentru a păstra abonații. Utilizați instrumentele disponibile în comerț pentru a măsura viteza site-ului dvs., cum ar fi Instrumentele Pingdom. Înainte de actualizare, puteți izola cu precizie orice probleme (poate o anumită pagină sau secțiune) și să le remediați în funcție de rezultatele returnate. Tehnicile de creștere a performanței includ:

• Comprimarea fișierelor și optimizarea imaginii
• Folosiți textul ca înlocuitor, mai degrabă decât imagini excesive
• Minimizați solicitările HTTP

#13. Abțineți-vă de la „Alerta/Dialoguri” inutile

Nu inundați niciodată utilizatorii cu dialoguri inutile ca răspuns la executarea oricărei acțiuni pe site (de exemplu, presupunând că un vizitator încearcă să facă o plată). Afișați astfel de notificări numai atunci când există o tranzacție reală (ne)reușită. Evitați în timpul introducerii detaliilor de plată și concentrați-vă doar pentru a le informa sau a alerta asupra unui rezultat. Este ideal să le cereți consimțământul înainte de a face acest lucru cu orice mesaj.

Fii atent la:

• Includeți doar informații relevante într-o alertă pentru ca aceasta să merite și, în caz contrar, eliminați-le atunci când nu sunt necesare
• Nu trimiteți spam utilizatorilor cu astfel de alerte și nu-i prindeți efectiv într-o buclă

#14. Încercați să reduceți erorile 404 sau 500

La proiectarea unui site, faceți acest lucru cu toate paginile, caracteristicile și funcționalitățile. Acest lucru evită să aveți link-uri și imagini rupte, funcții incomplete și multe altele. În special, site-ul nu ar trebui să aibă erori 404 sau 500 și orice link rupt ar trebui să aibă o pagină 404 decentă. Evident, încercați să evitați acest eveniment cu orice preț, totuși, aceasta va compensa cel puțin orice daune (oarecum). Site-ul GitHub, de exemplu, este ideal cu 404-urile sale animate și scuze.

Proiectați paginile astfel încât, în ciuda faptului că utilizatorul ajunge pe o pagină de eroare 404, trebuie să navigheze și să se întoarcă la pagina de pornire, de exemplu. A le oferi opțiuni alternative este cea mai bună cale de ieșire.

#15. Compatibil cu dispozitivele mobile

În zilele noastre, site-urile pot fi accesate de pe mai multe dispozitive și afișate folosind mai multe dimensiuni de ecran, prin urmare optimizarea și ergonomia mobile sunt cheia. Va trebui să vă reproiectați site-ul cu un aspect receptiv (pentru ajustarea automată la diferite lățimi ale ecranului). Alternativ, creați un site mobil dedicat, independent de versiunea desktop și optimizat exclusiv pentru dispozitive mobile.

#16. Faceți apeluri la acțiune acolo unde vizitatorii le pot vizualiza cu ușurință

Utilizatorii de dispozitive mobile pot trece cu ușurință cu vederea elementele din meniu, prin urmare, plasează tastele îndemnurilor în mod strategic, acolo unde le pot vedea cu ușurință. Când utilizatorii ajung pe site-ul dvs., în mod normal au de îndeplinit o sarcină specifică. Aceștia pot îndeplini mai ușor sarcini pe site-urile web care afișează chei de îndemnuri (cum ar fi efectuarea unei plăți, găsirea unui agent sau autentificarea) în corpul principal. Sarcinile minore pot fi accesate prin meniuri.

#17. Evitați meniurile lungi

Un meniu lung ar putea funcționa bine pentru site-urile desktop, totuși utilizatorii de telefoane mobile ar putea să nu aibă răbdarea de a parcurge o listă largă de opțiuni pentru a găsi ceea ce caută. Fă-l cât mai dulce și scurt posibil.

#18. Ar trebui să fie mai ușor să reveniți la pagina de pornire

Când vizitatorii navighează printr-un site web, au nevoie de o modalitate ușoară de a reveni la pagina de pornire. De exemplu, ar putea dori să înceapă o nouă sesiune de navigare sau să revină pentru a efectua o altă căutare. Ar trebui să faceți posibil ca vizitatorii să fie redirecționați înapoi la pagina de pornire atunci când ating sigla din partea de sus a paginii web.

#19. Nu lăsați publicitatea să fure spectacolul

Prea multe reclame și promoții pot fi o pacoste. Acestea pot umbri conținutul web cu care sunt adiacente și pot face dificilă îndeplinirea sarcinilor clienților. De exemplu, un banner publicitar mai mare poate distrage atenția utilizatorilor și chiar îi poate face să rateze tastele de navigare, îngreunându-le astfel accesul la alte servicii. Puteți folosi bannere publicitare ușor de respins pentru a nu distrage atenția vizitatorilor de la experiență.

#20. Faceți bara de căutare pe site vizibilă

Utilizatorii care caută anumite informații apelează în mod normal la bara de căutare – astfel încât bara de căutare ar trebui să fie clar vizibilă. Ar trebui să poziționați bara de căutare în partea de sus a paginii dvs. de pornire.

#21. Rezultatele căutării pe site ar trebui să fie relevante sau să ghideze potențialul client spre rezultate mai bune ale căutării pe site

Rezultatele căutării ar trebui să fie relevante, oferind clienților cea mai bună soluție, astfel încât aceștia să nu fie nevoiți să răsfoiască mai multe pagini pentru a găsi ceea ce caută. Ușurează viața vizitatorilor, oferind funcții moderne de căutare inteligentă, cum ar fi un verificator ortografic, completare automată, oferind potriviri similare și sugerând termeni de căutare.

Pentru site-urile care deservesc diverse segmente de clienți, este bine să puneți câteva întrebări unui vizitator înainte de a efectua căutări pentru a vă asigura că obțin rezultate din segmentul de conținut excelent. De exemplu, un mare comerciant de haine poate permite utilizatorilor să înceapă căutările, punându-le să selecteze sexul și mărimea hainelor pe care o caută.

#22. Utilizați filtre pentru a ajuta utilizatorii să-și restrângă rezultatele

Mulți vizitatori s-au bazat pe filtre pentru a efectua căutarea și, de fapt, părăsesc site-uri care nu reduc volumul. Prin urmare, luați în considerare oferirea utilizatorilor cu filtre ușor de utilizat pentru a-i ajuta să obțină rezultate relevante într-o perioadă scurtă de timp. În plus, nu îngropați filtrul în partea de jos a paginii web. Utilizatorii nu trebuie să deruleze în jos până la sfârșitul rezultatelor căutării înainte de a putea filtra din nou.

#23. Reduceți timpul de încărcare

Nimănui nu-i plac site-urile care durează mai mult timp să se încarce. Puteți face paginile dvs. web să se încarce mai rapid prin optimizarea dimensiunilor imaginilor, combinând codul într-un fișier JavaScript sau utilizând CSS central (acest lucru minimizează solicitările HTTP, accelerând astfel timpul de încărcare.

#24. Faceți-l ușor de utilizat

În zilele noastre, oamenii accesează site-uri folosind mai multe dispozitive cu dimensiuni diferite de ecran, așa că este vital să vă faceți site prietenos pentru dispozitivele de căutare. Dacă site-ul dvs. nu este prietenos cu dispozitivele de căutare, puteți fie să-l reconstruiți folosind un aspect receptiv (acesta unul dintre cele mai actuale principii de design web), astfel încât să îl faceți ajustabil la diferite dimensiuni de ecran, fie să creați un site web mobil dedicat (un mobil separat site optimizat special pentru clienții mobili).

Navigarea pe site ar trebui să fie mai ușoară. Acesta este ceea ce permite utilizatorilor să vadă rapid informații suplimentare, cum ar fi pagini sau link-uri, fără a se pierde sau frustra.

#25. Alegeți Culori potrivite

Asigurați-vă că combinația de culori pe care o alegeți este plăcută la vedere. Utilizarea corectă a culorilor îmbunătățește experiența utilizatorului. O anumită culoare poate încorda ochii utilizatorilor, îngreunându-le astfel navigarea. Culorile contrastante sunt bune pentru corpul textului și fundal, deoarece fac citirea mult mai ușoară. Cele complementare creează un echilibru perfect. Culorile vibrante sunt descurajatoare, deoarece creează emoție, totuși pot fi folosite cu moderație (de exemplu, pentru butoanele de apel la acțiuni). Spațiul alb este eficient pentru a oferi unui site un aspect neaglomerat.

Ca principiu general, ar trebui să evitați plasarea textului de culoare deschisă pe fundal întunecat. Culoarea fundalului site-ului dvs. ar trebui să fie puțin mai deschisă decât textul, pentru a-l face mai lizibil.

În plus, utilizați dimensiunea și stilul potrivite de font. Selectați text și dimensiunea fontului care să fie ușor de citit. Un site cu texte imposibil de citit și o combinație slabă de culori descurajează utilizatorii să se întoarcă.

#26. Utilizați imagini de înaltă calitate

Selectarea fotografiilor potrivite pentru site-ul dvs. este utilă atunci când vine vorba de poziționarea mărcii și de atragerea publicului țintă. Puteți lua în considerare achiziționarea de imagini profesionale de înaltă calitate pentru a îmbunătăți aspectul site-ului dvs. Luați în considerare, de asemenea, utilizarea videoclipurilor, graficelor și infografice, deoarece acestea sunt mai eficiente în comunicare.

#27. Încorporați widget-uri de rețele sociale

Utilizați widget-uri de rețele sociale pentru a vă conecta site-ul la mai mulți utilizatori. Permiterea accesului prin Twitter, Facebook, Instagram și alte platforme de social media oferă vizitatorilor mai multe opțiuni pentru accesarea site-ului dvs.

Dezvoltarea și proiectarea unui site eficient necesită mult mai mult decât doar colectarea de informații. Ar trebui să fie ușor accesibil, atrăgător din punct de vedere vizual, captivant și mai ușor de utilizat. Aplicarea principiilor de web design de către un web designer profesionist poate rezolva mai multe probleme care reprezintă obstacole în calea succesului afacerii dvs. online.

Perspectivele experților despre tendințele și strategiile moderne de design web

Alex Cohan

Fondator și CEO al Offen

Nu vă fie teamă să vă inspirați dintr-un design care vă place deja

Există cu siguranță o linie între a fi inspirat și a copia, dar a lua notă de anumite lucruri care sunt făcute corect nu este o crimă. Paleta de culori a unei mărci, de exemplu, poate fi o combinație minunată, dar nu veți lua acele culori exacte și le veți aplica pe designul dvs. Mai degrabă, puteți privi relația dintre culori și puteți determina ce le face să funcționeze atât de bine împreună.

Transmite scopul principal cât mai repede posibil

Ai doar câteva secunde pentru a capta atenția cuiva pe site-ul tău. Mulți oameni nici măcar nu vor ajunge în partea de jos a paginii dvs. de pornire dacă simt că nu au găsit ceea ce căutau. Oricare ar fi sosul tău special, anunță utilizatorul cât mai curând posibil.

Obțineți feedback

Site-ul tău web nu este tocmai pentru tine; Este pentru publicul/clientul dvs. Ca și în cazul oricărui produs, obțineți feedback de la alții pe măsură ce îl construiți, pentru a vă asigura că este captivant și eficient așa cum credeți că este. Cea mai bună modalitate de a afla despre propriul tău produs este să-l împărtășești cu publicul țintă și să-l urmărești interacționând cu el fără nicio asistență din partea ta. Puteți să-i vedeți blocați în ceva sau să rateze complet o funcție/secțiune pe care ați implementat-o. Cel mai bun design nu vine întotdeauna de la prima încercare.

Stacy Caprio

Fondatorul Her.CEO

Design pentru Mobile First

Un sfat de design web este să proiectați mai întâi pentru mobil. Încercați să proiectați o interfață mobilă pe care o puteți utiliza și pe desktop-uri și alte dispozitive. Proiectarea site-ului dvs. având în vedere în primul rând dispozitivele mobile va permite o experiență de utilizator mai curată și mai ușoară și vă va permite să vă creați un singur site web pe care îl puteți utiliza pe toate dispozitivele. Când aveți prea multe file, link-uri și elemente de design nebunești pe site-ul dvs., devine greu să navigați pe desktop și imposibil să navigați pe mobil. Adesea, dispozitivul mobil va elimina filele sau alte elemente de design chiar și atunci când cineva se află pe un telefon mobil, motiv pentru care este atât de important să proiectați, astfel încât totul să funcționeze perfect atunci când este accesat de pe mobil. Când totul funcționează bine și arată bine pe mobil, de obicei funcționează bine și arată bine pe desktop, cu toate acestea, opusul nu este cazul, motiv pentru care este atât de important să proiectați pentru mobil-first.

Păstrați culoarea simplă

Paleta de culori este ceva care poate face sau distruge modul în care un site arată și se simte pentru un vizitator. Nu încercați să înghesuiți prea multe culori sau prea multe modele. Nu faceți doar culori strălucitoare care se ciocnesc. Când un site nu are spații albe și doar culori super luminoase, acesta poate face un vizitator să se simtă copleșit și confuz. Acesta este motivul pentru care ar trebui să alegeți două culori principale care să se joace bine între ele și să vă asigurați că adaugă la senzația generală a site-ului web, fără a distra atenția. Acest lucru este cel mai bun mod de a vă asigura că vizitatorii nu sunt distrași sau copleșiți și de a avea o senzație bună atunci când vin pe site-ul dvs. Alegerea mai puține culori, mai degrabă decât prea multe, ajută, de asemenea, site-ul dvs. să aibă o senzație mai calmă, mai coerentă și îi menține pe vizitatori concentrați asupra mesajului site-ului dvs., spre deosebire de cât de colorat este și de modul în care arată.

Sam Orchard

Director de creație, Edge of the Web

Poate fi ușor să te concentrezi pe crearea unui site web care arată uimitor, dar a avea o bază tehnică puternică este totuși esențială pentru designul web modern. Unele caracteristici adesea trecute cu vederea, dar esențiale sunt:

Design receptiv

Sună evident, dar acesta este un lucru pe care multe site-uri web încă nu îl înțeleg bine și are potențialul de a înstrăina un segment mare al audienței tale. Nu mai este suficient să creezi pur și simplu o versiune mobilă a site-ului tău. Utilizatorii ar putea vizualiza site-ul dvs. pe o gamă largă de dispozitive diferite, folosind diferite platforme și orientări diferite. Designul responsiv se referă la crearea unui site web care să arate bine pe orice dispozitiv și să răspundă la modul în care este vizualizat.

Viteza paginii

Viteza paginii site-ului dvs. web poate afecta orice, de la optimizarea ratei de conversie la optimizarea motoarelor de căutare și va avea un impact și mai mare odată cu actualizarea Google care va veni mai târziu în acest an. Cel mai important, afectează experiența utilizatorului, iar un site web lent și lent ar putea fi diferența dintre un utilizator care alege să facă o achiziție sau să navigheze către site-ul web al unui concurent. Trebuie să verificați aceste modalități DIY de a crește viteza site-ului.

Accesibilitate

Cu mai mulți oameni care se bazează pe resursele online decât oricând, accesibilitatea a trecut de la a fi o caracteristică suplimentară la o necesitate. La începutul procesului de design web, dezvoltatorii ar trebui să ia în considerare utilizatorii cu dizabilități alături de cei fără. Lucruri simple, cum ar fi contrastul de culoare, dimensiunea fontului și subtitrările video pot face adesea o lume de diferență. Aș recomanda Standardele de accesibilitate W3C ca un loc minunat de început pentru oricine dorește să înțeleagă mai multe despre construirea unui site web accesibil.

Sheila Heard

Fondatorul Mediavandals

Creați o căptușeală atractivă.

Există un termen în design web numit „deasupra pliului”, care înseamnă în esență ceea ce se vede imediat după vizitarea unui site web fără derulare.

Termenul a apărut în presa scrisă și a fost asociat cu tot textul care se afla „de mai sus” al ziarului. Acesta era un bun imobiliar important, deoarece era primul lucru pe care îl vedeau clienții la chioșc. Un titlu de ziar bine scris ar putea însemna că lucrarea dvs. va fi achiziționată față de concurenți.

Deși site-urile web există suficient de mult încât oamenii știu să deruleze, titlul (sau „o singură linie”) este tot ceea ce un client vede primul atunci când vă vizitează site-ul. Un titlu captivant poate fi factorul decisiv pentru ca clientul să deruleze în jos pentru a citi mai multe sau să continue pe un alt site web.

Sarcina unui singur liner este de a-ți determina clientul să citească restul site-ului tău web, iar cel mai bun mod de a face acest lucru este să te gândești la ceea ce oferă afacerea ta, cum va îmbunătăți viața clienților tăi și cum pot clienții tăi. obțineți produsul sau serviciul dvs., apoi puneți-l împreună într-o declarație scurtă, clară și concisă și plasați-l în partea de sus a site-ului dvs.

Invită-ți clientul într-o poveste

O greșeală pe care o fac mulți proprietari de afaceri pe pagina lor de pornire a site-ului lor este să creeze conținut despre ei înșiși. În timp ce expertiza ta joacă un factor în procesul de luare a deciziilor unui client, păstrează-o pentru restul site-ului! Sarcina paginii tale de pornire este să stabilească că clienții tăi sunt în locul potrivit pentru a-și rezolva problema. O modalitate excelentă de a face acest lucru este folosirea puterii poveștii. Pentru a realiza acest lucru, creați o serie de titluri ușor de trecut și o bucată scurtă de text care se extinde pe fiecare titlu. Dacă citesc doar titlurile, clienții vor simți în continuare că le înțelegi problema și au șanse mai mari să se implice în afacerea ta. Iată un cadru rapid pentru a realiza acest lucru:

• Menționați mizele: – cu ce problemă se confruntă clienții, cum îi face să se simtă și ce este în joc dacă nu o rezolvă.
• Enumerați propunerea dvs. de valoare: – ce beneficii va primi clientul dvs. din produsul sau serviciul dvs.
• Poziționați-vă ca autoritate: – includeți o declarație empatică despre problema clienților dvs. și despre cum îi puteți ajuta să o rezolve. Acesta este, de asemenea, un loc grozav pentru a pune orice certificări, premii sau mărturii anterioare ale clienților.

Oferiți clienților dvs. un plan ușor de urmat

Cum ar trebui clienții tăi să facă afaceri cu tine? Deși ți se poate părea evident, s-ar putea să nu fie atât de evident pentru clienții tăi. Includeți o secțiune cu 3-5 pași despre cum un client poate interacționa cu compania dvs. Ar trebui să fie simplu, clar și ușor de urmărit.

Exemplu de magazin de nutriție :
Pasul 1 – Vizitați pagina magazinului nostru și alegeți-vă produsele
Pasul 2 – Adăugați în coș și urmați procesul nostru de finalizare a comenzii ușor de utilizat.
Pasul 3 – Primiți-vă produsele prin poștă și revendicați-vă sănătatea.

Infografică: Perspectivele experților despre tendințele și strategiile moderne de design web

Întrebări frecvente

Încheierea

Amintiți-vă – ergonomia utilizatorului și funcționalitatea ulterioară sunt cheia pentru a rula orice site de succes. Fie că este vorba de crearea unui nou site sau de renovarea unuia datat, ideea este să implici și să informezi clienții despre marca ta - simplu! După ce faci asta, povestea ta de succes este rezolvată!