Täna jõuavad inimesed veebilehele väga erinevatest seadmetest, mobiilist, tahvlist, sülearvutist ja suurest lauaarvutiekraanist. Hea veebilahendus peab toimima usaldusväärselt ja loetavalt kõigil neil ekraanidel. Responsive veebiarendus aitab tagada, et sisu, navigeerimine ja tegevuskutsed töötavad loogiliselt sõltumata sellest, millist seadet külastaja kasutab.
01
Kui veeb ei kohandu ekraani suurusega, muutub selle kasutamine tülikaks. Nupud võivad olla liiga väikesed, menüüd ebaloogilised, tekst raskesti loetav ja pildid halvasti skaleeritud. See ei mõju halvasti ainult kasutajakogemusele, vaid vähendab ka usaldust ettevõtte vastu.
Näited:
02
Responsive veeb ei tähenda ainult seda, et paigutus “mahuks ekraanile ära”. Hea lahendus arvestab korraga loetavuse, navigeerimise, sisu tähtsuse, piltide, vormide ja kiirusega.
Sisu peab kohanduma ekraani suurusele nii, et oluline info jääks nähtavaks ja kasutaja teekond oleks selge.
Menüü, nupud ja tegevuskutsed peavad olema lihtsalt kasutatavad ka väiksemal ekraanil.
Pildid, ikoonid ja muud visuaalsed elemendid peavad olema kvaliteetsed, kuid mitte koormama lehe kiirust.
Kirjasuurused, vahed ja sisuplokid peavad toetama lugemist ka mobiilis.
Responsive veeb peab olema lisaks ilusale kuvamisele ka kiirelt laetav ja usaldusväärne.
03
Kasutajakogemus ei sõltu ainult sellest, milline veeb välja näeb. Sama oluline on see, kui lihtne on veebis liikuda, infot leida ja järgmise sammuni jõuda. Kui mobiilikasutus on kohmakas, kaob osa külastajaid juba enne, kui nad ettevõtte pakkumisega päriselt tuttavaks saavad.
04
Kui veeb toimib hästi mobiilis, on sisu kasutajale paremini kättesaadav ja Google’il lihtsam seda mõista ühe URL-i ja ühe sisukomplekti kaudu. Responsive lahendus aitab vältida olukordi, kus eri seadmete jaoks on vaja hallata eri versioone või kus mobiilivaates jääb osa põhisisust raskesti kasutatavaks.
Hea responsive lahendus ei sünni ainult disaini “kokku tõmbamisest”. Enne tuleb läbi mõelda, milline sisu on eri ekraanidel kõige olulisem, kuidas kasutaja liigub veebis ja kuidas hoida kogemus loogiline nii mobiilis kui lauaarvutis.
Paneme paika, millised leheosad on kõige olulisemad ja kuidas need peaksid eri seadmetes käituma.
Loome lahenduse, kus paigutus, navigeerimine ja visuaalsed elemendid kohanduvad ekraani suurusega.
Kontrollime veebilehte eri seadmetes ja brauserites, parandame kitsaskohad ning optimeerime kiirust ja kasutusmugavust.
Responsive veebiarendus tekitab sageli küsimusi, sest teema ei puuduta ainult ekraani suurust, vaid ka kasutajakogemust, kiirust, sisu paigutust ja veebilehe tehnilist toimivust. Allpool on vastused mõnele levinumale küsimusele selle kohta, miks responsive ühilduvus on tänapäevase veebilahenduse loomulik osa.
Kas responsive veeb tähendab ainult mobiilisõbralikku kujundust?
Ei. Lisaks kujundusele hõlmab see ka sisu paigutust, navigeerimist, loetavust, vormide kasutatavust ja lehe üldist toimivust eri seadmetes.
Kas responsive lahendus on SEO jaoks oluline?
Jah. Google soovitab responsive web design’i ning rõhutab, et sisu peaks olema kiiresti kättesaadav ja korralikult kuvatav kõigil ekraanidel.
Kas vana veebilehe saab muuta responsive’iks?
Sageli saab, kuid see sõltub olemasoleva veebilehe tehnilisest ülesehitusest. Mõnel juhul piisab kohandustest, mõnel juhul on mõistlikum lahendus põhjalikumalt uuendada.
Kas responsive veeb peab olema ka kiire?
Jah. Hea kuvamine üksi ei piisa, kui leht laeb aeglaselt ja takistab kasutajal mugavalt sisu tarbida.
Kas responsive veeb toimib samamoodi kõigis brauserites?
Eesmärk on, et põhisisu, navigeerimine ja põhifunktsioonid toimiksid eri brauserites korrektselt, mistõttu testimine on oluline osa arendusprotsessist.
Kui tunned, et sinu veeb on mobiilis kohmakas, eri seadmetes ebaühtlane või vajab tehnilist uuendust, siis räägime läbi. Aitame hinnata, kas piisab responsive parandustest või tasub kogu lahendus üle vaadata laiemalt.
Kas oled kunagi mõelnud, mis on maailma kõige mahukam veebilehekülg? Sageli on esile tõstetud just Wikipedia, mis on üks suurimaid ja enimkasutatavaid veebisaite maailmas ja nõuab keerukat sisuhaldussüsteemi, et hallata tohutut hulka sisu ja toetada suurt kasutajate kogukonda. Wikipedia keerukus tuleneb selle kollaboratiivsest olemusest, mitmekeelsusest, sisu mahust ning vajadusest tagada usaldusväärne ja täpne info.
Kas teadsid, et Amazon alustas oma äri raamatuid müües? Ehk internetipõhisest raamatupoest, reklaamides end kui “Earth’s Biggest Bookstore“. See oli üks esimesi kordi, kui üks ettevõte kasutas interneti võimalusi globaalse turu sihtimiseks, pakkudes ligipääsu miljonitele raamatutele. Amazoni edu näitas, kuidas veebilehed võivad muuta traditsioonilisi ärimudeleid, luues uusi võimalusi klienditeeninduses ja tootevalikus.
Maailma esimene veebipood sündis aastal 1994. Dan Kohn tuli välja e-poega nimega NetMarket, mida peetakse esimeseks tõeliseks e-poeks, kus toimus ka esimene turvaline jaemüügitehing internetis, kasutades krediitkaarti. See sünd märkis digitaalse kaubanduse algust, avades ukse e-kaubanduse plahvatuslikule kasvule ja uutele ärivõimalustele internetis, mis on tänapäeval muutunud majanduse lahutamatuks osaks.
