Feil du mest sannsynlig allerede har gjort som webdesigner
Alle webdesignere ønsker perfeksjon. Imidlertid er de bare mennesker og feil kan alltid dukke opp. Det er så lett å bare overse noen detaljer. Det er ingen designer i verden som ikke har gjort feil, og å unngå dem er noe som vanligvis skjer etter en tid.
Vi skal nå snakke om noen av de vanligste feilene som webdesignerne gjør på en konstant basis, de som du mest sannsynlig allerede har gjort minst én gang. Korriger dine dårlige vaner og overvinn hindringene du for øyeblikket er skyldig i, slik at arbeidet ditt blir bedre enn noen gang.
Bruken av Flash
I moderne nettsteddesign ser vi sjelden Flash brukt, selv om det er ganske utrolig hva det kan gjøre. Vi står overfor muligheten til å gi besøkende en animert opplevelse som er imponerende, men det er tilknyttet bagasje.
Det er forskjellige problemer som dukker opp med å bruke Flash i webdesign. Du har lengre lastetid, problemer med mobilbrukere på grunn av manglende støtte og det forskjellige programmeringsspråket som brukes. Antall enheter som for øyeblikket støtter Flash er svært lavt. Dessuten forventer vi ikke økt støtte i fremtiden. Helt nye biblioteker fremstår som sterkere og mer populære, spesielt de som er basert på JavaScript som AngularJS og jQuary.
Bruker virkelig store bilder
Den moderne trenden innen webdesign er å bruke store bilder på hele nettstedet. Det vil definitivt gjøre opplevelsen morsommere og brukeren vil ha noe flott å se på, men det er noen komplikasjoner som designeren og utvikleren må være klar over.
Sideinnlastingen økes automatisk når større bilder brukes. Dette kan føre til et veldig dårlig scenario for den besøkende på nettstedet. Den gode nyheten er at vi har tilgang til ulike verktøy som hjelper mye med å optimalisere bilder. De du kanskje vil vurdere inkluderer:
Apper som PrePros kan bidra til å optimalisere bilder automatisk mens du er inne i applikasjoner. Problemet er at verktøy vil hjelpe arbeidsflyter, men vil ikke løse det enorme problemet knyttet til lastetiden, i hvert fall ikke helt.
Mange designere bruker nå SVG. De bruker koder for å animere og tegne grafikk i et nettlesermiljø. Vi ender dermed opp med en akselerert sideinnlasting og ulike elementer som er iøynefallende.
Vi bør også fremheve det faktum at større bilder vil komplisere webdesign på grunn av den ikke-responsive faktoren. Vi snakker om et designelement som har satt høyde og bredde. Nettlesere vil skalere bilder, men vi har samme filstørrelse.
W3C jobber nå med å bruke " <picture>" som et HTML5-element. Det vil tillate å kalle bilder av forskjellige størrelser basert på bredden på visningsskjermen. Når dette skjer, vil opplevelsen være mye bedre for seeren, men frem til implementeringen bør du unngå de større bildene.
Bruk av fast bredde og høyde
Tilpasning er automatisk begrenset for brukere når faste størrelser kodes. Vi har løsninger, men vi må alltid tenke på å lage et webdesignmønster som er 100 % responsivt. Fast høyde som er satt i CSS kan begrense det synlige området for brukeren. Å gå over det er mulig gjennom justeringer av mediesøk, men den ekstra koden som legges til vil føre til problemer med ytelsen. Du trenger egentlig ikke det. I de fleste tilfeller bør du ikke bruke faste størrelser. De må unngås så mye som mulig i det moderne webdesignmiljøet.
Gjøre antagelser om designpassninger
Webdesignere jobber vanligvis med programvare som Adobe Photoshop eller Sketch. Når arbeidet er ferdig, er den vanlige antagelsen å ha et spesifikt bruddpunkt i den responsive arbeidsflyten. Skjermbredder som anses som standard vil dekke mange forskjellige skjermstørrelser, men det er ikke sikkert å dekke alle. Vi har tusenvis av mobile enheter som er tilgjengelige på markedet. Det er veldig vanskelig å lage et design som fungerer for alt.
Når du jobber med spesifikke bredder, må du planlegge og fremovertenkning blir en viktig ferdighet for webdesigneren. Du må være sikker på at forutsetninger ikke er gjort og at du faktisk vil gjøre arbeid inne i nettleseren etter at det vanlige grafiske redigeringsarbeidet er over.
Bruker for mange effekter og animasjoner
Du kan se dette problemet selv på noen av de mest populære nettstedene i verden. Så mange nettsteder tilbyr en fantastisk opplevelse, med mange som tilbyr noe helt unikt og fantastisk. Dette betyr imidlertid ikke å legge til så mange effekter og animasjoner som du kunne. Det er svært viktig å kombinere prinsippene for webdesign med det formål å finne den rette blandingen mellom funksjonalitet og grafisk effekt.
Det er to store problemer som er forbundet med å overdrive det med animasjoner og effekter:
- Sideinnlastingstiden økes
- Effektene og animasjonen vil være problematisk for eldre datamaskiner
De populære hackene og animasjonene for øyeblikket er de som legger til tone inn, opp eller ned elementer. De kan se flotte ut og vil få nettsteder til å se flotte ut, men det betyr ikke at du alltid bør bruke dem. Se om den totale sidebelastningen vil være for mye for enhetene som de fleste besøkende vil bruke, og glem aldri sideinnlastingshastigheten. Disse er svært viktige og må alltid tilby gode opplevelser for besøkende.
Feilaktig styling av lenker
Dette er en feil som er mye mer vanlig enn det du kanskje tror for øyeblikket. Linker må alltid gjøre det de gjør. Dette betyr at når en lenke har en feilaktig stil, kommer ikke folk til å finne ut at de er lenker. Vi må alltid tenke på besøkende, så lenker må alltid se ut som lenker. Du kan eksperimentere og ikke holde deg til standard blå understreking, men du bør aldri overdrive det.
Bruker ikke DRY i CSS
I tilfelle du ikke er klar over dette, betyr DRY "Ikke gjenta deg selv". Det er en metode innen webdesign og det betyr praktisk talt at designeren får hjelp til å holde koden kortfattet og klone. Kun bruk av nødvendig kode anbefales til enhver tid for styling av nettsider.
Når du bruker tradisjonell CSS, er mye repetisjon nødvendig med spesifikke elementer som brukes i andre elementer. Velgerne ender opp med å bli veldig store og vil ta mye tid å faktisk skrive. Når du bruker klasser i design i stedet for å style hvert enkelt element på HTML-siden, blir alt mye enklere.
En veldig god idé for øyeblikket er å bruke forhåndsbehandlingsspråk som Sass. De er ganske nyttige når det gjelder nødvendig CSS-teknologi. Språk som brukes vil fremskynde utvikling og design på grunn av det faktum at de inkluderer funksjoner som variabler, funksjoner, mixins, nestings og så mye mer. Kode som produseres vil da bli kompilert inn i CSS-koden. Webutviklere og webdesignere kan nå bruke færre kodelinjer og repetisjon kan enkelt unngås takket være språkene.
Grasiøs nedbrytning
Vi kan definere Graceful Degradation som en praksis for å bygge nettfunksjonalitet som er i stand til å tilby et spesifikt brukeropplevelsesnivå i en moderne nettleser, mens degraderer til lavere brukeropplevelsesnivåer i eldre nettlesere. Dette høres litt komplekst ut, men som et eksempel kan vi diskutere støtte for Internet Explorer 8 og 7. Du vil bli overrasket over å høre at de fleste brukere rett og slett ikke vil oppdatere nettlesere over lengre perioder. På grunn av dette må du legge til grasiøs degradering slik at riktig støtte er på plass for begge nettleserversjonene.
Moderne nettsteder er enkle å utvikle, men på et senere tidspunkt kan du ende opp med å legge merke til det faktum at i en eldre nettleser ser sidene veldig dårlige ut på grunn av spesifikke avhengigheter.
Progressiv forbedring
Dette er noe som ligner på den ovenfor nevnte Graceful Degradation. Forskjellen er at prosessen håndteres omvendt ved å starte med det grunnleggende erfaringsnivået som støttes i hver enkelt nettleser. Deretter legger designeren/utvikleren til økt funksjonalitet som er tilgjengelig for nettleserne som kan bruke den.
Både dette alternativet og det ovenfor er kompliserte. De brukes normalt kun av de virkelig gode designerne. Men med mange nettlesere som er tilgjengelige nå, må vi seriøst vurdere alternativene. Nettdesignerne vil normalt la kundene bestemme nøyaktig hva som skal støttes. Du må imidlertid prøve å bruke disse tilnærmingene for å tilby en virkelig flott opplevelse for brukerne som er spesielt aktive og rett innenfor målgruppen.
En av de viktigste delene av et nettsted der ute er navigasjon. Designeren må være i stand til å gjøre besøksopplevelsen naturlig. Hensikten er å gjøre navigasjonen veldig enkel og intuitiv. En bruker vil automatisk forstå at opplevelsen er riktig når designet har tatt hensyn til dette elementet.
Når brukeropplevelsen er dårlig, ser vi besøkende frustrerte. De besøker ganske enkelt ikke et spesifikt nettsted igjen og vil se på andre sider for å finne løsninger på problemene deres. Brukervennlighet må alltid vurderes av designeren. Design må se bra ut, men du bør aldri glemme funksjonalitet. Brukervennlighet er nødvendig og mangel på dette vil gjøre hele designet ubrukelig.
Mangel på fokus på innhold
"Form følger funksjon" er et veldig vanlig arkitekturprinsipp som dukket opp i det tjuende århundre, rett under den moderne arkitekturens industrielle designfase. Dette er et prinsipp du til enhver tid må huske i webdesign.
Web- og grafisk design ligner virkelig på moderne arkitektur når det gjelder nødvendig funksjonalitet. Objektformen må først være basert på det tiltenkte formålet eller funksjonen. Når det gjelder nettsider, kan vi se dem som informasjonsdatabaser som er spredt over hele internett. Brukeren vil besøke et nettsted for å få spesifikke data. Det er her innholdet trer inn for å tilby disse dataene. Ettersom den besøkende havner på et nettsted og ikke finner dataene, vil han lete etter det et annet sted, uten engang å se på designet. Samtidig, i tilfelle designet gjør det veldig vanskelig å finne eller fordøye dataene, skjer det samme resultatet.
Internett-brukere ønsker nå tilgang til informasjon, og de vil at denne tilgangen skal være rask. Form Over Function ender opp med å være veldig viktig i webdesign. Å ikke ta hensyn til dette prinsippet betyr at fokus settes på utseende i stedet for innholdet som tilbys. Som et resultat vil nettsteder ikke være veldig populære. Innholdet må skille seg ut til enhver tid.
Konklusjoner
Ved røttene deres er de vanligste webdesignfeilene knyttet til å prøve å komme opp med noe virkelig vakkert og unikt uten å ta hensyn til grunnen til at de besøkende faktisk går til et nettsted. På grunn av dette vil du alltid ha den nødvendige tålmodigheten til å kombinere et virkelig godt design med komplett funksjonalitet.
Lag alltid nettsider som er funksjonelle og fortsett å lære nye teknologier etter hvert som tiden går. De beste webdesignerne i verden fortsetter å lære og holder seg alltid oppdatert med alt som kan og ikke kan gjøres. Du vil lage ditt webdesign, snakke med kunden og deretter sørge for at de besøkende vil sette pris på det som tilbys. Dette er mye lettere sagt enn gjort, men med tiden blir alt mye enklere.
Pass på at du alltid tar så mye tid som nødvendig for å lage noe virkelig flott. En annen unevnte feil i webdesign er å ikke gi deg selv den nødvendige tiden til å faktisk lage det perfekte webdesignet. Dette skjer vanligvis ettersom klienter trenger arbeid som skal utføres på kortest tid. Sørg for at du alltid har nok tid til å lage det fantastiske webdesignet du vet du kan.