11 Vanliga webbdesignfel (blunders)

Det finns massor av webbplatser på Internet, och hundratals eller förmodligen tusentals skapas per dag. Här är en mycket intressant sak att tänka på - Vad är elementen på en bra hemsida?

Att bygga en webbplats kan vara skrämmande men den verkliga utmaningen ligger i att göra den användbar. Problemet är att de flesta webbdesigners glömmer att webbplatsen inte skapades för sig själva utan att lösa användarnas behov. De ger kreativitet prioritet över användbarhet och användbarhet.

I den här artikeln vill vi lyfta fram 11 webbdesigners som webbutvecklare och designers gör och några förslag på hur dessa misstag lätt kan undvikas.

1. Var är sökrutan?

Webben är som ett arkiv med information. Oavsett om det är en företagswebbplats eller bara en blogg är en sökruta väsentlig. Besökaren kan leta efter något som är gömt på webbplatsen, med sökrutan är chansen att besökarna får vad de vill ha.

Förslag:Google anpassad sökning är ett snyggt, enkelt och effektivt sätt att komma igång. Det gör det möjligt för besökare att söka på din webbplats på ett effektivt sätt. Kopiera bara HTML-koden från kontrollpanelen och klistra in den på din webbplats och voilà ??  ?? Â, du har en sökfunktion direkt på din webbplats.

Här är en enkel formulärkod för att visa Googles sökmotor på din webbplats också. Allt du behöver göra är att byta namn på webbplatsens namn. Dessutom kan du ändra inlämningsvärdet till allt du vill.

Mer: Designa den heliga sökrutan: exempel och bästa praxis- I den här artikeln beskrivs riktlinjer för utformning av sökrutan.

2. Dålig läsbarhet och läsbarthet.

Detta är ett viktigt inslag i webbdesign. Givetvis kommer en bra gränssnittsdesign att ta tag i användarnas uppmärksamhet, men användarna måste läsa text för att kunna förstå den information de önskar. Vissa webbplatser använder de mest bisarra typsnittstypen och storlekarna som gör att man läser en smärta.

Förslag:Lyckligtvis finns det enkla sätt att göra för att förbättra användarnas läsupplevelse på din webbplats.

1. Jämför färgscheman på de flesta stora webbplatser och märk hur färgerna förbättrar läsbarheten. Ett bra ställe att prova olika färgscheman är Adobe Kuler.
2. Använda en Sans serif typsnitt eftersom det tillåter lätt läsning på webben.

Mer: Här är en bra artikel som ger dig fler tips om förbättrad läsbarhet - Läsbarhet - Att göra webbsidor enkla att läsa.

3. Oorganiserad innehållslayout.

En webbplats innehåll är vad som driver trafik till den. Hur innehållet är strukturerat är vad som kommer att göra det till en framgång eller ett misslyckande. Användare läser inte om det inte är absolut nödvändigt men skanna igenom information och välja ut intressanta platser på en webbsida. Vissa designers lägger bara ett block med text på webbsidan och helt försummade rubriker, underrubriker, kulor, nyckelord, stycken mm.

Använd en lämplig sidtitel för varje webbsida så att användarna vet exakt var de är. Vissa designers glömmer även att namnge webbsidan.

Sammantaget kommer det värsta i den här kategorin att lägga på felaktig, otillgänglig, obetydlig eller föråldrad innehåll på din webbplats. Innehållet måste sammanfalla med webbplatsens övergripande tema och vara användbart. Om en sida är under uppbyggnad, varför stör det att sätta upp det? Om en designer verkligen måste, är det bara tillfälligt och 3 veckor kommer inte längre att anses vara tillfälliga.

Förslag: Organisera innehåll på din webbplats med hjälp av HTML och CSS ska användas när du skapar designen på dina sidor.

1. Skapa tillräckligt med blankutrymme mellan din text och bilder med hjälp av marginaler.
2. Uppdatera och vara konsekvent. Syftet med att uppdatera är inte bara att lägga till nytt innehåll utan att upptäcka och korrigera tidigare misstag. Jakob Nielsen föreslår att du anlitar en webb “trädgårdsmästare”.

Budget att anställa en webbgardist som en del av ditt lag. Du behöver någon att rota ut ogräset och återplantera blommorna som webbplatsen ändras men de flesta vill hellre spendera sin tid på att skapa nytt innehåll än på underhåll. I praktiken är underhåll ett billigt sätt att förbättra innehållet på din webbplats eftersom många gamla sidor har relevans och bör kopplas till de nya sidorna. Naturligtvis är vissa sidor bättre att tas bort helt från servern efter utgångsdatum - Jakob Nielsen

4. Dålig navigering.

Navigering inom en webbplats ska vara sömlös. Användare ska kunna hitta sig lätt runt. Även om det inte finns någon standard för navigering inom en webbplats, särskilt nu som fler nya webbutvecklingstekniker uppstår, är det absolut nödvändigt att förstå att navigering måste vara intuitiv och konsekvent.

Om text används som navigering ska den vara kortfattad. Visuella metaforer bör inte återuppfinnas. Om hyperlänkar används ska de sticka ut från textens kropp. Döda länkar borde inte ha någon plats på någon webbsida alls. Detta ökar användarnas förvirring och avfallstid. Och en som är lika värre är att ha en länk på hemsidan som länkar till hemsidan.

Förslag:

1. Gör navigationen smidig genom att använda textbeskrivningar för alla länkar. Ge alt text för bilder. Använd alternativa textbeskrivningsmetoder för Flash- eller Javascript-länkar.
2. Organisera och strukturera din navigering i takt med temat på webbplatsen. Personliga webbplatser har råd att vara mer kreativa än tillgängliga, men en företagswebbplats kräver mer effektivitet och tydlighet.

Kom ihåg att om användare inte kan hitta vad de vill ha på mindre än 3 klick, lämnar de flesta omedelbart.

Mer: Implementera effektiv webbsidesökning - Denna artikel ger mer insikt om att implementera en effektiv navigering för din webbplats.

5. Inkonsekvent gränssnittsdesign.

Överdriven kreativitet kan bara vara det. Överdriven! Vissa designers tar det till en annan nivå när du skapar webbplatser genom att skapa olika mönster för varje webbsida på en webbplats. Detta är inte på något sätt förvirrande för användaren. Och helt irriterande. Oavsett hur enastående och attraktiv en webbplats är, om det övergripande utseendet inte är konsekvent, kan användarna inte relatera till det och känna mindre kontroll. Således lämnar så snart de kom fram.

Förslag:

1. Använd en vanlig konsistent mall för varje sida med länkar till huvudsektionerna på webbplatsen.
2. Nyckelordet är enkelt. Skapa estetiskt enkla mönster och användarna blir aldrig förvirrade på din webbplats.

6. Ovänlig skärmupplösning.

Jag är säker på att vi har besökt webbplatser där du måste rulla horisontellt. Detta är ett absolut no-no i modern webbdesign. En bra designer kommer att utveckla webbplatser som passar de flesta skärmstorlekar. Den nuvarande optimerade layouten för webbplatser är för närvarande 1024 x 768 pixlar.

Förslag:Det är svårt och nästan omöjligt att tillgodose designen så att den passar alla upplösningar, speciellt när besökare surfar från mobiltelefoner och nätböcker, men vi kan få en grov uppfattning vad är de vanliga skärmupplösningarna på följande sätt:

• Kontrollera din statistik - Analysfunktioner som Google Analytics ger dig information om vilken skärmupplösning de använder. Dessa är användbar information du borde veta innan du börjar din nästa nyhet.
• W3 skolar webbläsarstatistik - W3-skolor ger tydliga listor över den mest populära webbläsaren som används av netizens och sorterar dem efter popularitet. Det finns också annan intressant och viktig statistik.

7. Komplicerade registreringsformulär.

Registreringsformulär är knepiga. Hur mycket information behöver du från användaren? Borta är de dagar då en användare var tvungen att skriva in en zillion-information för att registrera sig på din webbplats. Vissa webbplatser gör de flesta registreringsfälten obligatoriska och validerar fälten i den mån användaren är frustrerad efter några försök. Kom ihåg att användarna besöker en webbplats för att skaffa information. Inte tvärtom.

Someecards enkla form gör registrering smärtfri.

Förslag:Jämför registreringsformulär över hela samhället på webben och förstå vilken grundläggande information som krävs av användaren under registreringsprocessen.

Mer: 9 Vanliga användbarhetsfel i webbdesign - Det här inlägget på Smashing Magazine tar en djupgående titt på registreringsformulär bland annat användbarhetsfel.

8. Skrupelfri användning av bilder / animationer.

För mycket bilder på en webbsida är en enorm avstängning. Bilder kan användas för att fånga användarnas uppmärksamhet, men det kan också vara en distraktion eller bara försvårande. Bilder ska användas för att illustrera och styra användaren om det är lämpligt.

Animationer är fantastiska och ett kraftfullt medium. Särskilt när det används på lämpligt sätt. När det är en cykel eller bara för mycket på en webbsida, blir det på användarnas nerver. Användare har inte tålamod, tid eller resurser så designers måste erbjuda alternativ eller ännu bättre, hoppa över knappen, om det är en fullständig sida animation.

Mer: Flash: 99% Dåligt - Använd Flash på lämpligt sätt. Det har varit nästan 10 år sedan Jakob Nielsen publicerade denna artikel men det är fortfarande relevant när det gäller Flash användbarhet, särskilt Bryter Web Fundamentals bit.

9. Rörade sidor, mer whitespace.

För många designers glömmer blank och dess betydelse. De är så uppslukna i sin egen designkreativitet att de glömmer att det inte handlar om dem. Således försöker de att klämma så mycket som möjligt på en enda sida. Slutresultat? En upptagen, rörig och oläslig sida.

kylestanding gör god användning av blankutrymme i sin design.

Här är några artiklar som ger dig en bra uppfattning om vikten av whitespace i webbdesign:

• En jämförelse av fyra vita rymdlayouts
• Värdet av vitt utrymme
• blank

10. Ingen bakgrundsmusik, snälla!

Användare vill inte ha kul, de söker effektivitet. Och ja 99 procent bryr sig inte om musiken på din webbplats. Vissa designers gör det värre genom att lägga olika bakgrundsmusik på varje webbsida.

Förslag:Använd inte bakgrundsmusik, men om du måste, skapa en ram för koden och användarkontrollerna. På så sätt löser musiken kontinuerligt, istället för att ändra varje gång en ny sida laddas på webbplatsen. Och användaren kan sluta eller pausa närhelst.

11. Test, test och test.

Detta kan inte överskattas. Hur många gånger har vi varit på webbsidor som endast kan ses på en viss webbläsare? Webbutvecklare måste ha en checklista av sorter när de testar webbplatser.

• Kan webbplatsen ses i olika miljöer?
• Är designlayouten konsekvent i alla webbläsare?
• Kan webbplatsen ses i olika inställningar, t.ex. bilder avstängda, JavaScript stängt av osv?

Förslag:W3C erbjuder verktyg för att testa kvalitetssäkring. Checka ut W3C kvalitetssäkring verktygslåda och Validering av webbsidor.

Slutsats:

Håll det enkelt, dumt (K.I.S.S). Det är bottenlinjen. Om det är enkelt är det användbart. Sammantaget håller stora webbplatser det enkla och användbara. Gör dina läxor och det kommer enkelt och naturligt.

Vilka är dina erfarenheter i webbdesignprojekt? Vilka andra tips och tankar skulle du vilja dela med på webbdesignfel?

Redaktörens anteckning: Det här inlägget är skrivet av Brujo Owoh för Hongkiat.com. Brujo Owoh är en Multimedia Systems undergrad, specialiserad på webbdesign och 2D Animation. Han gillar läsfiktion, hänger med sina kamrater och följer designtrenderna på Twitter. Besök Brujos blogg.