Inhoudsopgave
Responsive webdesign, wat is het voordeel voor het web?Veel aspecten van het gebruikersgedrag zijn bestudeerd door marketingspecialisten en geven aan dat 70% van de mensen tussen 18 en 45 jaar niet op internet surft vanaf computers, maar vanaf tablets en telefoons, wat een zeer grote markt is die het graag opzij zet.
Wat is een responsive webdesign?
Het is een ontwerp dat zich aanpast aan elk apparaat en elke schermresolutie, of het nu een telefoon, tablet, computer of tv-scherm is. Dit alles moet worden aangepast zonder voor elk apparaat verschillende versies van een website te maken, maar het is een enkele website die zich moet kunnen aanpassen.
Een manier is via de module voor mediaquery's CSS3 waarmee de weergave van inhoud kan worden aangepast aan omstandigheden zoals schermresolutie
Bijvoorbeeld in het stijlenbestand.css
@import url (styles.css) alleen scherm en (max-device-width: 480px);
In het bestand beginnen we apparaten te definiëren met een maximale breedte van 480px en horizontaal georiënteerd:
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
/ * hier zijn de stijlen voor dit apparaat * /
}
Andere stijl voor verticaal scherm
@media only-scherm en (min-breedte: 680px) en (max-breedte: 979px) en (oriëntatie: portret) {
/ * stijlen * /
}
Hier definiëren we stijlen voor een iPhone 5
@media-scherm en (apparaat-aspect-ratio: 40/71) {
/ * stijlen * /
}
Het ideaal is om alles in procenten te meten om een generieke website te kunnen maken zonder zoveel stylesheets te hoeven maken.
Eén manier is door de inhoud 80% van de breedte van het scherm te plaatsen, zodat de inhoudssectie op elk apparaat behouden blijft.
Enkele voordelen en aspecten om te overwegen:
Responsief webontwerp is een manier van SEO, omdat we dubbele links en inhoud voor verschillende versies van het apparaat vermijden, Google hij vindt het leuk, hoewel het niet betekent dat het nodig is. Als we het doen om voor mobiele gebruikers te zijn en niet voor Google.
Voor elk apparaat is de ervaring en urgentie anders omdat het op verschillende tijdstippen wordt gebruikt.
Over het algemeen zijn degenen die vanaf een computer navigeert op het werk of thuis, daarom zal het zoeken meer ontspannen zijn en met meer tijd om de banner te lezen en te zien, wie navigeert vanaf een tablet zal zeker een professional zijn of iemand die een specifieke taak uitvoert want daarom heb je begeleiding of referentie-informatie nodig, maar niet iets dat je zoektocht belemmert.
Terwijl degenen die telefonisch navigeren de jongste zijn of mensen met veel meer mobiliteit en snel en concrete informatie zoeken voor dringende vragen of snel zoeken naar informatie over een plaats, evenement of behoefte aan communicatie, worden sommige van deze aspecten onthuld in de comScore rapport van online marketing dat gratis en gratis is en de jaarlijkse trends weerspiegelt.
