08_Desktop-first-vs-Mobile-first-3

GIF Credit catre Sandjis Ruluks de la blog.froont.com

 

În momentul în care încep crearea unui website, designerii și programatorii au de luat o decizie. Pe ce se concentrează  website-ul: pe design sau pe conținut, pe experiența utilizatorului sau pe redimensionarea potrivită în funcție de dispozitiv? Totul depinde de creativitatea și obiectivele celor care creează website-ul.

 

Web design-ul de tip responsive, sau designul de genul “întâi varianta desktop” se concentrează asupra versiunii pentru computer și se definește prin coloane și elemente “fluide’. Atunci când deschizi un astfel de website pe tablete sau mobile, toate elementele trebuie să încapă pe ecran și, deci, trebuie să se redimensioneze în funcție de acesta.

Această abordare este cunoscută în limba engleză sub termenul de “graceful degradation”.

Designul responsive permite ca același website creat pentru desktop să fie ușor de citit pe tablete sau telefoane mobile. Pur și simplu se micșorează la scară. Cu cât e mai mic ecranul, cu atât mai puțin conținut poate reda și, deci, dispar inclusiv unele dintre funcționalități.

Atunci când creează un website cu design responsive, programatorul scrie cod pentru un singur website pe care îl face să se adapteze pe orice suprafață de display. Genul ăsta de abordare scutește pe toată lumea de multe bătăi de cap.

Pe de altă parte, ai nevoie de multe teste și reajustări de coloane pentru a te asigura că website-ul funcționează bine pe majoritatea ecranelor.

Iată câteva exemple de website-uri create pentru desktop

Wired.com - Viewed on a laptop

Wired.com - Viewed on an Android phone

Mashable.com - Viewed on a laptop

Mashable.com - Viewed on an Android phone

Web design creat pentru mobil

Design-ul creat pentru mobil se concentrează pe conținut mai degrabă decât pe aspect și alte funcționalități, datorită constrângerilor de spațiu de la care pornește. Acest stil de design este cunoscut ca “mărire progresivă” iar metoda permite efectiv mărirea paginii de web, pornind de la ecranul de telefon și evoluând la tabletă și desktop. Firește că varianta de desktop nu ar trebui să arate ca o extensie a versiunii de mobil. Deși, pe măsură ce pagina de web se adaptează la platforme mai funcționale și lipsite de constrângeri, programatorii își pot folosi creativitatea pentru a adăuga noi funcționalități ale paginii.

În concluzie, în loc să reducă scara website-ului pentru dispozitivele mai mici, designul creat pentru mobil pornește de la o pagină eficientă și se construiește pe parcurs pentru platforme mai mari.

Genul ăsta de design oferă de multe ori o experiență mai plăcută pentru utilizator.

Iată câteva exemple de website-uri create pentru mobil

Huffingtonpost.com - Viewed on an Android phone

Huffingtonpost.com - Viewed on a laptop

SAP - Viewed on an Android phone

SAP - Viewed on a laptop

Fiecare website are un scop anume și ilustrează viziunea dezvoltatorului. Dacă cineva creează un magazin online, logic este să folosească un design creat pentru mobil, pentru a se adapta nevoilor consumatorilor. Pe de altă parte, un website mai mare, cu conținut mai mult, e de preferat să se dezvolte pe desktop și să se adapteze apoi pentru alte dispozitive.

Totul depinde de scop și de specificații.

co-founder

Magda

Magda este o visătoare și un scriitor entuziast, iubește turcoazul și călătoriile. Urăște anghinarea, este o muncitoare avidă și adoră să își realizeze obiectivele; o româncă mândră și o iubitoare de vintage