Tõenäoliselt juba veebidisainerina tehtud vead
Kõik veebidisainerid tahavad täiuslikkust. Kuid nad on lihtsalt inimesed ja vigu võib alati ette tulla. Nii lihtne on mõned üksikasjad lihtsalt kahe silma vahele jätta. Maailmas pole ühtegi disainerit, kes poleks vigu teinud ja nende vältimine juhtub tavaliselt mõne aja pärast.
Räägime nüüd mõnest kõige levinumatest vigadest, mida veebidisainerid pidevalt teevad, ja nendest, mida olete tõenäoliselt juba vähemalt korra teinud. Parandage oma halvad harjumused ja ületage tõkked, milles olete praegu süüdi, et teie töö oleks parem kui kunagi varem.
Flashi kasutamine
Kaasaegses veebisaidikujunduses näeme Flashi harva kasutatud, isegi kui see on oma võimete poolest üsna hämmastav. Oleme silmitsi võimalusega anda külastajale animeeritud elamus, mis on muljetavaldav, kuid sellega kaasneb pagas.
Flashi kasutamisel veebidisainis ilmnevad erinevad probleemid. Teil on pikem laadimisaeg, probleeme mobiilikasutajatega, kuna puudub tugi ja erinev programmeerimiskeel. Praegu Flashi toetavate seadmete arv on väga väike. Samuti ei oota me edaspidi suuremat toetust. Täiesti uued teegid näivad olevat tugevamad ja populaarsemad, eriti need, mis põhinevad JavaScriptil, nagu AngularJS ja jQuary.
Tõeliselt suurte piltide kasutamine
Kaasaegne veebidisaini trend on kasutada kogu saidil suuri pilte. See muudab kogemuse kindlasti nauditavamaks ja kasutajal on midagi suurepärast vaadata, kuid on mõningaid tüsistusi, mida disainer ja arendaja peavad teadma.
Lehekülje laadimine suureneb automaatselt, kui kasutatakse suuremaid pilte. See võib viia saidi külastaja jaoks väga halva stsenaariumini. Hea uudis on see, et meil on juurdepääs erinevatele tööriistadele, mis aitavad palju pilte optimeerida. Need, mida võiksite kaaluda, hõlmavad järgmist:
Sellised rakendused nagu PrePros võivad aidata rakendustes viibides pilte automaatselt optimeerida. Probleem on selles, et tööriistad aitavad töövoogusid, kuid ei lahenda laadimisajaga seotud tohutut probleemi, vähemalt mitte täielikult.
Paljud disainerid kasutavad nüüd SVG-d. Nad kasutavad koode brauserikeskkonnas graafika animeerimiseks ja joonistamiseks. Seega jõuame kiirendatud lehtede laadimiseni ja erinevate elementideni, mis on pilkupüüdvad.
Peaksime rõhutama ka tõsiasja, et suuremad pildid muudavad veebidisaini mittereageeriva teguri tõttu keerulisemaks. Me räägime disainielemendist, millel on seatud kõrgus ja laius. Brauserid skaleerivad pilte, kuid meil on sama failisuurus.
W3C kasutab nüüd <picture>HTML5 elemendina " ". See võimaldab kutsuda erinevas suuruses pilte vastavalt vaatamisekraani laiusele. Kui see juhtub, oleks vaataja kogemus palju parem, kuid kuni juurutamiseni peaksite vältige suuremaid pilte.
Fikseeritud laiuse ja kõrguse kasutamine
Fikseeritud suuruste kodeerimisel piiratakse kasutajate kohandamist automaatselt. Meil on lahendusi, kuid me peame alati mõtlema 100% tundliku veebidisaini mustri loomisele. CSS-is määratud fikseeritud kõrgus võib piirata kasutaja vaadatavat ala. Selle ületamine on võimalik meediumipäringu kohandamise kaudu, kuid lisatav lisakood põhjustab jõudlusega probleeme. Te ei vaja seda tegelikult. Enamikul juhtudel ei tohiks te fikseeritud suurusi kasutada. Neid tuleb kaasaegses veebidisaini keskkonnas võimalikult palju vältida.
Disaini sobivuse kohta oletuste tegemine
Veebidisainerid töötavad tavaliselt tarkvaraga nagu Adobe Photoshop või Sketch. Kui töö on tehtud, on levinud eeldus, et reageerivas töövoos on konkreetne katkestuspunkt. Ekraani laiused, mis on standardsed, katavad paljusid erinevaid ekraanisuurusi, kuid nende kõigi katmine pole kindel. Meil on turul saadaval tuhandeid mobiilseadmeid. Disaini loomine, mis sobiks kõigega, on väga keeruline.
Kui töötate kindlate laiuste kallal, peate planeerima ja edasi mõtlemine muutub veebidisaineri jaoks oluliseks oskuseks. Peate olema kindel, et eeldusi ei tehta ja te teeksite brauseris tööd ka pärast tavalise graafilise redaktori töö lõppu.
Kasutades liiga palju efekte ja animatsioone
Seda probleemi näete isegi mõnel maailma kõige populaarsemal saidil. Nii paljud veebisaidid pakuvad hingekosutavat kogemust, paljud neist pakuvad midagi tõeliselt ainulaadset ja hämmastavat. See ei tähenda aga nii paljude efektide ja animatsioonide lisamist kui võimalik. Väga oluline on ühendada veebidisaini põhimõtted eesmärgiga leida sobiv kombinatsioon funktsionaalsuse ja graafilise mõju vahel.
Animatsioonide ja efektidega liialdamisega on seotud kaks suurt probleemi:
- Lehekülje laadimisaeg pikeneb
- Efektid ja animatsioon on vanemate arvutite jaoks problemaatilised
Praegu on populaarsed häkid ja animatsioonid, mis lisavad sisse-, üles- või allakäiguelemente. Need näevad suurepärased välja ja muudavad saidid suurepäraseks, kuid see ei tähenda, et peaksite neid alati kasutama. Vaadake, kas lehe üldine laadimine pole seadmete jaoks, mida enamik külastajaid kasutab, liiga palju, ja ärge unustage kunagi lehe laadimise kiirust. Need on väga olulised ja peavad alati pakkuma külastajatele suurepäraseid elamusi.
Valesti kujundatud lingid
See on viga, mis on palju levinum kui see, mida te praegu arvata võite. Lingid peavad alati tegema seda, mida nad teevad. See tähendab, et kui lingil on vale stiil, ei saa inimesed aru, et tegemist on linkidega. Peame alati mõtlema külastajatele, nii et lingid peaksid alati välja nägema linkidena. Võite katsetada ja mitte jääda standardse sinise allajoone juurde, kuid te ei tohiks kunagi sellega üle pingutada.
DRY-d ei kasutata CSS-is
Kui te pole sellest teadlik, tähendab DRY "Ära korda ennast". See on veebidisaini meetod ja see tähendab praktiliselt seda, et disaineril aidatakse koodi kokkuvõtlikuna hoida ja kloonida. Veebisaidi kujundamisel on alati soovitatav kasutada ainult vajalikku koodi.
Traditsioonilise CSS-i kasutamisel on vaja palju kordamist konkreetsete elementidega, mida kasutatakse teistes elementides. Valijad on lõpuks tõesti suured ja nende kirjutamine võtab palju aega. Kui kasutate HTML-lehe iga üksiku elemendi kujundamise asemel disainiklasse, muutub kõik palju lihtsamaks.
Praegu on väga hea mõte kasutada eeltöötluskeeli nagu Sass. Need on vajaliku CSS-tehnoloogia osas üsna kasulikud. Kasutatavad keeled kiirendavad arendust ja kujundamist, kuna need sisaldavad selliseid funktsioone nagu muutujad, funktsioonid, segud, pesastused ja palju muud. Toodetud kood kompileeritakse seejärel CSS-koodiks. Veebiarendajad ja veebidisainerid saavad nüüd kasutada vähem koodiridu ja tänu keeltele on kordusi lihtne vältida.
Graatsiline degradatsioon
Graceful Degradation’i võime määratleda kui veebifunktsioonide loomise praktikat, mis suudab pakkuda kindlat kasutajakogemuse taset kaasaegses brauseris, alandades samal ajal vanemate brauserite kasutuskogemust madalamale tasemele. See kõlab pisut keeruliselt, kuid näitena võime arutada Internet Explorer 8 ja 7 toe üle. Oleksite üllatunud, kui saaksite teada, et enamik kasutajaid lihtsalt ei värskenda brausereid pikka aega. Seetõttu peate lisama graatsilise halvenemise, et mõlema brauseriversiooni jaoks oleks olemas korralik tugi.
Kaasaegseid veebisaite on lihtne arendada, kuid hiljem võite märgata tõsiasja, et vanemas brauseris näevad lehed konkreetsete sõltuvuste tõttu väga halvad välja.
Progressiivne täiustamine
See on midagi, mis sarnaneb ülalmainitud Graceful Degradationiga. Erinevus seisneb selles, et protsessi käsitletakse vastupidiselt, alustades põhikogemuse tasemest, mida toetab iga veebibrauser. Seejärel lisab kujundaja/arendaja rohkem funktsioone, mis on saadaval brauseritele, mis seda kasutada saaksid.
Nii see kui ka ülaltoodud valik on keerulised. Tavaliselt kasutavad neid ainult tõeliselt head disainerid. Paljude praegu saadaval olevate brauserite puhul peame aga võimalusi tõsiselt kaaluma. Veebidisainerid lasevad tavaliselt klientidel otsustada, mida täpselt toetatakse. Peate siiski proovima neid lähenemisviise kasutada, et pakkuda tõeliselt suurepärast kogemust kasutajatele, kes on eriti aktiivsed ja otse sihtrühma sees.
Iga veebisaidi üks olulisemaid osi on navigeerimine. Disainer peab suutma muuta külastaja kogemuse loomulikuks. Eesmärk on muuta navigeerimine tõeliselt lihtsaks ja intuitiivseks. Kasutaja saab automaatselt aru, et kogemus on õige, kui disain on seda elementi arvesse võtnud.
Kui kasutajakogemus on kehv, näeme külastajaid pettununa. Nad lihtsalt ei külasta enam kindlat saiti ja otsivad oma probleemidele lahendusi teistelt lehtedelt. Disainer peab alati kaaluma kasutatavust. Disain peab välja nägema suurepärane, kuid te ei tohiks kunagi unustada funktsionaalsust. Vaja on kasutusmugavust ja selle puudumine muudaks kogu disaini kasutuks.
Sisule keskendumise puudumine
"Vorm järgib funktsiooni" on tõeliselt levinud arhitektuuriprintsiip, mis ilmus kahekümnendal sajandil, just kaasaegse arhitektuuri tööstusdisaini faasis. See on põhimõte, mida peate veebidisainis alati meeles pidama.
Veebi- ja graafiline disain on vajaliku funktsionaalsuse poolest tõesti sarnased kaasaegse arhitektuuriga. Objekti vorm peab esmalt põhinema kavandatud otstarbel või funktsioonil. Veebisaitide osas võime neid vaadelda kui teabeandmebaase, mis on levinud kõikjal Internetis. Kasutaja külastab veebisaiti konkreetsete andmete saamiseks. Siin astub sisu nende andmete pakkumiseks. Kuna külastaja satub saidile ega leia andmeid, otsib ta neid mujalt, isegi kujundust vaatamata. Samal ajal juhtub sama tulemus, kui kujundus muudab andmete asukoha või seedimise tõesti raskeks.
Interneti-kasutajad soovivad nüüd juurdepääsu teabele ja tahavad, et see juurdepääs oleks kiire. Funktsioon Vormi ületamine on veebidisainis väga oluline. Selle põhimõtte mittearvestamine tähendab, et pakutava sisu asemel keskendutakse välimusele. Selle tulemusena ei ole veebisaidid eriti populaarsed. Sisu peab alati silma paistma.
Järeldused
Nende juured on levinumad veebidisaini vead, mis on seotud sellega, et püüti välja mõelda midagi tõeliselt ilusat ja ainulaadset, arvestamata põhjust, miks külastajad saidile tegelikult lähevad. Seetõttu soovite alati varuda kannatust, et ühendada tõeliselt hea disain täieliku funktsionaalsusega.
Looge alati toimivaid veebisaite ja õpivad aja möödudes uusi tehnoloogiaid. Maailma parimad veebidisainerid jätkavad õppimist ja on alati kursis kõigega, mida saab ja mida mitte. Soovite luua oma veebidisaini, rääkida kliendiga ja seejärel veenduda, et külastajad hindavad pakutavat. Seda on palju lihtsam öelda kui teha, kuid aja jooksul muutub kõik palju lihtsamaks.
Veenduge, et võtaksite alati nii palju aega kui vaja, et luua midagi tõeliselt suurepärast. Veel üks mainimata viga veebidisainis on see, et te ei jäta endale piisavalt aega selle täiusliku veebisaidi kujunduse loomiseks. Tavaliselt juhtub see, kuna kliendid vajavad tööd võimalikult lühikese aja jooksul. Veenduge, et teil oleks alati piisavalt aega selle suurepärase veebikujunduse loomiseks, mida teate, et saate.