10 tööriista ja rakendust oma tundliku disaini testimiseks
Kunagi pole tähtsam tagada, et teie disain oleks enne turuleviimist valmis igat tüüpi kasutajatele ja seadmetele. Ehkki iga seadme füüsiline testimine võib olla keeruline, on mõned tööriistad ja rakendused, mis aitavad teil paljusid reageerivaid stsenaariume korrata.
Tasuta ja esmaklassiliste tööriistavalikutega pole mingit põhjust mitte enne oma kasutuselevõttu oma tundlikku disaini proovile panna. Kasutage seda teavet kindlasti paljude vajalike disainiparanduste jaoks! Täna tutvustame teile valikut tööriistu reageeriva disaini testimiseks.
Uurige Envato elemente
1. Google'i mobiilisõbralik test
Google'i mobiilisõbralik test on üks neist tööriistadest, mis jääb kuidagi kahe silma vahele. Kui vajate otsingu nähtavust, peate oma veebisaidi kujunduse vastama Google'i standarditele; see on nii lihtne.
Kasutamine on lihtne, sisestage lihtsalt URL ja vaadake, kuidas teie leht hindab mobiilseadmeid. Selle tööriista parim osa on see, et see näitab, kus teie veebisait võib aeglustuda või ei toimi mobiilis hästi, et saaksite parandusi teha.
Maksumus: tasuta
2. Vastutaja
Responsiator võimaldab teil näha oma veebisaidi kujundust paljudes erinevates seadmekeskkondades. (See on suurepärane viis seadmete kopeerimiseks, ilma et kuskil sahtlis oleks telefoni virna.)
Parim külg selle saidi kohta on see, et uued seadmed lisatakse kiiresti ja igaüks tegelikult võimaldab teil kerida, nii et näete tervet lehte, mitte ainult seda, mis kerimise kohal ilmub. Seadmeid pakutakse ka portree- ja maastikuvaates. Lisaks on iga seadme eelvaade märgistatud, nii et teate täpselt, mida te vaatate ja kus probleemid võivad varitseda.
Maksumus: tasuta, kuid koos reklaamidega (eemaldage annetuse eest reklaamid)
3. Vastuvõtlik disaini kontrollija
Responsiivne disainikontroll paneb teie veebisaidi aknasse, kus saate suurusi käsitsi reguleerida - see sobib suurepäraselt murdepunktide kontrollimiseks - ja näha seadme erinevaid suundi.
Kui see tööriist silma paistab, näitab see nii töölaua suurusi kui ka mobiil- ja tahvelarvuteid. (Mõni muu tööriist paneb tõesti rõhku mobiilsetele ja mitte suurematele ekraanidele.)
Mis on tore selle juures, et näete erinevaid suurusi ilma brauseri suurust muutmata. Selle tööriista veel üks vahva kasutamine? Kasutage seda maketide ekraanipiltide haaramiseks.
Maksumus: tasuta
4. XRespond
XRespond võimaldab teil oma saidi versioone erinevates seadmetes korraga võrrelda. Selle tööriista ilu seisneb selles, et saate aru saada, kui järjepidev on teie kasutatav kogemus ühest seadmest teise. (Kasutajad ootavad, et veebisaidid oleksid ühesugused kõikjal, kuhu nad juurde pääsevad.)
Testige disainilahendust horisontaal- või vertikaalvaates ja valige sama tootja seadmed (näiteks Apple või Samsung) või võrrelge paljude sarnaste suurustega seadmeid. Selle tööriista negatiivne külg on see, et see ei hõlma kõiki uusimaid seadmeid, ehkki paljud populaarsemad mudelid on loetletud.
Maksumus: tasuta
5. Ekraanilint
Screenflyl on toredaid tööriistu, näiteks jagamine, et saaksite meeskonnana töötada reageeriva kujunduse testimisel ja vaatamisel. See sisaldab rohkem seadmetüüpe kui mõned muud tööriistad - lauaarvutid, telefonid, tahvelarvutid, telerid ja võimalus lisada soovitud ekraanisuurust.
Tööriistad võimaldavad teil pöörata, kerida ja teha muud, ülaosas asuvate lihtsate klõpsunuppudega ja kõik töötab brauseris õigesti.
Maksumus: tasuta
6. LambdaTest
LambdaTest on selle loendi üks tugevamaid tööriistu. See hõlmab ka võimalust testida enam kui 2000 reaalse brauseri ja operatsioonisüsteemiga.
See tööriist on midagi enamat kui lihtsalt teie veebisaidi välja nägemine, see testib ühilduvust, kasutajakogemust, pikslite täiuslikkust ja palju muud elavas keskkonnas. See testib mitut seadet, brauserit ja brauserite versiooni, et saaksite täpselt teada, kuidas teie veebisait töötab.
Saate ekraanipilte selle kõige väljanägemisest ja saate isegi tööriista (ja meeskonnaga) võrgus koostööd teha. Lisaks on sellise lisatasu tööriista boonus see, et see sisaldab silumisfunktsioone, mis aitavad teil lahendada kujundusprobleeme nende tekkimisel.
Maksumus: Lite versioon on tasuta; tasulised plaanid algavad 15 dollarist kuus
7. Illustreeriv reageeriv disain
Illustreeriv reageeriv disain on rohkem planeerimise kui testimise tööriist. Mõelge sellele algaja võimalusele, mille abil saate kuvasuhteid visuaalselt kuvada ja kuidas kavandada erinevate seadme ja ekraanisuuruse kujunduselemente.
Teete brauseris kõik õigesti, nii et saate visuaalselt uurida, kuidas mõelda erineva suurusega kujundusele.
Maksumus: tasuta
8. Vastuvõtlik veebidisaini testimise tööriist
Vastuvõtlik veebikujunduse testimise tööriist on lihtne URL-põhine vaataja, mis võimaldab teil seadmeid suuruse või seadme tüübi järgi võrrelda.
Mis on selle tööriista juures tore, on lülitusvalikud, et näha klõpsuga erinevaid orientatsioone, pikkusi või vaateid. Kui soovite hostida seda tööriista testimiseks oma keskkonnas, on see ka üks võimalus. (Niisiis, saate testida enne saidi käivitamist.)
Tööriista arendaja Matt Kersley on selle Githubis kättesaadavaks teinud.
Maksumus: tasuta
9. Designmodo tundlik test
Designmodo tundlik test võib olla üks ilmekamaid tööriistu teie veebisaidi kujunduse testimiseks. See sisaldab vaatamiskeskkonnana palju lihtsaid lülitusi, hulgaliselt seadme valikuid ja puhast liidest.
Kasutajad saavad lisada ka kohandatud mõõtmeid ja vaadet eri suundades. Seda värskendatakse sageli uute seadmetega, nii et saate hõlpsalt testida.
Maksumus: tasuta
10. CrossBrowserTesting
CrossBrowserTesting on esmaklassiline tööriist, mis pakub käsitsi ja automatiseeritud testimist. Kasutajad saavad manuaalseid, visuaalseid ja seleeni teste pilves käivitada enam kui 1500 reaalses laua- ja mobiilibrauseris.
Tööriist on väga skaleeritav - isegi ettevõtte tasemel toimingute jaoks. Seda on lihtne juurutada, see sisaldab silumisriistu, töötab paljudes brauserites, versioonides ja seadmetes ning sellel on kindel testi konfiguratsioon, nii et leiate testis probleeme enne, kui need muutuvad suurteks probleemideks.
Maksumus: Plaanid algavad 29 dollarist kuus
Järeldus
Kas teil on lemmiktööriista, mida selles loendis pole? Jagage seda meiega. Meile meeldib näha tööriistu, millest me ei teadnud.
Nagu kõigi veebisaidi kujundamise ja arendamise tööriistade puhul, on enne ühe asja otsustamist hea mõte mängida mõne valikuga. Enamik neist tööriistadest aitab teil välja mõelda, kas teie disain töötab, kuid kõik töötavad veidi erineval viisil ja neil on erinev kasutajakontrolli tase. Mängige ringi ja leidke endale kõige sobivam.
