5 enim küsitud küsimust tundliku veebisaidi kujundamise kohta

Oleme analüüsinud paljusid ajaveebipostitusi, foorumeid ja kasutajate kommentaare, et saada see loend 5 kõige sagedamini esitatavast küsimusest tundliku disaini kohta. See on selle aasta üks enim räägitud suundumusi veebisaidi kujundamisel ja kui te sellest veel piisavalt ei tea, siis see postitus heidab valgust selle uuendusliku disainitehnika igale aspektile.

Paljudel teist, kui mitte kõigil, on vähemalt üks populaarsetest vidinatest, kas mul on õigus? Möödas on ajad, mil kasutasime oma mobiiltelefone ainult helistamiseks. Täna kasutame oma nutitelefone Facebookis sõpradega vestlemiseks, Instagrami piltide postitamiseks, e-posti kontrollimiseks ja isegi ostlemiseks. Tahvelarvutitel on funktsionaalsus veelgi suurem: saame neid kindlasti kasutada filmide vaatamiseks ja veebis äri ajamiseks.

Kogu selle sissejuhatuse eesmärk oli juhtida tähelepanu tundliku veebisaidi kujunduse tähtsusele. Alustuseks peate teadma, et reageeriv veebisaidi kujundus (RWD) tähendab veebisaidi võimet sobituda mis tahes ekraani eraldusvõimega ja mobiilseadmega. Kui kasutaja avab veebisaidi töölaual, näeb ta kõike suurelt; väiksema eraldusvõimega ärge lõigake lehte, vaid vähendage seda vajaliku suuruseni.

Kui keegi väidab, et tundlik disain on hea, peab ta seda tõestama. Vastasel juhul ei usu kasutajad seda funktsiooni ega kasuta seda oma ettevõtte jaoks. Hästi põhjendatud avaldus võidab suurema tõenäosusega kasutajate heakskiidu. Lõpuks anname teile need 5 populaarset küsimust sellel teemal ja loomulikult vastused neile.

Küsimus nr 1: miks mul on vaja reageerivat veebisaidi kujundust?

Esimene põhjus, miks tundlik disain on oluline, on tingitud mobiilse Interneti suurest kasutamisest. Peale selle lahendab tundlik disain palju veebiettevõtete probleeme ja aitab veebisaitide omanikel saavutada paremaid tulemusi peaaegu kõigega:

• RWD säästab aega ja raha. Lihtsam, kiirem ja säästvam on pidada ühte veebisaiti kahe asemel: üks lauaarvutitele ja teine ​​mobiilikasutajatele.
• RWD on juurdepääsetavam kui tavaline lauaarvuti veebisait. Lauaarvuti veebisaiti saab käivitada lihtsalt arvuti kaudu, mis tähendab, et peate olema kodus/kontoris või oma sülearvuti igal pool kaasas kandma. Responsiivsele veebisaidile pääseb ligi igast kohast – nutiseade peab kaasas olema.
• RWD on SEO jaoks hea. Teil on RWD-ga veebiettevõtte jaoks ainus SEO-kampaania, kuna teil on ainus URL. Seetõttu ei pea te kahte veebisaiti reklaamima ja optimeerima.
• RWD toob teile rohkem kliente ja suurendab konversioonimäärasid. Kui kasutajad avavad nutitelefonis mittereageeriva veebisaidi, lahkuvad nad tavaliselt sealt kohe. Seda ei juhtu tundliku saidi puhul, mis sobib nii lauaarvutitele kui ka mobiilseadmetele. Kasutajatele meeldib lihtsus, juurdepääsetavus ja kasutatavus, nii et RWD (mis pakub lihtsat leidmist ja kiiret ostmist) tagab teile kõrgema konversioonimäära.
• RWD aitab teil konkurentsis püsida. Iga äri, olgu see siis kaupmeeste teenindus, fotograafia, mood või meditsiin, on konkurentsi seisukohalt väga karm. Alati on inimesi sinu selja taga, kuid on ka neid, kes lähevad sinust ette. Kui teil on responsiivne veebisait, saate võistelda oma ettevõtte hiiglastega ja jätta seljataha need, kes pole selle tehnika olulisusest veel aru saanud.

Küsimus nr 2: kas tundlik disain on ideaalne? Mis on puudused?

Jah, teil on õigus: tundlik disain ei ole täiuslik. Selle kasutamisel on nii eeliseid kui ka puudusi. Peamisi eeliseid kirjeldati eespool ja nüüd on aeg paljastada selle halb pool.

• Aeglane laadimisaeg. Responsiivne veebisait vajab laadimiseks rohkem aega, sest täissuuruses pildid laaditakse alla ja seejärel muudetakse nende suurust vastavalt seadme ekraani eraldusvõimele.
• Üleskutse tegevusele. Tegevusele kutsuv nupp muudab suurust nagu ka kõik muud kujunduselemendid ning puuteekraani kaudu väikese nupu klõpsamine muutub tõeliselt ebamugavaks.
• Pildid. Kujutised on tundliku veebisaidi kujunduse üks suurimaid puudusi. Probleem on selles, et tõenäoliselt ei vali te 24" lauaarvuti ja 4" nutitelefoni ekraani jaoks samu pilte. Saate kasutada lauaarvuti saidil pikka võtet, samas kui väikese ekraani jaoks on parem valida lähivõte suurus.

Küsimus nr 3: kuidas vältida vigu ja riske reageeriva disainiga?

Laadimiskiiruse osas saate pilte optimeerida, tihendades ja vähendades neid. Selle jaoks on palju tasuta ja juurdepääsetavaid tööriistu. Samuti saate vabaneda mittevajalikest sisuüksustest ja kiirendada seeläbi oma saiti.

Nupud peavad olema koputamiseks piisavalt suured (võtke arvesse sõrme suurust). Hea suurus on umbes 44×44 pikslit. See on väga lihtne lahendus reageerival saidil CTA tööle panna.

Navigeerimismenüü võib saada RWD jaoks suureks probleemiks. Kuid kui teil õnnestub luua sobiv menüü kõigi ekraani eraldusvõimete jaoks, pole see asi, mille pärast muretseda. Kuidas oleks kerimisega? See töötaks päris hästi nii lauaarvutite kui ka mobiilsete kujunduste jaoks.

Küsimus nr 4: Mis on parem? Kohanduv vs. kohanduv vs. mobiilne veebisait

Alustuseks kirjeldame kõiki neid termineid:

Responsiivne veebisaidi kujundus kasutab kõigi seadmete jaoks ühte URL-i, see näitab nendes seadmetes sama sisu, kuid vaated on erinevad.

Adaptiivne veebisaidi kujundus kasutab samuti ühte URL-i, kuid sellel on seadmete jaoks erinev sisu paigutus, kuna kujundusversioone on vähe. Peamine roll on siin serveril, mis laadib sõltuvalt ekraani eraldusvõimest vajaliku versiooni.

Mobiiliveebisaidi kujundus on täiesti uus veebisait, millel on oma URL. Selline veebisait on loodud just mobiilseadmete jaoks.

Mille poolest need kujundused üksteisest erinevad ja milline neist on kasutajatele parem?

• Üks URL on kasutajatele mugavam ja sellest vaatenurgast ei ole mobiiliveebisait piisavalt hea.
• Mobiiliveebisaidil on parim laadimiskiirus ja see on väga oluline. Kohanduv veebisait on veidi aeglasem, kuid kiirem kui reageeriv.
• Lihtsaim ja aegasäästvam hooldus on tundliku veebisaidi jaoks. Mobiilne veebisait maksab teile kaks korda rohkem!

Kokkuvõtteks peame tunnistama, et tundlik disain on vastastega võrreldes veidi mugavam, kasutajasõbralikum ja kergem hooldada. Muidugi on sellel mõned puudused, kuid eelised on väga veenvad.

Küsimus nr 5: kuidas testida minu reageerivat veebisaiti?

Paljud disainerid ja arendajad muretsevad testimisprobleemi pärast, sest tundlik sait peab olema täiuslik ja hea väljanägemisega igas seadmes, isegi kui te veel vidina olemasolust ei tea. Responsiivse veebisaidi kontrollimiseks enne käivitamist on palju häid tööriistu . Siin anname teile mõned:

1. Vastustaja. See tööriist võtab teie URL-i ja proovib seejärel veebisaiti paljudes seadmetes, nagu erinevad iPhone’i mudelid, Android, iPad ja Kindle. See on lahe, et pildid pannakse ükshaaval vertikaalselt, nii et näete enne kerimist ainult ühte pilti. Pildid ei ole segased ja ükski detail ei jää kahe silma vahele.
2. Tundlik disain on. See tööriist töötab sarnaselt eelmisega, kuid pakub veidi väiksemat ekraanieraldusvõime valikut: vaid neli. Kõik pildid on lehe ülaosas ja nende omadused on tekstis madalamad.
3. Stach reageeriv brauser. Seda tööriista on mugav kasutada, kuna saate valida seadme, mida enda peal testida. Lisaks on olemas portree- ja maastikuvalikud, mida saate ka käsitsi seadistada.
4. DesignModo reageeriv test. Siin saate valida suurima valiku seadmeid ja lisaks saate ekraani eraldusvõimet käsitsi määrata ja see võib olla ükskõik milline.
5. Tundliku disaini kontrollija. Selle tööriista kasutamisel saate valida erinevate ekraanieraldusvõimete vahel, mis on jagatud kahte rühma: lauaarvutid ja sülearvutid ning tahvelarvutid ja telefonid.

Järeldus

Responsiivse veebisaidi kujunduse loomise otsusele eelneb palju küsimusi. Sellesse artiklisse kogusime RWD kohta fakte, mida peate teadma, ja andsime teile hea osa teabest, et vältida pikki otsinguid ja aega raiskavaid artikleid.