Tendințele de design web 2022 pentru a inspira următorul proiect de site web

Este ceva în neregulă cu PREA la modă?

Văd că mulți designeri de site-uri își pierd drumul – devin atrași de designul „super fantezist”, în detrimentul ca site-urile lor să fie utilizabile și funcționale.

„Cei mai mulți designeri trăiesc într-un fel de realitate alternativă, creând lucruri inutile unul pentru celălalt. Apoi devin tendințe.” – Utilizatorul Webflow Blazej

Astăzi vom trece prin 3 tendințe pentru 2022 – care nu vă vor face să sacrificați capacitatea de utilizare a proiectului site-ului dvs., ci vă vor ajuta să îl ridicați la următorul nivel.

2022 Web Deisign Trend #1 – Decupaje de subiecte cu fundal colorat

Faceți ca această tendință a site-ului 2022 să funcționeze pentru dvs.:

• Folosirea unei aplicații de „fabricator de forme” precum ShapeDivider.app – vă poate ajuta să creați aceste forme naturale dacă doriți o comandă rapidă frumoasă.
• Alegerea imaginii perfecte va fi mai importantă pentru aceștia, deoarece este ușor să mergeți prea „stock photo-y” cu multe imagini de pe internet cu fundal alb.

2022 Web Design Trend #2 – Lucru monocrom

• Alegerea unei alte culori în afară de alb-negru poate face ca designul să devină POP!
• Având mai puține culori pentru a lucra, face de fapt proiectarea acestor tipuri de site-uri web mai ușoară!
• Faceți culoarea să funcționeze pentru dvs., utilizați-o pentru butoanele tastelor și lucruri la care doriți să atragem atenția.

2022 Web Design Trend #3 – Elemente de design fantomă

Faceți ca această tendință de design web 2022 să funcționeze pentru dvs.:

• Amestecați un element pe care nu doriți neapărat să iasă ca un degetul mare dureros.
• Creați o estetică superioară utilizând acest aspect mai subtil.

Tendințele site-urilor din anii precedenți

Ne plac site-urile web frumoase – concentrate pe experiența utilizatorului și construite într-un mod care este atât elegant, cât și atemporal. Cheia este... să nu deveniți PREA la modă într-un mod care va fi demodat înainte de a putea spune „animație paralaxă”.

• Nu sari pe fiecare nou trend.
• Fii atent la ceea ce este atât elegant, cât și eficient.
• Fiecare dintre tendințele prezentate mai jos va avea un mic fragment despre motivul pentru care este elegant și unul separat despre de ce – sau dacă – este eficient.

Cele mai bune trei tendințe de design web în 2020

1. Tipografie mare

De ce este stilat? Într-o lume în care toată lumea adaugă cât mai mult text în design-ul lor pentru a satisface 200 de părți interesate... dacă poți să te rezuma la un mesaj cheie care este foarte scurt și să faci atât de mare, vei câștiga.

Este eficient: este foarte eficient pentru că oamenii știu pe ce să se concentreze! Problema cu fiecare bucată de text având aceeași dimensiune sau doar mici variații una a celeilalte, desigur, este că nu este clar care este partea cea mai importantă.

2. Erou mai mic, imagini cu eroi mai impactante

De ce este stilat? Cât de glorios este să nu ascunzi imaginile tale frumoase? Oamenii iubesc acest lucru pentru că se simt coerenți și este mai puțin probabil să întâmpinați problemele cu stratificarea care sunt dificile (exemple în articolul următor.)

Este eficient: cu siguranță poate fi – punctul crucial este că imaginile sunt bune și îi ajută cu adevărat pe oameni să-și imagineze că beneficiază de produsul sau serviciul tău. Fără imagini bune, acest lucru poate părea pur și simplu neplăcut.

3. Elemente stratificate

De ce este stilat? La fel ca în modă, stratificarea intenționată este artistică - se simte intenționată și, prin urmare, poate arăta foarte bine.

Este eficient: acest lucru depinde într-adevăr de elementul specific. Chiar NU poate fi eficient dacă nu are fotografia potrivită, elementele de suport potrivite, suprapunerea potrivită pentru contrast sau tipografia potrivită (funcționează mai bine cu fonturi mai grele). când ai elemente solide care lucrează împreună și „ai controlul asupra lor”. Adesea, un client poate schimba o imagine care acum nu funcționează – și, prin urmare, este important să fie făcut cu componentele potrivite, când știți că nu se vor schimba des.

Alte mențiuni de onoare:

Tipografie verticală – Folosită pentru elementele UI, poate oferi o senzație mai intenționată a design-urilor.

Decupaje în formă organică – Exemplul Pops Diabetes de mai sus utilizează, de asemenea, această tendință.

Imagini compensate 10% – De asemenea, articolul Schaefco de mai sus prezintă acest lucru –

Decupaje tipografice – Am văzut câteva exemple minunate în acest sens. O literă mare îndrăzneață este decupată din spațiul alb și, uneori, are în spate un videoclip - oferind un efect stratificat cu adevărat cool.

Video pe fiecare pagină – Dacă faceți videoclipuri în mod regulat – de ce să nu faceți unul pentru fiecare dintre serviciile dvs. cheie și să le includeți pentru a crește „timpul pe site”? Excelent pentru SEO – și excelent pentru utilizatorii tăi care nu au chef să citească. (Sugestie: majoritatea dintre noi ar prefera să vizioneze un videoclip.)

Animații ușoare complementare – animațiile atrag privirea, mai ales dacă se mișcă puțin, dar asigurați-vă că atrageți atenția oamenilor spre ceea ce trebuie. Sau asigurați-vă că animațiile sunt de fapt bune/au un stil care vă complimentează cu adevărat marca.

Mai multe fonturi Serif - Fonturile Serif sunt mai ușor de citit! Mă bucur să văd serif-urile revenind în 2020 și nu numai!

Alți designeri preiau tendințele de design web 2020 (crowdsourced.)

Serviciile de web design din ultima vreme se concentrează pe oferirea celei mai bune experiențe utilizatorilor în momentul în care navighează pe site. Astfel, devine destul de important din partea dezvoltatorilor să se asigure că funcționează în consecință.
Așadar, iată o listă cu primele 17 tendințe de design web și UI pentru anul 2020.

1. Minimalism deschis și colorat
În zilele noastre, dacă încă te gândești la un design minimalist folosind fundaluri alb-negru, acele vremuri au trecut. Minimalismul deschis și plin de culoare este cea mai recentă tendință care aduce un aspect coeziv și atrăgător design-urilor web.

2. Mobile Friendly
Odată cu utilizarea din ce în ce mai mare a telefoanelor mobile, designerii trebuie să se asigure că site-ul web este prietenos cu dispozitivele mobile, astfel încât fiecare dintre utilizatori să poată vizualiza site-ul cu ușurință prin intermediul dispozitivelor mobile. Acesta este exact locul în care un serviciu de design web receptiv vine în ajutor.

3. Titluri supradimensionate
Titlurile și titlurile supradimensionate au devenit extrem de comune în ultima vreme, astfel încât să atragă atenția cititorilor, deoarece aceștia au mult mai puțin timp de petrecut pe site. Astfel, titlurile sunt create astfel încât să atragă atenția cititorilor.

4. Culori vibrante, degrade provocatoare și fundaluri întunecate
Site-urile web de astăzi se concentrează pe furnizarea de cea mai bună experiență de utilizare și, prin urmare, serviciile de web design se concentrează în special pe aceeași. Folosirea unor degrade mai complexe împreună cu o redare fantastică a culorilor cu un fundal întunecat a devenit mai comună în anul 2019. Un amestec clasic al tuturor celor trei este tendința.

5. Viteza de încărcare a site-ului web
Clienții de astăzi sunt mereu grăbiți și, prin urmare, un site web cu încărcare lentă este pur și simplu sărit de către utilizatori. Astfel, viteza de încărcare a site-ului trebuie să fie mult mai mare, ceea ce este exact ceea ce a devenit cea mai recentă tendință pentru o experiență îmbunătățită a utilizatorului.

6. Animații și ilustrații de nivel următor
Utilizatorii așteaptă mereu cu nerăbdare ceva nou în orice moment. Acest lucru poate fi realizat cu ușurință cu animațiile, precum și cu ilustrațiile de nivel următor, care este exact motivul pentru care acestea au devenit cea mai recentă tendință.

7. Grile CSS
Grilele CSS sunt încă una dintre cele mai populare tendințe de design web, care joacă un rol vital în a face designul web mult mai ușor. În ultima vreme, este o combinație de instrumente noi cu funcții existente. CSS-ul modern de astăzi oferă un nivel complet nou de receptivitate, interacțiune și vizualizare a datelor.

8. Scheme de culori care sunt deschise și întunecate
Pentru a crea ceva interesant pentru utilizatori, utilizarea schemelor de culori deschise și închise este prea bună. Acest lucru creează o impresie pozitivă asupra utilizatorilor, deci benefic.

9. Experiențe 3D captivante
Imaginile și grafica 3D sunt, fără îndoială, prea bune pentru serviciile de web design, astfel încât să poată fi create design-uri web atractive, ceea ce îl face atractiv pentru utilizatori. Experiențele 3D captivante aduc viață site-ului dvs. și oferă experiențe grozave utilizatorilor.

10. BrutalismBrutalismul este o altă tendință majoră care este în creștere, ceea ce este destul de evident din faptul că mai multe mărci preferă să folosească concepte îndrăznețe, curajoase și neclintite pentru a-și îmbrățișa latura interioară rebelă.

11. Elemente zburătoare și plutitoare
Pentru a atrage atenția utilizatorilor, imaginile zburătoare și plutitoare sunt extrem de eficiente.

12. Forme organice și geometrice
Utilizarea formelor geometrice și organice pentru serviciile de web design și-a luat locul destul de solid, undeva între modelele plate și grilele sparte.

13. Lucruri suprapuse
Efectul de suprapunere este cu siguranță una dintre cele mai fierbinți tendințe ale anului 2020. Lucrurile suprapuse aduc interes vizual pentru unele dintre tipurile specifice de conținut. Acest concept este un truc grozav pentru a excita interesele oamenilor, dar trebuie făcut cu atenție cu serviciile de web design.

14. Video sporit
Adăugarea a mai multor videoclipuri aduce mai multă viață site-ului și are capacitatea de a capta atenția aproape tuturor ca nicio altă formă de media. Aceasta este, fără îndoială, o tendință în 2020 și va continua mult timp.

15. Aspecte asimetrice și grile sparte
Aspectele asimetrice ale site-ului web, împreună cu utilizarea grilelor rupte la momentul proiectării web, au devenit mai comune în zilele noastre.

16. Realitatea augmentată
Interfețele doar pe ecran nu sunt suficiente pentru lumea de astăzi și utilizatorii doresc ca interacțiunile fizice să aibă loc în lumea reală. Aici designerii web trebuie să se gândească la ceva nou pentru a oferi funcția de realitate augmentată.

17. Micro Interacțiuni
Importanța micro-interacțiunilor nu poate fi neglijată cu orice preț. Acestea sunt grozave pentru a crea evenimente care sunt destul de primitoare, prin urmare, în creștere în anul 2020.
Acum, când cunoașteți cele mai importante tendințe de design web și UI pentru 2020, nu pierdeți mai mult timp, ci includeți-le pe site-ul dvs. web pentru a oferi utilizatorilor experiențe fantastice.

Exemple de tendințe comune în design web utilizate prost

Cum poți determina dacă o tendință este folosită prost? Empatie și intuiție. Consultați-vă greierul Jiminy interior. Ți-ar plăcea dacă cineva ți-ar face asta cu site-ul său? Dacă răspunsul este nu, poate că ar trebui să renunți la cele cincizeci de ferestre pop-up, chiar dacă „ai atât de multe înscrieri la buletine informative” încât le poți trimite spam pentru tot restul vieții.

Funcționează? Felicitări, ai convertit încă 5 persoane și te-ai supărat pe alți 40, stricându-ți percepția mărcii și făcându-i să-și reconsidere să mai facă clic pe conținutul tău de auto-felicitare. Deci da, ați ghicit că exemplul meu numărul unu de tendință de design web folosit prost este:

Ferestre pop-up invazive

Ferestrele pop-up invazive și cele pe care nu vă puteți da seama cum să le închideți sau care vă obligă să răspundeți la o întrebare ridicolă sunt îngrozitoare.

Cum să o faci mai bine – Oferă ceva de valoare atunci când cineva pleacă

În loc să încerci să împingi pe cineva în lista ta de e-mail, trage. Dacă îmi oferi ceva de valoare, nu sunt supărat că mi-ai pus un pop-up mare și vechi în față, de fapt, s-ar putea să fiu puțin intrigat. Ceea ce este important de remarcat, este că conținutul este variabila. Nu curățați de hârtie albă proastă, construiți ceva grozav – lucrați cu o echipă pentru a construi ceva grozav – orice aveți de făcut și apoi faceți din asta piesa centrală. Asociați-l cu o fereastră pop-up „exit-intent” și nu forțați pe nimeni să ia o decizie – oferiți întotdeauna modalități clare de a deschide pop-up.

Derulare infinită

Nu avem nevoie de un îndemn clar la acțiune la sfârșit sau de un subsol frumos cu o navigare bine gândită

Poate că acesta este un exemplu al creierului meu de bătrân cinic, pentru că nici măcar nu mă descurc când twitter se schimbă de la stele la inimi – dar dacă aplicăm regula de aur aici, urăsc să termin un articol și să fac pe altcineva să aleagă. ce articol vreau sa citesc in continuare. Luarea deciziei pentru ei ar putea fi plăcută cu videoclipurile de pe facebook și de pe youtube, pentru că, hei, este un videoclip și oricum sunt pur și simplu să găsesc - dar pentru conținutul pe care trebuie să-l citești, îmi pare rău, nu cred că vei face o decizie cu privire la preferințele mele pe baza unui articol sau a unui conținut pe care l-am terminat.

Voi avertiza acest lucru cu faptul că site-urile tip galerie / Pinterest în care răsfoiți o serie de articole par să aibă un anumit beneficiu pentru acest tip de navigare, dar poate fi limitat la social. Noi ceilalți avem nevoie de satisfacția unei concluzii și de mai multă navigație.

Cum să o faceți mai bine – Gândiți-vă la ce ar dori să facă o persoană după ce a citit introduceți această categorie sau tip de conținut pe site.

Fiecare tip de conținut de pe site poate avea un tip de pre-footer cu alte articole similare, elemente de navigare și, în mod ideal, câțiva pași următori clari, adaptați la ceea ce tocmai au terminat. Oricât de mult urăsc fontul „Lobster” din exemplul de mai sus (Messages Home), cred că Jared s-a gândit mult la ce ar putea fi interesați oamenii după ce au terminat de citit o pagină de conținut și le-au împărtășit într-un mod vizual care este clar si simplu. Dacă alte subsoluri ar fi atât de norocoase. Recunosc, am un fetiș de subsol.

3. Paralax care distrage atenția, care nu adaugă nicio valoare, cu excepția unei milisecunde de oooh-ahhh.

Această organizație de artă și culturală are mișcare, are profunzime – dar are sens? Nu-mi pot imagina cum cercurile din spate adaugă vreun element util, cu excepția faptului că la un moment dat a fost original, sau nu a făcut prea mult încă. Adică un truc – dar ei au câștigat un premiu pentru site… așa că site-ul trebuie să fie bun, nu?

Mișcarea și profunzimea pot fi grozave atunci când sunt implementate cu gust, din păcate, un număr mare de oameni s-au grăbit să implementeze paralaxa fără o intenție atentă asupra modului în care ar ajuta cu adevărat vizitatorii și ar adăuga valoare. Modelele mari și spațioase sunt frumoase, dar dacă încercați să ajungeți la conținutul unui site web și să aflați cu adevărat despre cum sau de ce ați dori să lucrați cu o companie sau să cumpărați un produs, site-urile lungi de paralax nu au rost.

Cum să o faceți mai bine – Implementați subtil pentru a adăuga puțină profunzime și utilizați cu moderație într-un mod care adaugă un pic de intrigă pentru produse atunci când este cazul.

Până acum, poate că mulți dintre voi ați văzut articolul The New York Times Snow Fall, care a fost publicat în 2012. Articolul folosește paralaxa și video într-un mod aproape dezarmant, deoarece era atât de progresiv la acea vreme.

Cheile care fac acest site să funcționeze atât de frumos?

• Accent puternic pe conținut – elementele tipografice sunt foarte bine gândite și lizibile
• Tratamentele de titlu oferă o ierarhie clară
• Toate acestea se joacă împreună destul de frumos, astfel încât aspectul paralaxă să nu fie în centrul scenei, ci mai degrabă o piesă subtilă plăcută pentru o imagine mai mare.

Exact așa poate fi folosită cu gust paralaxa în 2016, fără să te simți ca un truc.

Tendințe în design web din 2019

Designerii web nu sunt diferiți de designerii de modă, prin aceea că trebuie să țină constant urechea la pământ atunci când vine vorba de a afla care vor fi ultimele tendințe pentru anul viitor în domeniul web designului.

Un web designer inteligent nu numai că ține cont de imaginea mărcii atunci când creează aspectul unui site, ci și de capacitatea de utilizare pentru utilizator. Din această cauză, în fiecare an, designerii elimină detaliile de design care nu le-au plăcut utilizatorilor și le extind pe cele care le plac utilizatorilor.

Anul acesta nu este diferit și iată o listă cu tendințele de top de căutat în web design pentru 2019.

Fundaluri video

Probabil ați văzut o cantitate decentă de site-uri web care încorporează fundaluri video mari pentru a implica utilizatorul. Fundalurile video sunt o modalitate excelentă de a oferi utilizatorului o privire din interior asupra afacerii dvs.

Consultați site-ul companiei de dezvoltare imobiliară Ditto , care evidențiază dezvoltările lor rezidențiale cu oamenii care își desfășoară zilele, oferind utilizatorului posibilitatea de a vedea interiorul unităților într-un mod captivant.

Am lucrat cu Deneen Pottery pentru a ajuta la implementarea unui videoclip pe fundalul lor, care prezintă imagini reale ale ceramicii lor realizate manual.

Fundaluri de particule

Pentru companiile care încă doresc să încorporeze mișcarea în site-urile lor web, fundalurile cu particule sunt o alternativă excelentă la fundalurile video, mai ales dacă ești îngrijorat de timpul de încărcare cu un videoclip de fundal mai mare. Aceste animații sunt javascript care creează mișcare naturală și captivantă ca parte a fundalului.

Heystack a folosit un fundal de particule complicat pentru site-ul lor și ne așteptăm ca mai mulți designeri să facă același lucru.

Aspecte asimetrice

Aspectele unice și distinctive ale designului web asimetric îl fac atrăgător în ceea ce privește diferențierea site-ului dvs. de alții. Spre deosebire de stilul minimalist care este popular de câțiva ani, modelele asimetrice sunt mai ocupate, dar arată la fel de curate și profesionale atunci când sunt făcute corect.

Am lansat recent acest site web pentru Sustainable 9, care prezintă forme care se suprapun și, deși există o aparență de echilibru, există cu siguranță elemente asimetrice, adăugând profunzime.

Tipografie îndrăzneață

Alegerea tipografiei potrivite poate fi diferența de a avea o rată de respingere scăzută, mai degrabă decât una ridicată. Alegerea unei tipografii îndrăznețe, în special într-o dimensiune mare a fontului, poate atrage cu adevărat atenția utilizatorului site-ului dvs.

Aceste două pagini de pornire ale site-urilor web, create de un web designer pe Dribble, exemplifică perfect natura simplă și modernă a caracterelor îndrăznețe.

Animații integrate

Animațiile integrate sunt exact așa cum sună: animații care sunt plasate pe site-ul web pentru a adăuga un plus de viață, mișcare și implicare site-ului. După cum ați observat, mișcarea este o temă importantă de căutat în designul web pentru anul viitor.

30 Species in Pieces, un site web care este dedicat educării oamenilor despre animalele pe cale de dispariție, folosește animații clare și captivante în designul lor web simplu pentru a-i da viață.

Gradienți dinamici

După cum am observat anterior, gradienții de culoare încep să revină. Gradientele permit personalizarea cu culorile site-ului dvs. pentru a crea ceva care întruchipează cu adevărat marca dvs.

Apple a folosit gradient pentru culoarea fontului pentru a rămâne cu tema noilor reclame pentru iPhone X.

Tendințe în design web sub-evaluate din 2018

În fiecare an, tendințele de design web se schimbă constant – așa că ceea ce părea „la modă” în urmă cu câțiva ani poate să nu fie cea mai bună opțiune astăzi. Prin urmare, este important ca toți proprietarii de afaceri să fie la curent cu cele mai recente tendințe de design web pentru a-și vinde afacerea și a menține atenția vizitatorilor. Citiți mai departe pentru a descoperi șase dintre cele mai mari tendințe de design web sub-evaluate din 2018.

Aspecte de grilă sparte

Multe site-uri web folosesc grile pentru a se asigura că există o structură în spatele textului, imaginilor și butoanelor de navigare. Nu numai că grilele oferă un ghid pentru designeri, dar ajută și vizitatorii să navigheze cu ușurință pe site. Cu toate acestea, anul acesta a văzut aspectul tipic al grilei este rupt. În loc să urmezi o regulă definită, a existat o oportunitate de a face ceva diferit cu designul web. Dezvoltatorii s-au îndreptat către structuri de grilă rupte, care sunt mai puțin restrictive. Aspectele de grilă întrerupte permit textului și imaginilor să se deplaseze mai liber în și peste pagină. Atunci când elementele se suprapun, se creează un design web armonios care curge natural pentru vizitator. Aspectele de grilă întrerupte pot fi, de asemenea, realizate prin utilizarea straturilor, poziționări neobișnuite și atingeri subtile care fac pagina mai captivantă.

2. Chatbots

Din ce în ce mai mulți designeri web încep să implementeze utilizarea chatbot-urilor în site-uri web. Chatbot-urile sunt frecvent întâlnite pe site-urile web de afaceri situate în partea dreaptă jos a ecranului. Mica fereastră pop-up oferă vizitatorilor șansa de a vorbi cu cineva din companie sau de a obține ajutor automat pentru orice întrebări. Adăugarea unei ferestre de chat în designul dvs. web înseamnă că orice vizitator cu o întrebare poate primi un răspuns imediat. Unele companii au probleme în a avea un membru al personalului disponibil pentru chat. Cu toate acestea, este posibil să vă programați chatbot-ul pentru a răspunde la cele mai frecvente întrebări și pentru a oferi detalii despre cum să contactați compania dacă aceasta nu cunoaște răspunsul la o întrebare.

Ilustrații personalizate

În trecut, imaginile de web design constau în principal din fotografii de produs, GIF-uri și fotografii editoriale care subliniau caracteristicile, funcționalitatea și dimensiunile umane ale produsului. În 2018, a existat o ușoară îndepărtare de acest lucru, ilustrațiile dominând acum piața. Dezvoltatorii au descoperit că ilustrațiile sunt mai captivante și mai atractive. Ei au un mesaj clar și concentrat, care este personalizat pentru brand. Ilustrațiile sunt în mod normal completate cu combinații de culori netradiționale care experimentează diverse contraste, creând tensiune dar și menținând lizibilitatea designului web.

Tranziții de pagină

Ori de câte ori experiența unui utilizator este întreruptă, există șanse mari să părăsească site-ul web. Acest lucru se poate întâmpla și atunci când se schimbă de la o pagină la alta. Unele site-uri web durează prea mult să se încarce, în timp ce altele scot utilizatorul din contextul în care se aflau înainte de deschiderea noii pagini. Prin urmare, este esențial ca fiecare design web să aibă tranziții fluide și eficiente între pagini. Anul acesta, tot mai multe site-uri web introduc tranziții coezive ale paginilor pentru vizitatorii lor. În loc să navigheze la o pagină nouă, vizitatorii pot vedea informații diferite pe aceeași pagină. Aceste tranziții mai ușoare ale paginii pot îmbunătăți experiența utilizatorului și pot spori implicarea cu marca dvs.

Brutalism

2018 a cunoscut o creștere a utilizării brutalismului în designul web. Brutalismul deschide un spațiu în care dezvoltatorii și designerii pot face ceea ce își doresc, mai degrabă decât ceea ce ar trebui să facă. Acest stil de design web a fost inspirat de arhitectura anilor 1950 care era simplistă, rentabilă și practică. Designul web cu brutalitate este brut și captivant. Accentul principal este pus pe conținut, deoarece este important să îl faceți plăcut vizual pentru vizitator. Designul web brutal se manifestă prin structuri expuse, un sentiment de asprime și procese gândite.

Conținut video

Anul acesta a fost, de asemenea, o utilizare crescută a conținutului video pe site-uri web. Videoclipul este o modalitate excelentă de a transmite informații complexe într-un format vizual. Nu numai că conținutul video face site-urile web să pară mai moderne, dar creează și un sentiment de artă pe care o imagine statică nu o poate face pur și simplu. Videoclipurile sunt un instrument puternic, deoarece se pot integra fără probleme în designul dvs. web și rămân în continuare de o calitate extrem de înaltă, chiar și cu o mulțime de culori, degrade și detalii. Videoclipurile pot fi, de asemenea, redate pentru a se asigura că detaliile copiei și cele ale videoclipului rămân la unison. Mulți dezvoltatori de site-uri web văd că vizitatorii rămân pe site-uri mai mult timp atunci când este prezent conținut video, vizitatorii fiind, de asemenea, mai probabil să se înscrie sau să se înscrie la ofertele lor de produse și servicii.Din perspectiva afacerilor – ce tendințe pentru design web contează în 2017?

Tendințe în design web care mișcă acul

1. Formular de contact pe fiecare pagină

Nu vă răsuciți – dacă site-ul dvs. este un site web de generare de clienți potențiali, nu doriți să găsiți greu formularul de contact. Dacă îl poți include pe fiecare pagină, cu atât mai bine.

Poate părea un truc simplu, dar cele mai bune „smecherii” sunt.

2. CTA mereu prezent: Buton de apel la acțiune constant și puternic

Nu trebuie să aveți formularul de contact pentru a împinge oamenii să vă contacteze, pentru a obține o demonstrație, pentru a obține o cotație sau oricare ar fi acțiunea principală pe care doriți să-l determinați pe client. În schimb, puteți include un buton mare în partea dreaptă sus tot timpul. Când derulează, lăsați butonul îndemn la acțiune în partea de sus a ecranului cu un antet „lipicios” care urmărește vizitatorii.

3. Supraîncărcarea designului cu factori de încredere, cum ar fi insignele și mărturiile organizaționale

Mă țin doar de cele mai eficiente lucruri pe care le știu și de care unii dintre publicul meu poate nu le-au fost la fel de conștienți înainte. Factorii de încredere sunt totul în design web – ei sunt aproape tot ce mă gândesc, în afară de designul vizual curat, modern și plăcut din punct de vedere estetic.

Singura modalitate prin care îi convingeți pe oameni să ia măsuri (butoane mari de apel la acțiune și butoane Cumpărați acum etc.) este să-i înconjurați cu aceste elemente care îi explică și îi determină să continue - deoarece ÎNCREDEREA este absolut crucială în orice tranzacție.

Ai returnări gratuite? Aveți transport rapid și gratuit? Ai garantie? Prezentați aceste lucruri.

Face parte dintr-un grup comercial local? Better Business Bureau? Aveți un certificat SSL în magazinul dvs. online?

Adăugați o reprezentare vizuală pentru aceste articole și luați în considerare marcarea lor în stilul site-ului dvs. pentru a crește și mai mult încrederea.

Unul dintre cele mai mari articole din categoria factorilor de încredere pe care o au majoritatea companiilor de calitate este recenziile și mărturiile online. Vă sugerez cu căldură să le prezentați într-un mod foarte vizibil vizibil pe site-ul dvs. Dacă este vorba de mărturii, în mod ideal, aveți fotografii cu clienții înșiși pentru a da și mai multă credibilitate ceea ce au spus despre produsul sau serviciul dvs.

4. Aveți un videoclip pentru a vă prezenta propunerea de valoare cheie

Când am proiectat pentru prima dată DeneenPottery.com, am lucrat cu ceea ce avea clientul – imagini cu cănile lor de înaltă calitate și un videoclip care a fost ascuns puțin în design. Am desenat acest videoclip făcându-i o mică evidențiere, arătând incontestabil natura făcută manual a cănilor lor și dând oamenilor o gustare a procesului lor:

5. Design extrem de atractiv cu spațiu alb – luați în considerare utilizarea tranzițiilor semnificative, sisteme de grilă suprapuse și conținut împărțit pentru a scoate dihotomii

Spațiul alb este acel element încântător de design care pare să facă totul să pară mai „de înaltă calitate”:

Pe acest site, am decis să folosesc deschiderea naturală a fotografiei pentru a crea un sentiment de decadență spațioasă.

Apple înțelege spațiul alb. Nu înseamnă că fundalul este alb - înseamnă doar spațiu deschis în jurul subiectului principal din design.

Iată un exemplu foarte înalt al utilizării de către Apple a spațiilor albe pe site-ul lor :

Tranziții semnificative

Google a folosit tranziții semnificative în „Designul materialului” lor de ani de zile – dar tot mai mulți designeri web se apucă de acest lucru pentru a crea o modalitate eficientă de a oferi mai mult context acțiunii pe care utilizatorul o întreprinde pe site. Verificați starea de trecere cu mouse-ul pe butonul de mai jos, împrăștierea culorii pe măsură ce utilizatorul face clic pe buton și apoi modul în care fereastra modală/pop-up crește după ce a făcut clic pe aceasta:

Utilizarea designului de materiale în acest site mi-a permis să fac site-ul să se simtă foarte interactiv și foarte modern. De asemenea, ajută la utilizarea convențiilor din Material Design să vă asociați subtil cu tipul de experiență de utilizator pe Google.com și cu numeroasele produse Google – deoarece toate se potrivesc și folosesc aceste convenții.

Sisteme de rețea suprapuse

Cutiile din designul web sunt tradiționale una lângă alta, una peste alta, dar mulți designeri folosesc un stil foarte 2017 numit sistem de grilă suprapusă sau un sistem de grilă offset. Acest stil juxtapune cutiile și fotografiile unele peste altele pentru un efect mai organic, care curge liber.

Împărțiți culoarea sau împărțiți imaginile pentru a scoate o dihotomie

O dihotomie este separarea a două lucruri – precum „cald și rece” sau „bine și rău”. Făcând două părți ale unui site web foarte diferite una de cealaltă, acesta atrage atenția vizitatorului.

Puteți folosi acest lucru pentru a scoate în evidență elementele emoționale de a fi opus sau cele două părți ale creierului „emoțional și logic”, „creativ și orientat spre sisteme”, sau pur și simplu să-l folosiți pentru a crea o atracție vizuală precum acest design de Mateusz Koziorowski. .

Indiferent ce ai face – nu te arunca în tendințele de design web, dacă nu vrei

Asigurați-vă că luați în considerare obiectivele dvs. de afaceri în primul rând. Tendințele de design vizual nu sunt nimic fără să luați în considerare ce va face în ceea ce privește mutarea acul cu veniturile dvs.

Un site web mai bun este chiar după colț
Am parcurs un drum lung de când au fost lansate primele site-uri web. Designerii web devin din ce în ce mai detaliați, mai aventuroși și, sincer, mai buni. Următorii câțiva ani de web design se vor referi la a împinge plicul și a încerca idei noi îndrăznețe. Aici, la Hook, ne place să luăm un site vechi de care te-ai săturat și să îl transformăm în ceva care încapsulează cu adevărat unicitatea de ultimă oră a mărcii tale. Dacă doriți să construiți un nou site, unul care să atragă utilizatorii și să conducă la mai multe conversii, atunci contactați Hook Agency astăzi pentru a stabili o întâlnire, unde vom vorbi despre obiectivele dvs. de afaceri și despre cum putem implementa le în noul dvs. site.