Reageeriv disain
Reageeriv disain on veebiarenduse lähenemisviis, mis muudab veebisaidid kohandatavaks ja korrektseks kõigil ekraanisuurustel, alates lauaarvuti monitoridest tahvelarvutiteni ja nutitelefonideni.
Reageeriv veebidisain tagab, et veebisait näeb välja ja toimib hästi igal seadmel, olenemata ekraanisuurusest. Selle asemel, et luua eraldi veebisaidid lauaarvutitele ja mobiilile (mis oli varases 2010. aastate alguses levinud praktika), kasutab reageeriv disain paindlikke paigutusi, paindlikke pilte ja CSS-i meediapäringuid sama saidi kohandamiseks erinevatele vaateväljadele.
Kaasaegne reageeriv disain läheb kaugemale pelgast sisu mahutamist väiksematele ekraanidele. See arvestab puutetargetidega (nupud, mida on piisavalt lihtne vajutada), navigeerimismustritega (hamburgermenüü vs. täielik navigeerimisriba), sisu prioriteetidega (olulisima info esiletõstmine mobiiliversioonis) ja jõudlusega (kergete ressursside laadimine aeglasematel mobiilühendustel).
Praktikas
- Jaekauplus märkas, et nende mobiilne hüppemäär oli 75% (võrreldes 35%-ga lauaarvutis), sest nende mittevastav sait oli telefonidel peaaegu kasutuskõlbmatu; pärast reageerivat ümberkujundust langes mobiilne hüppemäär 40%-le
- B2B ettevõtte reageeriv ümberkujundus suurendas mobiilseid konversioone 60%, lihtsalt muutes kontaktvormi mugavaks täitmiseks nutitelefonidel
- Restoranikett vahetas eraldi mobiilsaidilt (m.example.com) üle reageerivale disainile, kõrvaldades dubleeruva sisu probleemid ja parandades SEO tulemusi
- Heategevusorganisatsioon disainis oma annetuste lehe uuesti reageerivate printsiipide järgi, mille tulemusena suurenesid mobiilsed annetused esimesel kvartalil pärast käivitamist 120%
Rohkem teemal: Veebiarendus
Kas ei ole kindel, kuidas see teile kehtib?
Kogenud insener vaatab üle teie veebisaidi, nähtavuse otsingus ja päringute teekonna ning kirjutab seejärel üles kolm asja, mida esmalt parandada. Dokument jääb teile igal juhul.