RWD nu doar despre design - WordPress poate ajuta

Ca dezvoltatori web, aproape fiecare client cu care lucrăm așteaptă ca site-ul lor să aibă o versiune mobilă a site-ului său. Și odată cu creșterea numărului de variații ale dimensiunilor și rezoluțiilor ecranului, va fi imposibil sau cel puțin imposibil să vină cu un site web pentru fiecare dispozitiv și rezoluția ecranului care există.

În acest post, vom începe cu un nivel de bază, definind mai întâi ce este designul web receptiv, de ce este important, și câteva considerații scurte pe care trebuie să le faceți atunci când brainstorming un site WordPress receptiv.

Ce este un design web receptiv?

Wikipedia definește RWD ca fiind:

Abordarea de proiectare web urmărește crearea site-urilor pentru a oferi o experiență optimă de vizionare - citire ușoară și navigare cu minimizarea redimensionării, panoramării și derulării pe o gamă largă de dispozitive (de la telefoane mobile la monitoare pe calculator).

Design-ul web responsiv implică aplicarea interogărilor media CSS cu un amestec de rețele și layout-uri flexibile. Sunt sigur că ați auzit despre cadrele CSS ca Bootstrap, Foundation și așa mai departe. Toți folosesc interogările media cu un amestec de machete pentru a face o pagină în funcție de dimensiunea, platforma și orientarea ecranului.

De exemplu, atunci când utilizați Bootstrap, puteți activa pur și simplu proiectul dvs. pentru a răspunde prin introducerea următoarei linii de cod pe etichetă

 

În Bootstrap, interogările media permit crearea unui CSS personalizat bazat pe un număr de condiții-rapoarte, lățimi, tip de afișare, dar de obicei se concentrează în jurul min lățime și lățimea maximă la

  • redimensionați titlurile și textul pentru a fi mai adecvat pentru dispozitive
  • elemente de stivuit în loc să plutească ori de câte ori este necesar
  • modificați lățimea grilei

Feriți-vă de o întreagă serie practică dedicată predării despre cum să construiți un design web receptiv folosind acest cadru special

De ce este important RWD?

Până acum, în discuția noastră, am identificat faptul că un lucru important în legătură cu un site web receptiv este capacitatea site-ului de a se adapta la orice dimensiune sau orientare a ecranului atunci când un utilizator vizualizează site-ul web. În afară de aceasta există și alte motive importante pentru care ar trebui să treceți la un site web receptiv

Creșterea utilizării mobile

Astăzi, un număr semnificativ de persoane au acces la telefoane mobile. Acest lucru se traduce la un număr de oameni care accesează Internetul prin intermediul telefoanelor. Statisticile arată că în prezent aproape 20% din căutările Google provin de pe telefoane mobile - aceasta ar trebui să vă spună cât de important este ca utilizatorii să poată accesa site-ul dvs. și să interacționeze ușor cu acesta. 

Pe măsură ce utilizarea Internetului mobil depășește statisticile de utilizare a desktop-urilor, trebuie să ne asigurăm că utilizatorii se pot identifica cu site-urile noastre web indiferent de dispozitivele pe care le utilizează, fără să simtă că accesează o versiune diferită sau limitată a site-ului principal.

Mareste rata de conversie 

Rata de conversie este un termen care este utilizat în cea mai mare parte pe site-urile de comerț electronic, se referă la locul în care obțineți pentru a transforma un vizitator web obișnuit la client plătitor. Într-un caz tipic de soluție eCommerce, gândiți-vă la numărul de persoane care fac cumpărături pe telefoanele mobile.

Dacă un utilizator web obișnuit va fi forțat să utilizeze o versiune de desktop a site-ului dvs. pentru a efectua o verificare simplă, există șanse mari ca aceștia să opteze în mod sigur să utilizeze alte mijloace pentru a achiziționa același produs. Cu un site de răspuns bine conceput, utilizatorii nu ar trebui să observe diferența atunci când tranzacționează pe site-ul dvs., în afară de faptul că folosesc un ecran mai mic.

Clasarea îmbunătățită în motoarele de căutare

Un motor de căutare ca Google pledează deschis pentru un design web receptiv din mai multe motive:

  1. Este mult mai ușor să accesați cu crawlere un site web receptiv, să-l indexați și să organizați conținutul site-ului într-un mod mai simplu. Acest lucru este posibil datorită faptului că un site web receptiv utilizează numai o singură adresă URL pe toate platformele, spre deosebire de un scenariu în care există diferite versiuni ale aceluiași site în diferite adrese URL.
  2. Experiența utilizatorilor poate fi ușor evaluată prin analizarea ratei de respingere a unui site. Un site care are o rată scăzută de respingere înseamnă că utilizatorii stau pe el pentru o perioadă de timp, de unde rezultă o clasare mai mare a căutării.

Cost eficient

Executarea mai multor site-uri pentru același conținut poate fi costisitoare, aveți nevoie de dublu resurse pentru a putea menține cele două site-uri. Având un site web receptiv este mult mai ușor deoarece veți putea dedica toate resursele și timpul acordând utilizatorilor ceea ce se așteaptă cu adevărat.

Considerații pentru un site WordPress Responsabil

Există un număr liniștit de considerații pe care trebuie să le faci înainte de a veni cu un design web receptiv în WordPress. Faptul este, WordPress este acum folosit pentru a construi bloguri, site-uri, o aplicații chiar toate care probabil vor avea nevoie de o implementare rapidă.

În următorul post, vom examina o strategie de implementare a modului de realizare a acestui lucru în dezvoltarea WordPress. Mai exact, vom acoperi

  1. Performanţă
  2. Context
  3. Îmbunătățiri progresive

Privind acești trei factori critici necesită și o analiză aprofundată pentru a arăta de ce designul receptiv nu se referă doar la design și unde exact WordPress vine în ecuația.

rezumat

În acest articol, am prezentat pe scurt conceptul de design web receptiv, a definit ce este, de ce este important și de ce ar trebui să îl luăm în considerare în viitoarele noastre proiecte.

Simțiți-vă liber să lăsați orice întrebări sau comentarii de mai jos!

Cod