Undviker Web Design Blunders

Undviker Web Design Blunders - dummies

Kryssa bara på webben - speciellt områden med massor av personliga sidor, som GeoCities-webbplatsen eller AOLs hembyområde - och du kan hitta många exempel på dåligt utformade sidor. Men vad är det som gör dessa sidor dåliga? Av de många konstruktionsfel du kan göra är tre vanliga bland nya webbsidor: långsamma sidor, fula färgkombinationer och liten text.

Långsamma sidor

Detta är nummer 1-banans webbdesign, vare sig det är amatör eller professionellt. Folk tror att de utformar en tidning och kasta stor, okomprimerad grafik runt, flera per sida. Sedan lägger de till söta lilla designelement, som alla måste skickas som en separat fil av webbservern. När var och en av de olika elementen kommer in skiftar siddesignen och shimmiesna på ett sätt som garanterar att det uppstår rörelsesjuka. När en sida av din laddas långsamt beror det vanligtvis på att du begår en av två stora fel.

  • Fel # 1 innebär brist på vård med en eller två individuella grafik. Genom att hålla dessa grafikfiler stora gör du hela sidan för långsam laddning.
  • Fel # 2 är att använda grafik på ett överskådligt sätt i allmänhet. Högdesignade sidor kan ha massor av små grafiska element som orsakar många separata filöverföringar som sidan laddas. Om sidan inte är noggrant utformad, ändras sidan faktiskt lite när varje grafik kommer in. Den övergripande effekten kan vara ganska störande.

Grafik kan inte bara orsaka att sidan laddas långsamt - de tar också lång tid att skapa, tenderar att få upphovsrättsproblem och presentera utmanande design och sidlayoutproblem. Håll användningen av grafik på din sida enkel tills du blir riktigt bra på att designa med grafik, eller tills du kan få hjälp från någon som har den talangen själv.

Gula färgkombinationer

Många webbutgivare bryter inte mycket om de färgkombinationer de använder är attraktiva eller inte. Andra bryr sig, men kan inte kritiskt värdera sitt eget arbete och se hur grymt och / eller svårt att använda resultatet är.

Du kanske förstår att vissa färgkombinationer kan vara fula, men det verkar kanske konstigt att vi säger att dåliga färger kan leda till svåra att använda sidor. Anledningen är att på webben identifierar färg hyperlänkar, oanvända länkar och nyligen använda länkar med olika färger. Standardfärgerna för länkar är blåa för ovisade länkar och lila för besökta länkar. Om du ändrar dessa färger har dina besökare problem med att identifiera vilka länkar de har besökt och vilka länkar de inte har.

Om du helt enkelt måste ändra länkfärgerna, försök använda färgkombinationer som är analoga med de vanliga - en lättare, iögonfallande färg för ovisade länkar och en matt färg för besökta.Detta är åtminstone liknande, konceptuellt, till standardfärgerna. Testa sedan designen på några få personer och se om de snabbt kan ta reda på vilka länkar som.

Nu tillbaka till ful. Bara för att webben gör det möjligt att använda olika färgkombinationer betyder inte att du borde göra det. Svart text på vit eller vitvit bakgrund är vad folk är vana vid och är alltid det säkraste valet. Och med den här kombinationen visas standardlänkfärgen riktigt bra. Du kan använda en grafisk streck på något konsekvent läge på sidan för att ge dina webbsidor ett färgstarkt, grafiskt utseende utan att förorsaka förutsägbarhet och läsbarhet i kroppen på varje sida.

Några andra färgkombinationer fungerar ganska bra, men många gör det inte. Kom ihåg också att vissa användare kör sina bildskärmar i 256-färgsläge och att endast 216 färger från 256 - den webbsäkra färgpalett - är desamma på datorer och Mac-datorer. Så en färgkombination som ser bra ut på ditt system kan se dåligt ut på ett system med färre färger. På samma sätt kan färger som ser bra ut på en dator kanske inte se så varmt ut på en Mac.

Små text (och stor text också)

Ett vanligt misstag folk gör är att använda liten text på sina webbsidor. Små text ser lite snygg ut, och det låter dig packa in mycket information. På grund av dessa frestelser har även stora webbplatser, såsom tidiga versioner av Microsoft-webbplatsen, gjort detta misstag. Problemet är att den lilla texten blir mycket liten text när den ses på en högupplöst skärm. Så liten, faktiskt, att många av de personer som besöker din webbplats kanske inte kan läsa texten på din sida enkelt.

Mindre vanligt, men lika skadligt, är text som är för stor. Du behöver inte designa webbsidor med text som är läsbar från 20 meter bort. Verkligen. (Människor med sanna synproblem byter Windows och / eller deras webbläsare för att visa text i extra stor storlek, så de har ett sätt att läsa text som börjar normal storlek.) Det ser hemskt ut, särskilt när det ses på ett relativt lågt system upplösning, till exempel 800 x 600 upplösning.

Båda dessa problem förvärras av den ökande tendensen att bädda in mycket av en webbplats text i grafiska bilder. Denna text har alltid en konsekvent utseende, eftersom den behandlas av webbläsaren som en grafisk bild, men det kan lätt vara för litet eller stort. När du sparar text som bildfiler kan texten inte ändras av webbläsaren för att rymma olika webbläsarinställningar. Så användaren kan inte fixa några problem som de har med grafiskt visad text.

Så vad är "normalstorlek" text? Glad att du frågade. Det finns inte en exakt normal storlek, men det finns ett normalt intervall. För att hitta den, matcha textstorleken på din webbsida till textstorleken på några webbsidor du vill ha. Fråga sedan flera personer - inte alla yngre och hökögda, eller alla äldre och mindre visuellt akuta - för att berätta om de lätt kan läsa texten medan de sitter bekvämt ett par meter från datorn. Om inte, åtgärda problemet innan det blir en börda för dina besökare på webbplatsen.