Cum diferă paginile web mobile de paginile web regulate?

Paginile web mobile sunt un animal unic. Spre deosebire de paginile de web prietenoase desktop-urilor, care sunt proiectate pentru ecrane mari și click-uri precise ale mouse-ului, paginile web mobile sunt dimensionate pentru ecrane mai mici și atingând cu degetul imprecis. În plus, site-urile moderne sunt obligate să publice atât în ​​format desktop, cât și în formatele mobile, ceea ce înseamnă că fiecare pagină web trebuie creată de două ori.

01 din 08

Dimensiunea ecranului și "Imobil" sunt diferite

Aceasta este diferența cea mai evidentă dintre paginile web desktop și mobile . În timp ce majoritatea monitoarelor de birou au dimensiune diagonală de 19 inch până la 24 inci, tabletele sunt de obicei diagonale de 10 inchi. Smartphone-urile sunt diagonale de 4 inci. Zoom-ul simplu nu convertește cu succes o pagină web în așa fel încât să fie prietenos cu dispozitivele mobile, deoarece acest lucru face ca textul să nu poată fi citit. În mod similar, atingerea cu degetul devine imposibil de realizat cu exactitate într-o pagină Web mărită. Designerii de web mobil trebuie să-și schimbe întreaga abordare a aspectului paginii. În mod obișnuit, designerii trebuie să elimine barele laterale și imaginile inutile, să aleagă imagini mai mici, să mărească dimensiunea fontului și să restrângă conținutul în widgeturi extensibile. Această limitare a proprietății imobiliare a determinat un gând complet diferit între designerii web.

02 din 08

Widget-uri și "Sliders" sunt în; Sidebars și spațiul alb sunt afară

Vă puteți aștepta ca cele mai multe pagini prietenoase pentru dispozitive mobile să elimine unele sau toate legăturile de navigare ale barei laterale și să le înlocuiască cu widget-uri de meniuri pliabile / consumabile. În mod similar, așteptați să nu existe spațiu gol în stânga și în dreapta conținutului și mult mai puțin spațiu, deoarece designerii se străduiesc să maximizeze utilizarea tabletelor și a telefoanelor mobile smartphone.

03 din 08

Apăsarea degetului este mai puțin precisă decât făcând clic pe mouse

Spre deosebire de un indicator precis al mouse-ului de pe desktop, degetul uman este un blob, iar atingerea cu degetul necesită ținte mari pe ecran pentru hiperlegături. Așteptați să vedeți mai multe ținte de țigări rectangulare mari ("dale") pe paginile web mobile și mai puține hyperlink-uri bazate pe text. În plus, meniurile vor fi adesea înlocuite cu butoane mari și urechi mari pentru a se potrivi cu imprecizia robinetelor degetului.

04 din 08

Adresa URL a paginii mobile este diferită

Paginile web prietenoase pentru mobil includ frecvent litera "m" ca o parte semnificativă a adresei sale. (faceți clic aici pentru un exemplu) Adresa URL mobil este, de obicei, aleasă pentru dvs. automat atunci când navigați cu o tabletă mobilă sau un smartphone. În unele cazuri, veți vedea un link care poate fi accesat, care vă permite să treceți la versiunea obișnuită de desktop a paginii.

05 din 08

Publicitatea este redusă sau eliminată

Da, acest lucru este minunat pentru cititori, dar este un adevărat punct de vedere al agenților de publicitate web. Deoarece există o cameră redusă pe un comprimat sau pe un smartphone, plasarea unei mulțimi de linkuri sponsorizate și anunțuri banner mari nu funcționează. În schimb, așteptați să vedeți anunțuri speciale de tip pop-up speciale pe paginile web mobile, adesea în partea de jos a ecranului. Alte tipuri inteligente de publicitate de dimensiuni mai mici sunt concepute ca dispozitive mobile mature.

06 din 08

Căsuțele de verificare și legăturile mici vor fi frustrante

Atunci când editorii web nu fac o reproiectare completă a conținutului lor pentru ecrane mici, ele ne vor forța de multe ori să folosim degetele de tip blob pentru a face clic pe casetele de mici dimensiuni. Acest lucru îi obligă pe utilizatori să utilizeze funcția de încercare și de eroare sau de mărire a amprentei pentru a atinge cu precizie casetele de selectare.

07 din 08

Logarea parolelor poate deveni obscură sau prea mică

Da, aceasta este o supărătorie modernă cu multe pagini web mobile. Deoarece mulți editori de site-uri web încă mai gândesc în ceea ce privește ecranele de 22 de inch, vă vor stabili două experiențe mobile enervante: câmpurile dvs. de conectare și parolă vor fi mici și dificil de aplicat, iar tastatura dvs. mobilă va alinia câmpurile dvs. de conectare și parolă . Veți avea nevoie de adaptare prin utilizarea zoom-ului pentru a face ca câmpurile de conectare să fie vizibile și va trebui să derulați ecranul și să dezactivați tastatura pentru a descoperi butoanele de conectare ascunse. Sperăm că editorii web moderni vor găsi în curând un mod inteligent în jurul acestei supărări.

08 din 08

Imaginile devin mai proeminente

În mod obișnuit, fotografiile sunt reduse astfel încât să se potrivească pe ecranele mai mici. În unele cazuri rare, fotografiile sunt de fapt extinse pentru a umple lățimea afișajului tabletei sau smartphone-ului.