Misstag som du troligen redan har gjort som webbdesigner
Alla webbdesigners vill ha perfektion. Men de är bara människor och misstag kan alltid dyka upp. Det är så lätt att helt enkelt förbise vissa detaljer. Det finns ingen designer i världen som inte gjorde misstag och att undvika dem är något som normalt händer efter en tid.
Vi kommer nu att prata om några av de vanligaste misstagen som webbdesignerna gör på en konstant basis, de som du med största sannolikhet redan gjort minst en gång. Korrigera dina dåliga vanor och övervinn de hinder som du för närvarande gör dig skyldig till så att ditt arbete skulle bli bättre än någonsin.
Användningen av Flash
I modern webbdesign ser vi sällan Flash används även om det är ganska fantastiskt på vad det kan göra. Vi står inför möjligheten att ge besökaren en animerad upplevelse som är imponerande men det finns tillhörande bagage.
Det finns olika problem som uppstår med att använda Flash i webbdesign. Du har längre laddningstid, problem med mobilanvändare på grund av bristen på support och olika programmeringsspråk som används. Antalet enheter som för närvarande stöder Flash är mycket lågt. Inte heller i framtiden förväntar vi oss ökat stöd. Helt nya bibliotek framstår som starkare och mer populära, särskilt de som är baserade på JavaScript som AngularJS och jQuary.
Använder riktigt stora bilder
Den moderna trenden inom webbdesign är att använda stora bilder på hela webbplatsen. Det kommer definitivt att göra upplevelsen roligare och användaren kommer att ha något bra att titta på, men det finns några komplikationer som designern och utvecklaren måste vara medvetna om.
Sidladdningen ökar automatiskt när större bilder används. Detta kan leda till ett mycket dåligt scenario för webbplatsbesökaren. Den goda nyheten är att vi har tillgång till olika verktyg som hjälper mycket med att optimera bilder. De som du kanske vill överväga inkluderar:
Appar som PrePros kan hjälpa till att optimera bilder automatiskt i applikationer. Problemet är att verktyg kommer att hjälpa arbetsflöden men kommer inte att lösa det enorma problemet i samband med laddningstiden, åtminstone inte helt.
Många designers använder nu SVG. De använder koder för att animera och rita grafik i en webbläsarmiljö. Vi hamnar därmed på en accelererad sidladdning och olika element som är iögonfallande.
Vi bör också lyfta fram det faktum att större bilder kommer att komplicera webbdesign på grund av den icke-responsiva faktorn. Vi pratar om ett designelement som har satt höjd och bredd. Webbläsare kommer att skala bilder men vi har samma filstorlek.
W3C arbetar nu med att använda " <picture>" som ett HTML5-element. Det skulle göra det möjligt att anropa bilder av olika storlekar baserat på visningsskärmens bredd. När detta händer skulle upplevelsen bli mycket bättre för tittaren men fram till implementeringen bör du undvik de större bilderna.
Använder fast bredd och höjd
Anpassningen begränsas automatiskt för användarna när fasta storlekar kodas. Vi har lösningar men vi måste alltid tänka på att skapa ett webbdesignmönster som är 100 % responsivt. Fast höjd som är inställd i CSS kan begränsa det synliga området för användaren. Att gå över det är möjligt genom justeringar av mediafrågor, men den extra koden som läggs till kommer att leda till problem med prestanda. Det behöver du inte riktigt. I de flesta fall bör du inte använda fasta storlekar. De måste undvikas så mycket som möjligt i den moderna webbdesignmiljön.
Att göra antaganden om designpassningar
Webbdesigners arbetar normalt med programvara som Adobe Photoshop eller Sketch. När arbetet är klart är det vanliga antagandet att ha en specifik brytpunkt i det responsiva arbetsflödet. Skärmbredder som ses som standard kommer att täcka många olika skärmstorlekar men att täcka alla är inte en säkerhet. Vi har tusentals mobila enheter som finns tillgängliga på marknaden. Att skapa en design som skulle fungera för allt är mycket svårt.
När du arbetar på specifika bredder måste du planera och framåttänkande blir en viktig färdighet för webbdesignern. Du måste vara säker på att antaganden inte görs och att du faktiskt skulle göra arbete i webbläsaren efter att det vanliga grafiska redigeringsarbetet är över.
Använder för många effekter och animationer
Du kan se detta problem även på några av de mest populära webbplatserna i världen. Så många webbplatser erbjuder en hisnande upplevelse, med många som erbjuder något helt unikt och fantastiskt. Detta betyder dock inte att du lägger till så många effekter och animationer som du kan. Det är mycket viktigt att kombinera principerna för webbdesign med syftet att hitta rätt mix mellan funktionalitet och grafisk påverkan.
Det finns två stora problem som är förknippade med att överdriva det med animationer och effekter:
- Sidans laddningstid ökar
- Effekterna och animeringen kommer att vara problematiska för äldre datorer
De populära hackningarna och animationerna för tillfället är de som lägger till fade in, up eller down element. De kan se bra ut och kommer få sajter att se bra ut, men det betyder inte att du alltid ska använda dem. Se om den totala sidbelastningen skulle vara för stor för de enheter som de flesta besökare kommer att använda och glöm aldrig sidladdningshastigheten. Dessa är mycket viktiga och måste alltid erbjuda fantastiska upplevelser för besökarna.
Felaktigt utformade länkar
Detta är ett misstag som är mycket vanligare än vad du kanske tror för tillfället. Länkar måste alltid göra som de gör. Detta innebär att när en länk har en felaktig stil kommer folk inte att komma på att de är länkar. Vi måste alltid tänka på besökare så länkar måste alltid se ut som länkar. Du kan experimentera och inte hålla dig till den vanliga blå understrykningen men du bör aldrig överdriva det.
Använder inte DRY i CSS
Om du inte är medveten om detta betyder DRY "Upprepa inte dig själv". Det är en metod inom webbdesign och det innebär praktiskt taget att designern hjälps åt att hålla koden kortfattad och klona. Endast användningen av den nödvändiga koden rekommenderas alltid för webbstyling.
När du använder traditionell CSS är mycket upprepning nödvändig med specifika element som används i andra element. Väljarna blir riktigt stora och kommer att ta mycket tid att faktiskt skriva. När du använder klasser i design istället för att styla varje enskilt element på HTML-sidan, blir allt mycket enklare.
En mycket bra idé för tillfället är att använda förbearbetningsspråk som Sass. De är ganska användbara när det gäller nödvändig CSS-teknik. Språk som används kommer att påskynda utveckling och design på grund av det faktum att de inkluderar funktioner som variabler, funktioner, mixins, kapslingar och så mycket mer. Kod som produceras kommer sedan att kompileras till CSS-koden. Webbutvecklare och webbdesigners kan nu använda färre kodrader och upprepning kan enkelt undvikas tack vare språken.
Värdigt förfall
Vi kan definiera Graceful Degradation som ett sätt att bygga webbfunktionalitet som kan erbjuda en specifik användarupplevelsenivå i en modern webbläsare samtidigt som den försämras till lägre användarupplevelsenivåer i de äldre webbläsarna. Detta låter lite komplicerat men som ett exempel kan vi diskutera stöd för Internet Explorer 8 och 7. Du skulle bli förvånad över att höra att de flesta användare helt enkelt inte kommer att uppdatera webbläsare under långa perioder. På grund av detta måste du lägga till graciös försämring så att korrekt stöd finns på plats för båda webbläsarversionerna.
Moderna webbplatser är lätta att utveckla men vid en senare tidpunkt kan du lägga märke till det faktum att i en äldre webbläsare ser sidorna riktigt dåliga ut på grund av specifika beroenden.
Progressiv förbättring
Detta är något som liknar den ovan nämnda Graceful Degradation. Skillnaden är att processen hanteras omvänt genom att börja med den grundläggande erfarenhetsnivån som stöds i varje enskild webbläsare. Sedan lägger designern/utvecklaren till ökad funktionalitet som är tillgänglig för de webbläsare som kan använda den.
Både det här alternativet och det ovan är komplicerade. De används normalt bara av riktigt duktiga designers. Men med många webbläsare som är tillgängliga nu måste vi seriöst överväga alternativen. Webbdesigners kommer normalt att låta kunderna bestämma exakt vad som ska stödjas. Du måste dock försöka använda dessa tillvägagångssätt för att erbjuda en riktigt bra upplevelse för de användare som är särskilt aktiva och mitt i målgruppen.
En av de viktigaste delarna av alla webbplatser där ute är navigering. Designern måste kunna göra besökarupplevelsen naturlig. Syftet är att göra navigeringen riktigt enkel och intuitiv. En användare kommer automatiskt att förstå att upplevelsen är korrekt när designen har tagit hänsyn till detta element.
När användarupplevelsen är dålig ser vi frustrerade besökare. De besöker helt enkelt inte en specifik webbplats igen och kommer att titta på andra sidor för att hitta lösningar på deras problem. Användbarhet måste alltid beaktas av designern. Design måste se bra ut men du får aldrig glömma funktionalitet. Användarvänlighet behövs och en brist på detta skulle göra hela designen värdelös.
Brist på fokus på innehåll
"Form Follows Function" är en riktigt vanlig arkitekturprincip som dök upp på 1900-talet, precis under den moderna arkitekturens industriella designfas. Detta är en princip som du måste komma ihåg hela tiden i webbdesign.
Webb- och grafisk design liknar verkligen modern arkitektur när det gäller nödvändig funktionalitet. Objektformen måste först baseras på det avsedda syftet eller funktionen. När det gäller webbplatser kan vi se dem som informationsdatabaser som är utspridda över hela internet. Användaren kommer att besöka en webbplats för att få specifik information. Det är här innehållet går in för att erbjuda dessa data. Eftersom besökaren hamnar på en sajt och inte hittar data, kommer han att leta efter den någon annanstans, utan att ens titta på designen. Samtidigt, i händelse av att designen gör det riktigt svårt att hitta eller smälta data, händer samma resultat.
Internetanvändare vill nu ha tillgång till information och de vill att denna åtkomst ska vara snabb. Form Over Function blir verkligen viktigt i webbdesign. Att inte ta hänsyn till denna princip innebär att fokus läggs på utseende istället för innehållet som erbjuds. Som ett resultat kommer webbplatser inte att vara riktigt populära. Innehållet måste stå ut hela tiden.
Slutsatser
Vid sina rötter var de vanligaste webbdesignmisstagen relaterade till att försöka hitta på något riktigt vackert och unikt utan att ta hänsyn till anledningen till varför besökarna faktiskt går till en webbplats. På grund av detta vill du alltid ha det tålamod som krävs för att kombinera en riktigt bra design med komplett funktionalitet.
Skapa alltid webbplatser som är funktionella och lär dig nya tekniker allt eftersom. De bästa webbdesignerna i världen fortsätter att lära sig och håller sig alltid uppdaterade med allt som kan och inte kan göras. Du vill skapa din webbdesign, prata med kunden och sedan se till att besökarna kommer att uppskatta det som erbjuds. Detta är mycket lättare sagt än gjort men med tiden blir allt mycket lättare.
Se till att du alltid tar så mycket tid som behövs för att skapa något riktigt bra. Ett annat onämnt misstag i webbdesign är att inte ge dig själv den tid som krävs för att faktiskt skapa den perfekta webbdesignen. Detta händer normalt eftersom kunder behöver arbete som ska utföras på kortast tid. Se till att du alltid har tillräckligt med tid för att skapa den fantastiska webbdesignen som du vet att du kan.