Responsive vs. Adaptive. Solutia optima pentru mobile

Cu o rata de penetrare a smartphone-urilor in Romania de peste 80% in randul persoanelor sub 45 de ani si cu peste 60% din traficul de internet generat de pe dispozitive de acest tip, modul in care website-ul brandului tau se incarca a devenit unul dintre factorii determinanti ai succesului.

Pe de o parte exista inca foarte multe website-uri care au probleme de incarcare pe dispozitivele mobile, iar pe de alta parte multe brand-uri implementeaza solutii in acest sens, solutii care nu le rezolva problemele de conversie.

Mi-am propus in videoclipul acesta sa explic diferenta dintre tipurile de solutii pe care le ai la dispozitie, cu avantajele si dezavantajele fiecareia.

In primul rand voi explica termenii responsive si adaptive. Responsive este un design de website, acelasi pentru toate clasele de dispozitive, care este proiectat sa detecteze automat clasa de dispozitive pe care este incarcat si sa reaseze elementele din pagina in asa fel incat ele sa incapa la o dimensiune care sa permita navigarea optima.

In timp ce adaptive este un design special facut pentru fiecare clasa de dispozitive in parte. La prima vedere, o solutie responsive este mai facil de dezvoltat si chiar mai inteligenta.

Sa analizam un studiu de caz inainte de a concluziona. Asa arata varianta de desktop a site-ului unei companii aeriente foarte cunoscute. Sa observam prioritatile paginii cu focus pe destinatii, booking si oferte. Daca analizam versiunea mobile observam diferente mari: sectiunile de checkin si flight status au ajuns sa fie primele din pagina, sectiunea de booking a fost deprioritizata si simplificata in timp ce zonele de oferte si destinatii au disparut complet din primul ecran al versiunii mobile.

Cu alte cuvinte, acest brand a ales o solutie de tip adaptive, adica un design separat nu doar o rearanjare a elementelor, pentru ca a inteles ca obiectivele unui utilizator care viziteaza site-ul lor de pe un dispozitiv de tip PC sunt foarte diferite de obiectivele pe care le are atunci cand il viziteaza de pe un dispozitiv mobil.

Scopul acestui studiu de caz nu este sa stabilim ca solutiile responsive nu sunt optime in timp ce solutiile adaptive ar trebui alese tot timpul. Este bine sa stii ca exista si variante hibrid, adica solutii responsive care se adapteaza din punct de vedere al design-ului in functie de context. Ceea ce conteaza insa este sa tii cont de intentia utilizatorului care viziteaza site-ul tau. Pune-ti intrebari despre ce isi doreste un utilizator de la site-ul tau atunci cand este acasa, pe canapea si viziteaza site-ul de pe tableta, cand este la birou cu un laptop in fata sau se afla in miscare si acceseaza site-ul de pe telefonul mobil. De cele mai multe ori vei gasi raspunsuri diferite la asteptarile si dorintele lui pentru aceste contexte diferite.

Daca ai implementat deja o solutie de mobile website de orice tip si rezultatele pe dispozitivele mobile sunt in continuare mult mai mici decat cele de pe desktop, iti recomand sa faci aceasta analiza a asteptarilor utilizatorilor pentru fiecare context in parte si sa implementezi o solutie adaptive care sa il satisfaca in fiecare dintre acestea.

Participand la cursurile din cadrul Formulei de Optimizare poti afla cum sa faci astfel de analize atat cu instrumente de tip cantitativ cat si calitativ pentru a descoperi puncte de imbunatatire a prezentelor online ale brandului pe care il promovezi.