Rezoluția ecranului și aspectul paginii

Rezumat: optimizați paginile de Internet sub 1024x768, dar utilizați un design plutitor care se întinde corect în orice rezoluție - de la 800x600 la 1280x1024.







Una dintre întrebările cele mai întrebate pe cursul meu Web este "Sub ce rezoluție ar trebui să proiectăm?" Răspunsul complet va fi un pic dificil, dar sfaturile de bază sunt evidente:

* Optimizați sub 1024x768 - aceasta este cea mai obișnuită dimensiune a ecranului. Fără îndoială, trebuie să vă concentrați asupra rezoluției ecranelor publicului vizat, iar în viitor dimensiunea se va schimba. Dimensiunea poate fi deja diferită dacă, de exemplu, creați un intranet pentru o companie care emite monitori mari către angajații săi.
* Nu creați site-uri doar pentru o anumită dimensiune a ecranului, deoarece dimensiunile ecranelor utilizatorilor sunt diferite. Există o mulțime de diferențe, deoarece utilizatorii nu își "maximizează" întotdeauna browserele (mai ales dacă au ecrane mari).
* Utilizați modele "plutitoare" care se extind la dimensiunea specifică a ferestrei utilizatorului (evitați desenele statice care au întotdeauna aceeași dimensiune).

Până în prezent, aproximativ 60% din toate monitoarele sunt configurate pentru o rezoluție de 1024x768 pixeli. Pentru comparație, aproximativ 17% prezintă 800x600, deci este evident că nu este atât de important să vizezi utilizatorii cu afișaje mici. De asemenea, este evident că nu puteți ignora aceste 17% și oferiți utilizatorilor dvs. un aspect de pagină care necesită mai mult spațiu liber decât cel pe care îl deține.
Optimizare pentru 1024x768

Când spun "optimizare", vreau să spun că pagina dvs. ar trebui să arate și să funcționeze optim pe cea mai comună rezoluție. În acest sens, ar trebui să arate bine și să lucreze pe alte dimensiuni, așadar recomand un design "plutitor". Dar ar trebui să fie cel mai bun la o rezoluție de 1024x768.

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

* Prezentare inițială: este utilizatorul vizibil pentru toate informațiile cheie fără derularea paginii? Acesta este un compromis între numărul de elemente afișate și cât de detaliat este afișat fiecare articol.
* Citire: cât de ușor este să citești text în diferite coloane cu o anumită lățime?
* Estetica: cât de bine arată pagina dvs. atunci când toate elementele au dimensiunile potrivite și locația potrivită? Sunt toate elementele corect aliniate - de exemplu, este semnătura de lângă fotografie etc.?







Trebuie să țineți cont de aceste trei criterii în toate rezoluțiile posibile, modificând în mod constant dimensiunea ferestrei browserului de la 800x600 la 1280x1204. Totul ar trebui să arate bine la toate rezoluțiile.

De asemenea, site-ul dvs. ar trebui să funcționeze pentru dimensiuni mai mici și mai mari, dar astfel de situații sunt mai puțin importante. Mai puțin de jumătate la sută dintre utilizatori lucrează cu o rezoluție de 640x480. În același timp, pentru acești utilizatori, site-ul dvs. ar trebui să fie afișat destul de acceptabil, cu abateri acceptabile.

După cum spune primul criteriu - trebuie să țineți cont întotdeauna de derularea paginii. În mod tipic, utilizatorii nu le place să deruleze (în noua mea carte acest lucru este descris în detaliu cu statistici, care arată cât de mulți utilizatori navighează prin diferite tipuri de pagini). Deci, atunci când faceți un design, trebuie să luați în considerare cantitatea de informații pe care utilizatorii o vor vedea dacă defilate una sau două ecrane complete.

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ă optimizați pentru 1024x768: să arătați cel mai important material fără derulare (cu aceasta trebuie să vă asigurați că informațiile critice vor rămâne vizibile la o rezoluție de 800x600).

Mulți utilizatori au ecrane mari. În prezent, aproximativ 18% utilizează cel puțin o rezoluție egală cu 1280x1024 pixeli. Procentul de utilizatori cu ecrane mari crește, dar nu așa cum mi-ar plăcea.

Monitoarele mari sunt cea mai ușoară modalitate de a îmbunătăți performanța și oricine câștigă cel puțin 50.000 de dolari pe an ar trebui să aibă o rezoluție a ecranului de cel puțin 1600 × 1200. Un ecran plat cu această rezoluție costă mai puțin de 500 de dolari. Prin urmare, în timp ce afișajele mari cresc productivitatea cu cel puțin 0,5%, plătiți investiția în mai puțin de un an (cheltuielile tipice corporative sunt de două ori mai mari decât costurile companiei pe angajat.

Personal, folosesc un afișaj cu o rezoluție de 2048x1536 pixeli și nici măcar nu numesc un astfel de monitor mare. În următorii 10 ani, mă aștept ca utilizarea monitorilor de 5000x3000 să devină obișnuită, cel puțin printre profesioniști.

De la 1600x1200, utilizatorii rareori își întind browserele pe ecran complet, deoarece puține site-uri Internet funcționează bine pe astfel de rezoluții. Ferestrele mari sunt magice atunci când lucrează cu mese, cu design grafic și cu multe alte sarcini, dar nu cu paradigma reală a site-urilor de internet. Astăzi, utilizatorii de Internet cu ecrane mari reciclează spațiu liber suplimentar cu mai multe ferestre și surfing paralel pe Internet.

Pentru a vă bucura pe utilizatorii de internet în viitor, cel mai probabil nu vom avea nevoie de pagini individuale, ci de o altă paradigmă. Sau poate chiar o metaforă, cum ar fi un ziar de știri sau altă consiliu de informare, se va manifesta într-o lumină mai bună.

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







Articole similare

Trimiteți-le prietenilor: