Paginile web care sunt optimizate pentru utilizare pe dispozitive mobile diferă de cele care apar pe computere desktop și laptop. Acestea din urmă sunt concepute pentru ecrane mari și clicuri precise ale mouse-ului, în timp ce paginile web mobile sunt dimensionate pentru ecrane mai mici și atingeri imprecise cu degetul.
- Conceput pentru ecrane mai mici și atingeri imprecise cu degetul.
- Conceput pentru ecrane mari, cu clicuri precise ale mouse-ului.
Având în vedere că majoritatea vizitelor pe site-uri web provin de pe dispozitive mobile, designerii de site-uri au sarcina de a furniza versiuni care funcționează atât cu dispozitive mobile, cât și cu computere desktop. Cea mai obișnuită abordare este utilizarea designului web responsive, care furnizează automat versiunea adecvată în funcție de dispozitivul utilizatorului și dimensiunea ecranului, așa cum este detectat de browser.
În orice caz, paginile web adaptate pentru dispozitive mobile sunt diferite de versiunile desktop în mai multe moduri.
Design paginii: ecranele mobile au mai puțin spațiu
- Afișajele pentru smartphone și tablete măsoară între 4 și 10 inchi în diagonală.
-
Widgeturile de meniu pliabile sau extensibile înlocuiesc de obicei barele laterale și meniurile voluminoase de antet.
- Grafică pe toată lățimea cu utilizarea judiciară a spațiului dintre text.
- Majoritatea monitoarelor desktop măsoară între 19 inchi și 24 inchi în diagonală.
- Linkuri sponsorizate și anunțuri banner mari sunt mai frecvente.
- Text mai dens, cu mai multă libertate pentru grafică.
Cea mai evidentă diferență între paginile web desktop și mobile este spațiul imobiliar al ecranului. În timp ce majoritatea monitoarelor desktop măsoară cel puțin 19 inchi până la 24 inchi în diagonală, tabletele sunt de obicei în jur de 10 inchi. Telefoanele inteligente au aproximativ 4 inci în diagonală. Simpla micșorare nu transformă cu succes o pagină web într-o versiune compatibilă cu dispozitivele mobile, deoarece face textul imposibil de citit și necesită un pas suplimentar din partea vizitatorului site-ului. De asemenea, atingerea cu precizie a elementelor minuscule devine imposibilă.
Pentru a remedia problema, designerii pot elimina barele laterale și elementele grafice care nu sunt strict necesare. În schimb, folosesc elemente grafice mai mici, măresc dimensiunile fonturilor și restrâng conținutul în widget-uri extensibile. Această limitare imobiliară a determinat un alt tip de gândire în rândul designerilor web.
De asemenea, widgeturile de meniu pliabile sau extensibile înlocuiesc de obicei barele laterale și meniurile voluminoase de antet. În încercarea lor de a face ca fiecare milimetru de spațiu pe ecran să conteze, designerii elimină spațiul alb de prisos, păstrând în același timp un ochi atent asupra lizibilității.
O mulțime de linkuri sponsorizate și reclame banner mari pur și simplu nu funcționează pe un telefon sau pe o tabletă mică. În schimb, anunțurile mici pop-up sunt mai frecvente pe paginile web mobile.
Dispozițiile care prezintă text înconjurat în jurul unui grafic nu sunt redate bine pe dispozitivele mobile. În schimb, designerii oferă deseori acele elemente grafice toată lățimea ecranului și rulează textul dedesubt sau de deasupra. În mod similar, un design web bun împarte textul în bucăți pentru a fi lizibil; nimeni nu vrea să citească pereți solidi de text. Acest lucru devine și mai important pe ecranele mici. Utilizarea în mod judicioasă a spațiului alb este crucială.
Controale paginii: Precizia desktopului vs. Blob-uri mobile
- Zone mari de atingere sau hotspot-uri pentru o navigare mai precisă.
- Adresă URL diferită: adaugă litera „m”. Adesea o opțiune pentru a vizualiza versiunea desktop a unui site.
- Acreditările de conectare au adesea spațiu dedicat, uneori cu acces la amprenta digitală.
- Linkuri și butoane mai precise bazate pe cursor.
Spre deosebire de un indicator precis al mouse-ului de pe desktop, degetul uman este un blob, iar atingerea necesită ținte mari pe ecran pentru hyperlinkuri. Site-urile compatibile cu dispozitivele mobile oferă zone mari de atingere (sau hotspot-uri) pentru a facilita navigarea precisă.
Paginile web compatibile cu dispozitivele mobile includ de obicei litera m în adresele lor; de exemplu, adresa de mobil a Facebook este m.facebook.com. Adresa URL mobilă este de obicei aleasă automat pentru dvs. atunci când navigați cu o tabletă mobilă sau un smartphone. În unele cazuri, veți vedea un link care se poate atinge care vă permite să comutați la versiunea obișnuită pentru desktop a paginii.
Câmpurile de conectare și parolă destinate desktop-urilor și laptopurilor devin mici și inutilizabile pe un telefon, așa că editorii web le fac mai mari, oferindu-le uneori propriile pagini pentru ușurință de utilizare. Conectarea cu o amprentă digitală sau un alt cont, cum ar fi Google sau Facebook, devine din ce în ce mai comună pe măsură ce evoluează capabilitățile dispozitivului și ale serviciului.
De ce contează?
Paginile web mobile sunt concepute pentru dispozitive portabile și sunt destul de diferite de paginile create pentru citire pe desktop. Deși de obicei puteți vizualiza versiunea desktop a unei pagini web pe un dispozitiv mobil și invers, acestea sunt concepute diferit pentru a face conținutul mai ușor de vizualizat, citit și navigat.
