Kas teil on " tundlik veebisait "? See on paigutus, mis muutub vastavalt külastaja seadmele ja ekraani suurusele. Vastutustundlik veebidisain on nüüd tööstusharu parimad tavad. Seda soovitab Google ja leida miljonitele veebisaitidele. Siiski on suur erinevus veebisaidi vahel, mis lihtsalt sobib erinevatele ekraanisuurustele ja millel on tõeliselt reageeriv sait.
Ma näen regulaarselt, et ettevõtted redigeeri oma veebisaiti ja avaldavad pressiteate, milles tuuakse välja oma uue mobiilisõbralikku disaini väärtused. Kui ma neid saite külastaksin, on see, mida ma tihti leian, on paigutus, mis tõepoolest ulatub ja muutub erinevatele ekraanidele sobivaks, kuid see on niivõrd, kuivõrd nad võtavad vastu reageerimisvõimalusi. Sellest ei piisa. Tõeliselt reageeriv veebisait on rohkem kui lihtsalt skaala, mis sobib väiksema või suurema ekraaniga. Nendel saitidel leiate ka järgmised olulised tunnused.
1. Optimeeritud jõudlus
Keegi ei meeldi oodata veebisaidi laadimist ja kui keegi kasutab mobiilsideseadet ühendusega, mis võib olla ideaalidest vähem, on saidi kiire laadimise vajadus veelgi olulisem.
Kuidas saate saidi toimivust optimeerida? Kui te alustate uue saidi ümberkujundamise osana, peaksite tegema selle tulemusena projekti tulemusena eelarve loomiseks . Kui töötate olemasoleva saidiga ja see ei alustu nullist, on esimene samm testida saidi jõudlust, et näha, kus te praegu seisate.
Kui teil on baasjoon, kus teie sait toimib tõhusalt, võite alustada vajalike paranduste tegemist, et suurendada allalaadimise kiirust. Suurepärane koht alustamiseks on tõenäoliselt teie saidi piltidega. Liiga suured pildid on # 1 süüdlane, kui tegemist on aeglaste laadimisaladega, nii et veebipõhiste piltide optimeerimine võib teie saidil tulemuslikkuse seisukohalt tõesti aidata.
Reaalsus on see, et parem veebisaidi toimivus ja kiire allalaadimise kiirus on kasu, mida kõik külastajad hindavad. Lõppude lõpuks ei ole keegi kaebanud, et saidi laaditud "liiga kiiresti", kuid kui veebisait laadimiseks kulub liiga kaua, siis muudab see inimesi eemale, kas see sobib ekraanile sobival viisil või mitte.
2. Smart sisu hierarhia
Kui veebisaiti kuvatakse suurel ekraanil, on teil võimalik sisu välja panna mitmel viisil, kuna saadaval on märkimisväärne ekraanikinnisvara. Võite tihti sobida korraga oluliste sõnumite ja piltide, uudiste värskenduste, sündmuste teabe ja saidi navigeerimisega. See võimaldab külastajatel hõlpsasti ja kiiresti skannida kogu lehe sisu ja otsustada, mis neile on oluline.
See stsenaarium muutub üsna dramaatiliselt, kui võtate selle saidi kujunduse ja muudate selle väikese ekraani jaoks mõeldud seadmete, näiteks mobiiltelefoni jaoks. Äkki olete töötanud murdosa ekraaniga kinnisvara olete varem. See tähendab, et peate otsustama, mis esimest korda saidil ilmub, mis järgneb sellele jne. Selle asemel, et kõik, mida korraga nähakse, on tõenäoliselt ainult üks või kaks asja näidata (millest üks on tõenäoliselt navigatsioon). See tähendab, et hierarhia otsuseid tuleb teha. Kahjuks määrab see, mis sageli määrab, mis ekraanile kõigepealt tuleb, ja seejärel teine jne, on see, kuidas leht ise kodeeritakse. Kõige lihtsam on reageeritava saidi ülesehitamisel näidata kõigepealt kõigepealt ekraanil olevat koodi, millele järgneb koodi teine element ja nii edasi. Kahjuks ei pruugi üks seadme puhul kõige olulisem olla teisele kriitiline. Tõeliselt reageeriv sait mõistab, et sisu hierarhia peaks olenevalt erinevatest olukordadest muutuma ja see peaks olema arukas selle kohta, mida see seal kuvatakse.
CSS-paigutuse tehnoloogiate, sealhulgas CSS-i võrgukujunduse, Flexboxi jt parandused võimaldavad veebidisaineritel ja arendajatel HTML-koodi sisupiirkondade täpse järjekorra asemel luua rohkem võimalusi sisutulemuste arukaks kujundamiseks. Nende uute paigutusvõtete kasutamine muutub veelgi olulisemaks, kuna seadme maastik ja meie saidi kasutajate vajadused arenevad edasi.
3. Kogemused, mis võtavad arvesse seadme tugevusi ja nõrkusi
Seadmete teema jäämine - iga seade, mida keegi teie saidil külastamiseks võib kasutada, on nii selle platvormi jaoks tugevate ja nõrkade külgede poolest. Suurepärane reageeritav sait mõistab erinevate seadmete võimalusi ja piiranguid ning kasutab neid kohandatud kogemuste loomiseks, mis sobivad kõige paremini mis tahes seadmega, mida külastaja võib hetkel kasutada.
Näiteks sisaldab mobiiltelefoni mitmeid funktsioone, mida tavapärases lauaarvutis ei leia. GPS on üks mobiilis orienteeritud funktsiooni näide (jah, saate ka lauaarvutites üldist asukohateavet, kuid seadme GPS on palju täpsem). Teie sait võib kasutada GPS-i teavet, et nutikalt saata inimesele üksikasjalikku ja konkreetset samm-sammult suuna teavet või eripakkumisi, mis põhinevad täpselt seal, kus nad hetkel on.
Veel üks näide selle printsiibist praktikas oleks saiti, mis mõistab, millist kuvarit kasutate, ja saadab sellele displeile kõige paremini sobivad pildid. Kui teil on kõrge pikslite tihedusega ekraan, võite otsustada sellel ekraanil saata kõrgema kvaliteediga pilte. Kuid need pildid oleksid ebaefektiivsed vähem hõlpsa ekraaniga ja lisakvaliteet läheks kaduma, kui faili suurus ei laadita tegelikku põhjust alla.
Tõeliselt reageerivad saidid leiavad kogu kasutajakogemust ja töötavad selle kogemuse kohandamiseks, mis põhineb mitte ainult selle ekraani seadme tüübil või suurusel, vaid ka riistvara olulistest aspektidest.
4. Sisu kontekstiga
Esialgu said reageerimisvõimalusega veebidisain oma nime, sest saidi kujunduse idee reageeris erinevatele ekraani suurustele, kuid võite vastata nii palju kui lihtsalt ekraani suurusele. Kasutades eelmise näiteid seadme tugevate ja nõrkade külgede kohta, võite kasutada neid ja muid andmeid, nagu kuupäev ja kellaaeg, veebisaidi kogemuse tõeliseks kohandamiseks.
Kujutlege veebisaiti suureks näitusteürituseks. Kuigi reageeriv veebisait muudab saidi lehtede paigutust erinevate ekraanidega hõlpsamaks muutmiseks, saate ka kuupäeva järgi määrata, milline sisu on kõige olulisem kuvada. Kui see on sündmuse ajaperiood, siis soovite tõenäoliselt kuvada registreerimisandmed. Kui aga sündmus tegelikult sellel hetkel toimub, ei pruugi registreerimine olla kõige olulisem sisu. Selle asemel võite otsustada, et sündmuste ajakava on kriitilisem, kuna see on selle kasutaja jaoks kõige kohasemate vajadustega seotud.
Kui asju veelgi paremaks tegite, võite kasutada seadme GPS-i, et määrata kindlaks, kus nad tegelikult messil näevad. Võite anda neile interaktiivse sisu vastavalt nende asukohale, näidates neile lähedal asuvaid kabineid või seansse, mis alustatakse.
5. Juurdepääsetavus
Lõpptulemusena näeme, kuidas saidil saab reageerida külastaja vajadustele, mõtle veebisaidi juurdepääsetavusele . Koduleheküljed peaksid olema võimalik kasutada nii palju inimesi kui võimalik, sealhulgas puuetega inimesi. Teie veebisaidil peaks olema võimalus seda kasutada, kui keegi vajab oma sisu juurde pääsemiseks ekraanilugeja või muu abistatud tarkvara. Sel viisil vastab teie sait nende vajadustele, sest olete taganud, et puuetega külastajatele kogemus on endiselt sobiv.
Reageerides võimalikult paljudele andmepunktidele ja mitte ainult ekraani suurusele, võib veebisait olla palju enamat kui lihtsalt "mobiilne sõbralik". See võib saada tõeliselt reageerivaks kogemuseks igas mõttes.