Trei tendințe de design de site-uri WordPress pe care trebuie să le cunoașteți

Gândiți-vă cât de mult s-a schimbat din 2011. Câte tendințe de design de site-uri web și noi tehnologii au căzut în disgrație? Câte dispozitive noi au apărut pe piață? Câte tendințe noi au apărut și au câștigat popularitate?

Nu este surprinzător faptul că WordPress a evoluat odată cu web-ul. WordPress-ul de astăzi este o bestie foarte diferită de WordPress de acum cinci ani și de nerecunoscut în comparație cu WordPress din 2003. Dar asta este un lucru bun.

La urma urmei, singura constantă de pe web este schimbarea. În calitate de designer, știi asta mai bine decât oricine – la fel cum știi că treaba ta este să fii la curent atât cu ceea ce se schimbă, cât și despre ceea ce se va schimba în viitor. Din fericire, dacă știi unde să cauți, nu este greu.

Te-am căutat – iată câteva dintre cele mai proeminente și esențiale tendințe care au lovit lumea designului WordPress (și web-ul mai mare) în acest an, toate fiind strâns legate de mobilitate.

Designul fără pagină va continua să domine

Pentru prima dată și-au făcut drum pe web cândva în 2014, site-urile web cu o singură pagină au câștigat popularitate la ritmul unui tren de marfă fugit. Potrivite în special pentru întreprinderile mici, agențiile de design și site-urile de produse, aceste site-uri web „pagină de destinație” sunt ideale atât pentru captarea clienților potențiali, cât și pentru povestirea. Având în vedere acest lucru, nu este deosebit de surprinzător faptul că și temele WordPress cu o singură pagină câștigă mult teren.

Dar ce motivează mai exact această tendință? De ce site-urile „fără pagină” sunt atât de importante acum? Și cum îți poți da seama dacă propriul tău site ar trebui să urmeze exemplul?

„Site-urile web tradiționale au o listă întreagă de probleme la fel de blestemătoare”, explică Chuck Longanecker de la Digital Telepathy. „Ei sunt moșii de la cocktail-uri, blamfând oricui la îndemâna urechii o rafală de informații auto-amplificatoare, fără niciun fel de interes pentru persoana care ascultă... Cu conexiuni rapide și un public obișnuit cu experiențe de defilare lungă în aplicațiile mobile, design fără pagini iese din calea vizitatorului, astfel încât acesta să se poată bucura de flux și să își îndeplinească obiectivul.”

Cu alte cuvinte, dispozitivele mobile au schimbat obiceiurile de navigare ale publicului nostru. În calitate de designer, trebuie să țineți cont de noile obiceiuri – așteptările lor de la un site web simplu și simplificat, tendința lor de a naviga pe telefoane sau tablete și dorința lor de a avea conținut ușor de digerat.

Această schimbare a pieței a avut un alt efect secundar, mai neașteptat: temele multifuncționale au explodat în ultimii ani. Bogate de funcții și ușor de instalat, aceste teme permit proprietarilor de site-uri web să își personalizeze cu ușurință paginile pentru dispozitive mobile, computere desktop și orice altceva. Sunt pregătite pentru viitor și permit crearea de site-uri web bine concepute, care sunt încă foarte funcționale.

Mai multe imagini, mai multe tipografii, mai multă paralaxă

Strâns legate de trecerea către designul fără pagini, site-urile web pun tot mai mult accent pe tipografie, imagini și derulare paralaxă. Minimalismul este regele castelului aici, și cu cât o pagină poate arunca utilizatorului mai puține elemente vizuale în timp ce încă își transmite mesajul, cu atât mai bine. Nu numai că ajută un site să arate mai clar, ci și reduce timpii de încărcare într-o măsură considerabilă.

În ceea ce privește tipografia, odată cu trecerea la minimalism, proprietarii de site-uri, editorii și utilizatorii deopotrivă au început să se aștepte la modele mai curate pe site-urile pe care le vizitează. O parte din cheia acestui lucru constă în furnizarea de text mai bine aspectat și mai bine prezentat. Instrumente precum Google Fonts și Adobe Typekit au făcut, de asemenea, foarte mult pentru a ajuta lucrurile, făcând mult mai ușoară crearea de site-uri web cu text mai bun, cu aspect mai profesional.

În cele din urmă, defilarea cu paralaxă – de care mi-a plăcut întotdeauna foarte mult – devine multă dragoste recent. Pentru cei neinițiați, modul în care funcționează este destul de simplu: pur și simplu vă configurați site-ul astfel încât fundalul să se miște mai lent decât primul plan (dacă este deloc). Acest lucru nu numai că creează iluzia profunzimii de câmp, dar este o modalitate excelentă de a oferi site-urilor web cu o singură pagină un pic de strălucire suplimentară.

Mult zgomot despre micro-interacțiuni

Aplicațiile mobile au cam răsfățat puțin utilizatorul final, dacă te oprești și te gândești la asta. Cele mai bine proiectate sunt pline de caracteristici cunoscute sub denumirea de micro-interacțiuni: bucăți și bucăți de feedback care sunt oferite unui vizitator în funcție de modul în care acesta interacționează cu site-ul dvs. Desigur, acest concept nu este deosebit de nou. În 2013, Foster of Mysterious Trousers s-a referit la ei ca interacțiuni cu folie cu bule. Acest lucru se datorează faptului că sunt satisfăcătoare și îmbunătățesc foarte mult experiența utilizatorului, făcând lucrurile mai viscerale.

Pentru tine, asta înseamnă că – mai ales având în vedere trecerea angro către mobil – trebuie să înveți despre micro-interacțiuni și cum să le încorporezi în site-ul tău.

„În UX, ceea ce contează este modul în care ai de-a face cu utilizatorii și cum se simt aceștia atunci când folosesc produsul [în acest caz, site-ul tău]”, scrie Dmytro Svarytsevych de la Web Designer Depot. „Micro-interacțiunile oferă utilizatorilor feedback-ul necesar și o înțelegere a proceselor în curs, făcând o interfață accesibilă, indiferent cât de complicată ar fi logica din spatele acesteia.”
Iată cum puteți adăuga o microinteracțiune pe site-ul dvs., conform Creative Bloq:

• Cunoașteți declanșatorul: acesta este ceea ce se întâmplă pentru a începe microinteracțiunea. Poate fi orice, de la un utilizator care se conectează pentru prima dată la site-ul dvs. până la lăsarea unui comentariu la un articol sau achiziționarea unui produs. Cele mai bune declanșatoare sunt cele în care sistemul observă comportamentul unui utilizator și îl folosește pentru context – de exemplu. oferindu-le o pagină pe care o vizitează frecvent atunci când ajung pe site-ul tău.
• Stabiliți reguli: „Reguli” poate fi o denumire puțin greșită aici. În esență, acestea sunt liniile directoare care determină cum funcționează o anumită microinteracțiune - ce se poate întâmpla, ce ar trebui să se întâmple și ce nu se poate sau nu se întâmplă. De exemplu, un site de comerț electronic vă poate avertiza dacă adăugați din greșeală același produs în coș de două ori.
• Determinați feedback-ul: Ce feedback veți oferi utilizatorului? Cum le veți îmbunătăți experiența pe site-ul dvs.?
• Aflați cât timp durează microinteracțiunea: microinteracțiunea dvs. se termină automat fără intrarea utilizatorului? Cum se schimbă de fiecare dată când este folosit?

„Feedback-ul este locul în care să adăugați un aspect de personalitate microinteracțiunii dvs.”, spune Creative Bloq. „Uneori, un pic de umor sau de avantaj poate funcționa foarte bine și este apreciat – în special în situații care pot fi frustrante, cum ar fi un mesaj de eroare sau când ceva durează mult să se încarce.”

Rămâneți la curent cu tendințele de design de site-uri web

WordPress este în continuă evoluție, alături de web. Nu trebuie să fii prins pe neprevăzut de această evoluție. Păstrând un ochi pe cele mai recente tendințe, vă puteți asigura că sunteți cu mult înaintea curbei când acele tendințe devin în sfârșit realitate.