Съдържание
Отзивчив уеб дизайн, каква е ползата за мрежата?Много аспекти на поведението на потребителите са проучени от маркетингови специалисти и показват, че 70% от хората между 18 и 45 години сърфират в интернет не от компютри, а от таблети и телефони, което е много голям пазар, който би искал да го остави настрана.
Какво е отзивчив уеб дизайн?
Това е дизайн, който се адаптира към всяко устройство и разделителна способност на екрана, независимо дали става въпрос за телефон, таблет, компютър или телевизионен екран. Всичко това трябва да се адаптира, без да се създават различни версии на уебсайт за всяко устройство, но това е един уебсайт, който трябва да може да се адаптира.
Един от начините е чрез модул за медийни заявки CSS3 което позволява изобразяването на съдържание да отговаря на условия като разделителна способност на екрана
Например в стилове file.css
@import url (styles.css) само екран и (max-device-width: 480px);
Вътре във файла започваме да дефинираме устройства с максимална ширина 480px и ориентирани хоризонтално:
@media only screen и (max-device-width: 480px) и (ориентация: пейзаж) {
/ * тук ще бъдат стиловете за това устройство * /
}
Друг стил за вертикален екран
@media only screen и (min-width: 680px) and (max-width: 979px) и (ориентация: портрет) {
/ * стилове * /
}
Тук определяме стилове за iPhone 5
@медиен екран и (съотношение на страните на устройството: 40/71) {
/ * стилове * /
}
Идеалното е да измервате всичко в проценти, за да можете да направите общ уебсайт, без да се налага да правите толкова много стилови таблици.
Един от начините е чрез поставяне на съдържанието, покриващо 80% от ширината на екрана, това ще запази секцията със съдържание на всяко устройство.
Някои предимства и аспекти, които трябва да се вземат предвид
Отзивчивият уеб дизайн работи като начин за SEO, тъй като избягваме дублирането на връзки и съдържание за различни версии на устройството, Google той го харесва, въпреки че това не означава, че е необходимо. Ако го направим, за да бъде за мобилни потребители, а не за Google.
За всяко устройство опитът и спешността са различни, тъй като се използват по различно време.
Като цяло тези, които навигират от компютър, са на работа или у дома, следователно търсенето ще бъде по -спокойно и с повече време за четене и виждане на банера, който и да навигира от таблет, със сигурност ще бъде професионалист или някой, който изпълнява определена задача тъй като следователно имате нужда от насоки или справочна информация, но не от нещо, което да възпрепятства търсенето ви.
Докато тези, които се ориентират по телефона, ще бъдат най -младите или хората с много по -голяма мобилност и ще търсят бърза и конкретна информация за спешни запитвания или бързо търсене на информация за място, събитие или нужда от комуникация, някои от тези аспекти са разкрити в comScore доклад за онлайн маркетинг, който е безплатен, безплатен и отразява годишните тенденции.
