6 tendințe de design web pentru august 2022

Publicat: 2022-08-25

Cel mai frecvent, oamenii consideră tendințele de design web ca elemente vizuale, dar tendințele pot include și o mulțime de funcții. Cele mai bune tendințe au probabil puțin din ambele.

Iată șase tendințe grozave de luat în considerare în această lună:

1. Pagini de produse personalizate

Aceasta este o tendință de design funcțional care arată, de asemenea, atât de bine: mai mulți designeri se ramifică din paginile tradiționale de produse WooCommerce, care aparent sunt peste tot pentru opțiuni mai personalizate. Acest exemplu ne vine de la Kadence WP.

O pagină de produs mai personalizată vă permite să utilizați toate funcțiile puternice ale WooCommerce cu un design care arată și se simte ca dvs. Noua versiune a Kadence Shop Kit 2.0 oferă posibilitatea de a personaliza aspectul paginii de produs în orice mod pe care vi-l puteți imagina.

Puteți crea un design la modă folosind instrumentele Kadence pe care le cunoașteți deja cu ajutorul unui generator de glisare și plasare.

  • De ce funcționează: nu toate comerțul electronic este la fel. Diferite tipuri de produse au diferite elemente de afișat care pot facilita vânzările.
  • Cum se utilizează: Începeți cu Kadence Shop Kit 2.0. Nu este nevoie de codificare personalizată pentru a face această tendință de design propriu.

2. Checkout fără distragere

Simplificarea paginilor de finalizare a comenzii este susținută de cercetări care arată că 17% dintre potențialii clienți abandonează cărucioarele la finalizarea comenzii, deoarece procesul de finalizare a plății este prea lung și complicat . (Citiți mai multe despre motivele abandonării coșului WooCommerce și despre cum să le remediați.)

Pentru a vă ajuta să creați o experiență de plată fără distragere, luați în considerare cum puteți simplifica experiența de plată prin crearea unei plăți pas cu pas, pe mai multe pagini. Flux Checkout pentru WooCommerce face o mare parte din această muncă pentru dvs. cu un aspect ușor de înțeles de către clienți și foarte rapid - ajutându-i să facă achiziții cu ușurință.

Și mai bine, Flux Checkout tocmai a lansat o nouă temă numită Modern. Noua temă Modern este simplă și curată, cu o atmosferă elegantă. Modern este în mai mulți pași, rapid fulgerător și conceput pentru a preveni cărucioarele abandonate.

  • De ce funcționează: au dispărut meniul, bara laterală și subsolul magazinului dvs. În schimb, clienților li se va prezenta cel mai important lucru pe care îl pot face în magazinul tău – checkout.
  • Cum se folosește: Dacă utilizați deja pluginul Flux Checkout, puteți actualiza din Tabloul de bord WordPress ca de obicei și apoi faceți următorii pași: 1. Din tabloul de bord WordPress, accesați WooCommerce > Flux Checkout . 2. Faceți clic pe fila Stiluri din partea de sus a paginii. 3. Aici veți vedea opțiunile temei Flux. Faceți clic pe butonul radio de sub Modern pentru a comuta la tema respectivă.

3. Portaluri de carieră mai bune

Știm cu toții că locurile de muncă și angajarea sunt o mare problemă în acest moment. Deci a fost doar o chestiune de timp până când companiile au început să facă o treabă mai bună cu designul și funcționalitatea portalurilor de carieră.

Aceste site-uri au fost în mod tradițional listate cu o mulțime de cuvinte și nu cu multe elemente vizuale sau funcționalități. Răsfoiți lista și aplicați. Asta a fost.

Această nouă generație de site-uri de carieră este mai captivantă cu videoclipuri și conținut grozav, ca în exemplul de mai sus de la H&M. Acestea includ imagini și informații care te fac să vrei să lucrezi pentru o companie. Caracteristicile bonus, cum ar fi căutarea sau aplicațiile ușoare, sunt cireasa pe deasupra.

  • De ce funcționează: Oamenii nu au atenția online pe care obișnuiau, iar un format mai vizual este necesar pentru a atrage un public captiv.
  • Cum să-l folosești: Gândește-te la ceea ce ar atrage pe cineva care caută un loc de muncă la compania ta și folosește-l în avantajul tău într-un mod extrem de vizual.

4. Pagini frumoase de cumpărături

Magazinele online arata tot timpul mai bine. Acest lucru se aplică imaginilor, precum și funcționalității. Este mai probabil să cumpărați ceva dintr-un magazin online dacă arată grozav și este ușor de utilizat. Puteți vedea acest lucru în acțiune la Atelier Camille.

Mai multe vitrine online trec la imagini mai mari, cu mai multe detalii și elemente de mediu, astfel încât să vă puteți imagina ceea ce se vinde – de la îmbrăcăminte la gadgeturi la mobilier.

  • De ce funcționează: cu cât este mai ușor să te imaginezi în ceva, cu atât este mai probabil să te simți conectat la acel lucru. Este o tactică solidă de vânzare.
  • Cum se folosește: Investește în fotografie personalizată pentru a-ți prezenta produsele în moduri uimitoare. Nu uitați să includeți imagini cu unghi larg și detaliate.

5. Gamificare ușoară

A existat o perioadă în care gamification a fost un motor principal al creării de interacțiuni online. În timp ce gamification – crearea de experiențe asemănătoare jocurilor pentru a crea un angajament susținut – nu a dispărut, este mult mai puțin implicată cu o senzație mai ușoară.

Gamificarea ușoară include design-uri și interacțiuni ale site-urilor web care durează doar câteva minute, mai degrabă decât o durată mai lungă. Utilizatorii obțin satisfacția imediată de a finaliza o provocare sau o interacțiune cu o recompensă la sfârșit.

Funcționalitatea, ca în exemplul de la J-Crew, este adesea asociată cu imagini mai ușoare, chiar desenate, pentru a crea o experiență mai copilărească, care poate scoate utilizatorii din „lumea reală” pentru un minut pentru a se implica online.

  • De ce funcționează: mica pauză de toată greutatea lumii este o distragere binevenită pentru mulți utilizatori în acest moment. Un joc ușor care durează doar câteva minute poate crea sentimente de succes și emoții pozitive față de restul site-ului sau al mărcii tale.
  • Cum se folosește: nu uitați să păstrați elementele bazate pe joc scurte și distractive. Ele ar trebui să fie suficient de ușor de completat, oferind în același timp cel puțin un mic element de provocare.

6. Videoclip mai accesibil

Uită de tot acel videoclip cu redare automată. Videoclipul mai accesibil este în.

Ce inseamna asta?

Videoclip care începe oprit și are un buton de redare pe care îl controlează utilizatorul. Redarea video accesibilă este doar un element al conținutului video mai accesibil online. Celelalte elemente includ utilizarea subtitrărilor video (vitale pentru utilizatorii cu cititoare de ecran), utilizarea transcrierilor video și crearea de descrieri audio și etichete alternative pentru conținutul audio. Doar vezi acest exemplu din The Arc North Carolina.

Utilizarea oricăruia dintre aceste elemente în design vă poate ajuta conținutul să fie mai accesibil pentru mai mulți oameni. Este mai mult decât o tendință, devine o necesitate.

  • De ce funcționează: chiar și utilizatorii fără accesibilitate au nevoie, cum ar fi controlul unui buton de redare video. (Aproape toată lumea a aterizat pe un site cu prea multă mișcare sau sunet care a fost tulburător la început.)
  • Cum să îl utilizați: utilizați elemente comune ca notații despre cum să interacționați cu videoclipul. Butoanele de redare și pauză sunt standard și ușor de înțeles de către utilizatori. Asigurați-vă că destinațiile de plasare sunt suficient de vizibile pentru a le vedea și a interacționa cu ușurință.

Punând totul laolaltă

Tendințele de design web WordPress sunt un element distractiv, dar nu simți că trebuie să încerci fiecare nouă tendință care apare. Alegeți-le pe cele potrivite pentru site-ul dvs. web și pentru marca dvs. pentru a-l păstra proaspăt și modern.