Cuprins
Proiectare web receptivă, care este beneficiul pentru web?Multe aspecte ale comportamentului utilizatorilor au fost studiate de specialiștii în marketing și indică faptul că 70% dintre persoanele cu vârsta cuprinsă între 18 și 45 de ani navighează pe internet nu de pe computere, ci de pe tablete și telefoane, ceea ce este o piață foarte mare care ar dori să o lase deoparte.
Ce este un design web receptiv?
Este un design care se adaptează oricărui dispozitiv și rezoluție a ecranului, indiferent dacă este vorba de un telefon, o tabletă, un computer sau un ecran TV. Toate acestea trebuie adaptate fără a crea versiuni diferite ale unui site web pentru fiecare dispozitiv, dar este un singur site web care trebuie să se poată adapta.
O modalitate este prin modulul de interogări media CSS3 care permite redarea conținutului pentru a se potrivi condițiilor precum rezoluția ecranului
De exemplu, în fișierul de stiluri.css
@import url (styles.css) numai ecran și (max-device-width: 480px);
În interiorul fișierului începem să definim dispozitive cu o lățime maximă de 480 px și orientate orizontal:
@media numai ecran și (max-device-width: 480px) și (orientare: peisaj) {
/ * aici vor fi stilurile pentru acest dispozitiv * /
}
Alt stil pentru ecran vertical
@media numai ecran și (min-lățime: 680px) și (max-lățime: 979px) și (orientare: portret) {
/ * stiluri * /
}
Aici definim stilurile pentru un iPhone 5
@media ecran și (raportul aspect-dispozitiv: 40/71) {
/ * stiluri * /
}
Idealul este să măsori totul în procente pentru a putea crea un site web generic fără a fi nevoie să faci atâtea foi de stil.
O modalitate este plasarea conținutului care acoperă 80% din lățimea ecranului, aceasta va păstra secțiunea de conținut pe orice dispozitiv.
Câteva avantaje și aspecte de luat în considerare
Funcționarea de proiectare web receptivă este un mod de a face SEO, deoarece evităm duplicarea linkurilor și a conținutului pentru diferite versiuni ale dispozitivului, Google îi place, deși nu înseamnă că este necesar. Dacă o facem pentru a fi pentru utilizatorii de telefonie mobilă și nu pentru Google.
Pentru fiecare dispozitiv, experiența și urgența sunt diferite, deoarece sunt utilizate în momente diferite.
În general, cei care navighează de pe un computer sunt la serviciu sau acasă, prin urmare căutarea va fi mai relaxată și cu mai mult timp pentru a citi și a vedea bannerul, oricine navighează de pe o tabletă va fi cu siguranță un profesionist sau cineva care îndeplinește o sarcină specifică deoarece, prin urmare, aveți nevoie de îndrumare sau informații de referință, dar nu ceva care să vă împiedice căutarea.
În timp ce cei care navighează prin telefon vor fi cei mai tineri sau persoanele cu mult mai multă mobilitate și vor căuta informații rapide și concrete pentru anchete urgente sau căutare rapidă de informații despre un loc, eveniment sau nevoie de comunicare, unele dintre aceste aspecte sunt dezvăluite în Raport comScore de marketing online, gratuit, gratuit și care reflectă tendințele anuale.
