Rezoluția ecranului și aspectul paginii

Rezumat. optimizarea paginilor web pentru a se potrivi 1024x768, dar utilizarea de proiectare plutitoare, care se întinde chiar sub orice rezoluție - de la 800x600 la 1280x1024.

Una dintre cele mai frecvente întrebări în cursul meu de pe „Web“ - „Sub ce rezoluție ar trebui să facem desenele lor?“ Răspunsul complet este un pic complicat, dar sfaturi de bază sunt evidente:

Optimizare pentru 1024x768 - aceasta este cea mai comună dimensiunea ecranului. Sigur, trebuie să mergeți la rezoluția ecranului publicul țintă, și în viitor, dimensiunea se va schimba. Dimensiunea poate fi deja diferită dacă, să zicem, creați un intranet pentru o companie care oferă angajaților săi cu monitoare mari.
Nu este nevoie pentru a crea site-uri numai sub o anumită dimensiune a ecranului. Deoarece dimensiunile ecranului de utilizator variază. Înșiși o mulțime de diferență, deoarece utilizatorii nu întotdeauna „maximizarea“ browserele lor (mai ales în cazul în care au ecrane de mari dimensiuni).
Utilizați design „plutitor“. care se întindea pentru dimensiunea ferestrei unui anumit utilizator (evita desene statice, care sunt întotdeauna aceeași dimensiune).

Până în prezent, aproximativ 60% dintre toate monitoarele sunt setate la rezoluția de 1024x768 pixeli. Pentru comparație - aproximativ 17% pus 800x600, deci este clar că nu este atât de important să vizeze utilizatorii cu ecrane mici. De asemenea, este evident că nu se poate ignora 17% și să ofere utilizatorilor săi cu un aspect de pagină care necesită mai mult spațiu decât utilizatorul are de fapt.

Optimizat pentru 1024x768

Când spun „optimizare“, vreau să spun că pagina dvs. ar trebui să arate și să funcționeze în mod optim pe cea mai comună definiție. În acest caz, ar trebui să arate bine și să lucreze pe alte dimensiuni, așa că am recomanda un „plutitor“ de proiectare. Dar trebuie să fie cel mai bun la 1024x768.

Cele trei cele mai importante criterii de optimizare a paginilor web pentru o anumită dimensiune a ecranului:

Analiza inițială. văzut dacă utilizatorii sunt toate informațiile cheie fără a derula? Este un compromis între numărul de elemente afișate și modul imagine detaliată a fiecărui element.
Lizibilitate. cât de ușor este de a citi textul în diferite coloane cu o anumită lățime?
Estetica. cât de bine arată pagina dvs. atunci când toate elementele de dimensiunea corectă și locația corectă? Fie că toate elementele sunt aliniate în mod corespunzător - de exemplu, dacă semnătura lângă fotografie, și așa mai departe?

Ai nevoie de a păstra în minte aceste trei criterii pentru toate rezoluțiile posibile, schimbarea în mod constant dimensiunea ferestrei browser-ului de la 800x600 la 1280h1204. Totul ar trebui să se uite la un nivel ridicat, la toate rezoluțiile.

De asemenea, site-ul dvs. ar trebui să lucreze cu dimensiuni mai mici și mai mari, dar aceste situații sunt mai puțin critice. Mai puțin de jumătate de procent din utilizatorii lucrează cu o rezoluție de 640x480. În acest caz, pentru acești utilizatori pe site-ul dvs. trebuie să apară cu toleranțe perfect acceptabil.

În ceea ce privește primul criteriu - trebuie să ia întotdeauna în considerare pagina de derulare. De obicei, utilizatorii nu le place defilare (în noua mea carte este descrisă în detaliu, împreună cu statisticile care arată cât de mulți utilizatori derula diferite tipuri de pagini). Deci, atunci când proiectare, ar trebui să ia în considerare cât de mult utilizatorii de informații vor vedea dacă derulați una sau două ecran complet.

Scrolling și revizuirea inițială depinde de dimensiunea ecranului: cu atât mai mare ecran, mai multe informații arată, și cu atât mai puțin ce trebuie să faci rotiri. Aici ar trebui să faci optimizare pentru 1024x768: pentru a arăta cele mai importante materiale fără a fi nevoie pentru a derula (împreună cu necesitatea de a se asigura că informațiile critice rămân vizibile la 800x600).

ecrane mari

Mulți utilizatori au ecrane de mari dimensiuni. In prezent, aproximativ 18% de utilizare, cel puțin egal cu rezoluția de 1280x1024 pixeli. Procentul utilizatorilor cu ecrane de mari dimensiuni este în creștere, dar nu la fel de mult pe cât aș dori.

monitoare mari - cel mai simplu mod de a îmbunătăți performanța, și oricine care câștigă cel puțin 50.000 $ pe an, ar trebui să aibă o rezoluție a ecranului de cel puțin 1600x1200. Afișaj cu ecran plat, cu o rezoluție mai mică de 500 $ în valoare. Deci, în timp ce display-uri mari crește productivitatea cu cel puțin 0,5%, veți recupera investiția de mai puțin de un an (costurile tipice de regie corporative dubla personalul companiei, amintiți-vă întotdeauna că, în orice calcul al performanței este necesară utilizarea valorii muncii, și nu un salariu).

Eu folosesc personal pe ecran cu o rezoluție de 2048x1536 pixeli, și eu nici măcar nu-l numesc un monitor mare. In urmatorii 10 ani, mă aștept ca utilizarea de monitoare 5000h3000 devenit un lucru obișnuit, cel puțin în rândul profesioniștilor.

Incepand cu 1600x1200, utilizatorii se întind rareori browsere ecran complet, deoarece câteva site-uri web funcționează bine pe astfel de rezoluții. Ferestrele mari - este magie atunci când se lucrează cu foi de calcul, design grafic, și multe alte sarcini, dar nu cu această paradigmă de site-uri de internet. Astăzi, utilizatorii de Internet cu ecrane mari utiliza spațiu liber ferestre multiple suplimentare și paralele navigarea pe Internet.

În viitor, vă rugăm să utilizatorii de Internet, cel mai probabil, nu vom avea nevoie de pagini individuale, și alte paradigme. Sau poate chiar o metaforă, cum ar fi o hârtie de știri sau alt buletin, se va manifesta în cea mai bună lumină.

În orice caz, necesitatea unei noi paradigme nu se va schimba aceste recomandări: pentru a optimiza 1024x768, dar nu crea un design doar pentru acea dimensiune. Paginile ar trebui să funcționeze la orice rezoluție, de la 800x600 la 1280x1024 sau mai mult.