Ce factori ar trebui luați în considerare
Optimizarea ar trebui să ia în considerare următorii factori care afectează utilitatea interacțiunii cu site-ul:
- tipul de tastatură (ecran fizic, touchscreen)
- rezoluția și raportul de aspect al ecranului
- suport pentru schimbarea orientării ecranului
- viteza de transfer de date (2G, 3G, 4G)
- sistem de operare
- capabilități de browser (scalare, suport Flash și AJAX)
- ușurința de navigare (du-te la o pagină doar trei click-uri, defilare ar trebui să fie verticală, nu pe orizontală, frumos pentru a adăuga butoane de navigare din partea de sus a paginii și pagina de start - acest lucru va crește în mod semnificativ nivelul de ușurința de utilizare, prezența obligatorie a căutare pe site.
Rezoluții pentru ecranul mobil
- Nokia 6300, Nokia N95, Nokia N95, Nokia N95 8GB, Nokia N96
- Sony Ericsson W850i W890i, Sony Ericsson W880i
- Apple iPod Nano a treia A patra generație
- HTC Wizard, HTC Tattoo, HTC Touch2
- Blackberry: Curve 8530, Pearl Flip
- Android: Motorola Charm, Sony Ericsson Xperia X10 Mini și multe altele
- Symbian OS: Nokia E63 și altele
- Apple OS: iPhone, iPod
- Android: HTC Dream, HTC Hero, HTC Magic, HTC Wildfire S, Droid Pro, I7500 Galaxy, Samsung Galaxy Ace (S5830), Samsung Moment, Samsung Galaxy Gio GT-S5660, Sony Ericsson Walkman cu live și alte ...
BlackBerry: Torch, Storm, Bold
Symbian OS: Nokia N8, Nokia C6-01 și altele
- Android: Liquid A1, HTC Desire, Nexus One, i9000 Galaxy S și altele
- Maemo (Linux): Nokia 900 și altele
- Windows Mobile 6: Sharp S01SH
- Windows 7 Phone Venue Pro, Samsung Omnia 7, HTC 7 Pro și altele
Cum se conectează Yandex.Speller la WordPress
- Android: Motorola Xoom, Samsung Galaxy Tab 10.1
- Sistem de operare Windows: Asus Eee Pad EP121
- Sistem de operare Apple: Axiotron Modbook
IPad 3 are un ecran Retina cu o densitate de 264 pixeli pe inch (aceasta este chiar mai mare decât MacBook Pro de 15 inci).
IPhone 4S are 326 ppi.
Având în vedere numărul mare de permisiuni, soluția corectă ar fi implementarea proiectului One Web. Un Web - înseamnă crearea, pe cât posibil, a acelorași condiții pentru utilizarea și afișarea informațiilor pe toate dispozitivele. Dar aceasta nu înseamnă că aceleași informații vor arăta exact la fel pe diferite dispozitive.
Cum se determină rezoluția utilizând CSS
Determinați lățimea ecranului, poziția și raportul de aspect utilizând interogările media care au apărut în CSS3.
Dezavantajul acestei metode este acela că codul inițiază trei solicitări http separate. Aceste solicitări ar trebui să fie cât mai mici posibil, altfel va afecta viteza de încărcare a paginii.
Pentru a reduce numărul de interogări, puteți utiliza un fișier de foaie de stil.
Servicii de testare a adaptabilității
Dragă, nu înșela pe oameni.
De fapt, rezoluția telefoanelor mobile pe web diferă de cea declarată de producător, de exemplu pentru aspectul pentru iPhone4, este necesar să se prescrie în mediacore 320x480, iar pentru majoritatea androizilor 5x360x640.
Este foarte ciudat să-i învăț pe oameni aspectul adaptabil pentru telefoanele mobile, având în vedere că această pagină de pe Android 5 "se deschide cu glitches. Nefericirea era de a face derularea orizontală în mese - deci cel puțin fontul ar fi redus sau ceva de genul acesta.
Vă mulțumim pentru feedback. Vom corecta aspectul.
Înțeleg că este doar un scenariu de un fel. Foarte mult mă îndoiesc că se va apropia de fiecare locație. Vă imaginați un instrument care, ca o baghetă magică, transformă o versiune desktop într-o versiune mobilă? Peste tot, la urma urmei, design diferit. V-ați întrebat vreodată de ce, atunci când creați un design, se fac mai multe machete pentru rezoluții diferite? Și această redare merită banii în plus.
Glonțul de argint nu este și nu poate fi. Doar un design profesional, cu o plasare atentă a fiecărui element pe principiul aspectului mobil și de calitate, va asigura confortul utilizării magazinului online.
Articole similare
Trimiteți-le prietenilor: