Designfel kan hända med någon. Kanske försöker du avsluta ett projekt för snabbt, eller arbetar du med en komplex webbdesign där något bara ignoreras. Men när de händer måste du fixa dem? omedelbart!
Vissa konstruktionsfel kan förstöra innehållet, orsaka att användarna överger din webbplats eller förlorar förtroende för den information du tillhandahåller. Det kan vara svårt att återhämta sig från om du inte gör korrigeringar. Och så är du inte förvirrad, varje av dagens tips kommer med ett exempel på en design som gör det direkt från Design Shack Gallery!
1. Slarvig typografi
Den största typografiska gärningsmannen är utrymme. Linjeavstånd, eller ledande, och mängden utrymme i textomslag är vanliga förolämpare. Medan du ibland ser för mycket utrymme, är det vanligare att texten inte har tillräckligt med utrymme att andas, vilket gör att designen är rörig och svår att läsa.
För de flesta block av tung kopia - tänk på stycken av kroppstext - är det normala avståndet för webben cirka 120 procent till 150 procent av storleken på bokstäverna. Med mindre text, som den som återges på mobila enheter, kan du till och med radera sidan av ett lite extra raderavstånd för att garantera läsbarheten.
Tricket är i det glada mediet, där texten är lätt att läsa och har ett naturligt flöde, men blir inte tröttsamt på ögonen. Text som är för utspänd kan vara lika svår att bearbeta som text som är för nära varandra.
När det gäller textomslag, följ samma generella regel. För relaterade element som omsluter, överväga att spegla linjeavståndsregler. På det sättet kommer allt att ha en konsekvent känsla som visar att element är likartade men ökar läsbarheten.
Gör det rätt: House of Khlebny
2. Samma storlek Allt
Alla fotofält är lika stora. Texten är lika stor. Alla knappar är lika stora. Medan konsistensen är snäll, är all monotoni vanligt tråkig.
Blanda det med ett par storlekar och skalaalternativ för varje elementstyp. På det sättet kan du behålla den konsistensen, men också hjälpa till att köra ögat och skapa visuellt intresse.
En av de bästa sakerna du kan göra är att tänka på bildskala inom ramarna. Hjältehuvudet på varje sida kommer sannolikt att vara lika stor, men hur du placerar fotot i ramen kan vara annorlunda. Zooma ut bilder för en bortre känsla som verkar mindre med mindre synvikt; Använd ett tätt växt för att få saker att se närmare och mer framträdande. Utan att ändra den faktiska storleken - eller till och med ändra din webbplatsstil eller mall - har du skapat saker som ser ut att vara olika storlekar.
Gör det rätt: Brooke Promiitz
3. Glömma hierarkin
En användare kommer till en webbplats som förväntas hitta eller göra något. Gör det enkelt för dem med en tydlig hierarki av element som leder till denna åtgärd.
De största sakerna i designen ska vara de viktigaste och skala ner till objekt av mindre betydelse. Rank och gruppinformation till skannbara bitar som är enkla för användarna att läsa i en blick och förstå.
Och vänd din hierarki till en uppsättning regler för konsekvensens skull. På så sätt ser en rubrik alltid ut som en rubrik och knapparna följer samma regler för placering, storlek och interaktion. Alla dessa små saker kommer att göra hela uppsättningen lättare för användarna att engagera sig med.
Gör det rätt: Ragnar Theme
4. Försummelse av grunderna
Hur många gånger har du stött på en webbplats, klicka på en länk och inget hände? Eller letade du efter en e-postadress eller en kontaktformulär för att inte hitta en?
Glöm inte att ta hand om alla hushållselement i designen och se till att de är fyllda, lätt att hitta och korrekta. Var uppmärksam på navigeringen, sökningen och sidfoten.
Det är viktigt att dessa områden innehåller uppdaterade länkar och information. Användare förväntar sig en viss typ av erfarenhet från dessa element och kan enkelt bli frustrerade om de inte existerar. Det ger också legitimitet för din webbplats - trasiga länkar eller ingen kontaktinformation kan leda till misstro från användare.
Gör det rätt: Anagram Paris
5. För många ord
Redigera din kopia, ställ den åt sidan och redigera den igen.
Problemet med många webbplatser är att de använder för mycket kopia för att förklara enkla saker. Språket ska vara tydligt och koncist eftersom uppmärksamhetsspänningarna är korta.
Använd aktiva, beskrivande ord för att bäst prata med användare i designen. Ge tydliga instruktioner för handlingar som kan berätta för användarna exakt vad de ska göra och vad som händer nästa.
Denna tydlighet i skrift kommer att bidra till att hålla användarna intresserade och flytta igenom kopian.
Gör det rätt: A är för Albert
6. Dålig lösning någonting
En dålig bild av något slag bör undvikas. Många användare tittar på din design på högupplösta enheter, från nätverksaktiverade skärmar på tabletter till bildskärmar som visar alla pixlar i detalj. En dålig upplösningsbild kommer att döda vilken design som helst.
Tricket är ompröva vad du vet om filstorlekar och komprimering. Även om dessa saker är ganska signifikanta har reglerna ändrats något. Större filer blir mer vanliga, och de flesta internetanslutningar kan hantera belastningen.
Verkligheten är detta: Om du inte kan använda en skarp, tydlig bild, använd inte alls en bild. Ditt visuella första intryck berättar användarna mycket om dig. En dålig bild visar att du inte bryr dig, är inte trovärdig eller bara tänker inte på kvalitet först. Visst är det inte saker du vill att användarna ska tänka när de besöker din webbdesign.
Gör det rätt: Orsolina 28
7. För många tricks
Överdrivna illustrationer, som använder för många foton och släpp skuggor eller dansikoner som går för långt, är några av de vanliga designtrådarna som kan distrahera användarna från meddelandet i designen.Vilken designteknik som finns för en visuell orsak kan betraktas som ett trick - ovanlig färg, animering, udda fotokombinationer och illustrationer är alla designtrådar.
Och de kan vara effektiva verktyg för att skapa intresse och engagemang.
När den används sparsamt.
Begränsa tricks till en sak som sätter din design från varandra. Och försök att inte överdriva det. En bra illustration, till exempel, kan vara ett bra verktyg, men om delar av den bilden hakar upp och det finns illustrationer över hela konstruktionen kan det bli distraherande. Ett? Stort trick? är bättre, och i allmänhet effektivare än massor av små tricks.
Gör det rätt: Wokine
Slutsats
Bli inte avskräckt om du är skyldig att begå ett av dessa konstruktionsfel. Det händer för alla. Återställ väl och ditt innehåll kommer att vara säkert.
Det tar inte en omkonstruktion för att korrigera dessa misstag heller. Några tweaks till designelement kan räcka för att rensa och effektivisera vanliga designfel. Det första steget är att granska din design för att hitta platser som kan använda särskild uppmärksamhet. Lycka till!