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.
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
Feriți-vă de o întreagă serie practică dedicată predării despre cum să construiți un design web receptiv folosind acest cadru special
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
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.
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.
Un motor de căutare ca Google pledează deschis pentru un design web receptiv din mai multe motive:
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.
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
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.
Î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!