11 Vanlige webdesign feil (blunders)

Det er tonnevis av nettsider på Internett, og hundrevis eller sannsynligvis tusenvis er laget av dag. Her er en veldig interessant ting å tenke på - Hva er elementene i en god nettside?

Å bygge et nettsted kan være skremmende, men den virkelige utfordringen ligger i å gjøre den brukbar. Problemet er at de fleste webdesignere glemmer at nettstedet ikke ble opprettet for seg selv, men for å løse brukernes behov. De gir kreativitet prioritet over praktisk og brukervennlighet.

I denne artikkelen vil vi fremheve 11 webdesignblunders som webutviklere og designere lager og noen forslag til hvordan disse feilene enkelt kan unngås.

1. Hvor er søkeboksen?

Internett er som et arkiv med informasjon. Enten det er en bedriftens nettside eller bare en blogg, er en søkeboks avgjørende. Den besøkende kan være på utkikk etter noe som er skjult på nettsiden, med søkefeltet er sjansene at de besøkende vil få det de vil ha.

forslag:Google tilpasset søk er en fin, enkel og effektiv måte å komme i gang. Det gjør det mulig for besøkende å søke på nettstedet ditt på en effektiv måte. Bare kopier HTML-koden fra kontrollpanelet og lim inn den på nettstedet ditt og voilà ??  ?? Â, du har en søkefunksjon rett på nettstedet ditt.

Her er en enkel skjemakode for å vise Googles søkemotor på nettstedet ditt også. Alt du trenger å gjøre er å endre nettstednavnet til nettstedets navn. I tillegg kan du endre innleveringsverdien til alt du vil.

Mer: Utforme Den Hellige Søkeboks: Eksempler Og Best Practice- Denne artikkelen beskriver retningslinjer for å designe søkeboksen.

2. Dårlig lesbarhet og lesbarhet.

Dette er et viktig element i webdesign. Selvfølgelig vil et godt grensesnitt design ta tak i brukerens oppmerksomhet, men brukerne må lese tekst for å kunne forstå informasjonen de ønsker. Enkelte nettsteder bruker de mest bisarre skriftstiler og -størrelser som gjør at du får smerte.

forslag:Heldigvis finnes det enkle måter du kan gjøre for å forbedre brukerens leseopplevelse på nettstedet ditt.

1. Sammenlign fargeskjemaer på de fleste store nettsteder og legg merke til hvordan fargene forbedrer lesbarheten. Et godt sted å prøve ut forskjellige fargeskjemaer er Adobe Kuler.
2. Bruk en Sans serif skrifttype som det gjør det enkelt å lese på nettet.

Mer: Her er en god artikkel som gir deg flere tips om forbedring av lesbarheten - Lesbarhet - Å gjøre nettsider enkle å lese.

3. Uorganisert innholdsoppsett.

Et nettsteds innhold er det som driver trafikk til det. Hvordan innholdet er strukturert er det som vil gjøre det til en suksess eller en feil. Brukerne leser ikke med mindre det er absolutt nødvendig, men skann gjennom informasjon og velg interessepunkter på en nettside. Noen designere legger bare en blokk med tekst på nettsiden og totalt forsømmelsesoverskrifter, underoverskrifter, kuler, nøkkelord, stykker osv..

Bruk en passende sidetittel for hver nettside slik at brukerne vet nøyaktig hvor de er. Noen designere til og med glemmer å navngi nettsiden.

Samlet sett vil det verste i denne kategorien være å sette unøyaktig, utilgjengelig, ubetydelig eller utdatert innhold på nettstedet ditt. Innholdet må samsvare med det overordnede temaet på nettstedet og være nyttig. Hvis en side er under bygging, hvorfor plage å sette den opp? Hvis en designer virkelig må, er det bare midlertidig og 3 uker vil ikke lenger bli ansett som midlertidig.

forslag: Organiser innhold på nettstedet ditt ved hjelp av HTML og CSS bør brukes når du lager designen til sidene dine.

1. Opprett nok mellomrom mellom tekst og bilder ved å bruke marginer.
2. Oppdater og vær konsistent. Hensikten med å oppdatere er ikke bare å legge til nytt innhold, men å oppdage og korrigere tidligere feil. Jakob Nielsen foreslår at du ansetter en web “gartner”.

Budsjett for å ansette en webgartner som en del av teamet ditt. Du trenger noen til å rote ut ugresset og reprodusere blomstene ettersom nettstedet endres, men de fleste vil helst bruke tiden sin til å skape nytt innhold enn på vedlikehold. I praksis er vedlikehold en billig måte å forbedre innholdet på nettstedet ditt, siden mange gamle sider holder deres relevans og bør knyttes til de nye sidene. Selvfølgelig er enkelte sider bedre å bli fjernet helt fra serveren etter utløpsdatoen - Jakob Nielsen

4. Dårlig navigering.

Navigering innenfor et nettsted skal være sømløst. Brukere skal kunne finne veien rundt enkelt. Selv om det ikke er noen standard for navigering på et nettsted, spesielt nå som flere nye webutviklingsteknologier kommer frem, er det viktig å forstå at navigasjonen må være intuitiv og konsekvent.

Hvis tekst brukes som navigasjon, bør det være konsistent. Visuelle metaforer bør ikke gjenoppfinnes. Hvis hyperkoblinger brukes, bør de skille seg ut fra tekstens kropp. Døde lenker skal ikke ha noe sted på noen nettside overhodet. Dette øker brukernes forvirring og bortkastet tid. Og en som er like verre, har en link på hjemmesiden som lenker til hjemmesiden.

forslag:

1. Gjør navigeringen jevn ved å bruke tekstbeskrivelser for alle koblinger. Gi alt tekst til bilder. Bruk alternative tekstbeskrivelsesteknikker for Flash- eller Javascript-koblinger.
2. Organiser og strukturer navigasjonen din i takt med temaet på nettstedet. Personlige nettsteder har råd til å være mer kreative ennå tilgjengelig, men et bedriftsnettsted krever mer effektivitet og klarhet.

Husk at hvis brukerne ikke finner det de vil ha på mindre enn tre klikk, vil de fleste forlate umiddelbart.

Mer: Implementere effektiv nettside navigasjon - Denne artikkelen gir mer innsikt i å implementere en effektiv navigasjon for nettstedet ditt.

5. inkonsekvent grensesnitt design.

Overdreven kreativitet kan bare være det. Overflødig! Noen designere tar det til et annet nivå når du oppretter nettsteder ved å lage forskjellige design for hver nettside på et nettsted. Dette er på ingen måte forvirrende for brukeren. Og helt irriterende. Uansett hvor enestående og attraktivt et nettsted er, hvis det generelle utseendet ikke er konsistent, kan brukerne ikke forholde seg til det og føle seg mindre i kontroll. Dermed forlater så snart de ankom.

forslag:

1. Bruk en standard konsistent mal for hver side med koblinger til hovedseksjonene på nettstedet.
2. Søkeordet er enkelt. Lag estetisk enkle design og brukere vil aldri bli forvirret på nettstedet ditt.

6. Uvennlig skjermoppløsning.

Jeg er sikker på at vi har besøkt nettsteder der du må rulle horisontalt. Dette er et absolutt ikke-nei i moderne webdesign. En god designer vil utvikle nettsteder som passer på de fleste skjermstørrelser. Den nåværende optimaliserte oppsettet for nettsteder er for øyeblikket 1024 x 768 piksler.

forslag:Det er vanskelig og nesten umulig å imøtekomme utformingen slik at den passer til enhver oppløsning, spesielt når besøkende nå surfer fra mobiltelefoner og netbooks, men vi kan få en grov ide hva er de vanligste skjermoppløsninger på følgende måter:

• Sjekk statistikken din - Analysetjenester som Google Analytics gir deg informasjon om hvilken skjermoppløsning de bruker. Dette er nyttig informasjon du bør vite før du begynner neste gang.
• W3 Skoler Nettleserstatistikker - W3-skoler gir klare lister over den mest populære nettleseren som brukes av netizens, og sorterer dem etter popularitet. Det er også andre interessante og viktige statistikker.

7. Kompliserte registreringsskjemaer.

Registreringsskjema er vanskelig. Hvor mye informasjon trenger du fra brukeren? Borte er de dagene hvor en bruker måtte skrive inn en zillion-detalj for å registrere seg på nettstedet ditt. Noen nettsteder gjør de fleste registreringsfeltene obligatoriske og validere feltene i den grad brukeren er frustrert etter noen få forsøk. Husk at brukerne besøker et nettsted for å skaffe seg informasjon. Ikke omvendt.

Someecards enkle form gjør registreringen smertefri.

forslag:Sammenlign registreringsskjemaer på tvers av fellesskap på nettet og forstå hva grunnleggende informasjon som kreves av brukeren under registreringsprosessen.

Mer: 9 Vanlige bruksfeil i webdesign - Dette innlegget på Smashing Magazine tar en grundig titt på registreringsskjemaer blant annet bruksfeil.

8. Skrupelløs bruk av bilder / animasjoner.

For mye bilder på en nettside er en stor slå av. Bilder kan brukes til å fange opp brukernes oppmerksomhet, men det kan også være en distraksjon eller bare forverrende. Bilder bør brukes til å illustrere og veilede brukeren der det er hensiktsmessig.

Animasjoner er kjempebra og et kraftig medium. Spesielt når det brukes riktig. Når det er en syklus eller bare for mye på en nettside, blir det på brukerens nerver. Brukerne har ikke tålmodighet, tid eller ressurser, så designere må tilby alternativer eller bedre ennå, hoppe-knappen, hvis det er en full side animasjon.

Mer: Flash: 99% dårlig - Bruk Flash på riktig måte. Det har vært nesten 10 år siden Jakob Nielsen publiserte denne artikkelen, men det er fortsatt relevant når det gjelder Flash-brukbarhet, spesielt Breaker Web Fundamentals stykke.

9. Roterte sider, mer whitespace.

For mange designere glemmer mellomrom og dens betydning. De er så oppslukt i sin egen designkreativitet at de glemmer at det ikke handler om dem. Dermed prøver de å stikke så mye som mulig på en enkelt side. Sluttresultat? En opptatt, rotete og ulastelig side.

Kylestanding gjør god bruk av hvitt plass i deres design.

Her er få artikler for å gi deg en god ide på Betydningen av hvite rom i webdesign:

• En sammenligning av fire hvite romoppsett
• Verdien av hvitt rom
• mellomrom

10. Ingen bakgrunnsmusikk, vær så snill!

Brukere vil ikke ha kul, de søker effektivitet. Og ja, 99 prosent bryr seg ikke om musikken på nettstedet ditt. Noen designere gjør det verre ved å sette annen bakgrunnsmusikk på hver nettside.

forslag:Ikke bruk bakgrunnsmusikk, men hvis du må, lag en ramme for koden og brukerens kontroller. På den måten løkker musikken kontinuerlig, i stedet for å skifte hver gang en ny side lastes inn på nettsiden. Og brukeren kan stoppe eller pause når.

11. Test, test og test.

Dette kan ikke overemphasized. Hvor mange ganger har vi vært på nettsider som bare kan vises på en bestemt nettleser? Webutviklere må ha en sjekkliste av forskjellige typer når de tester nettsteder.

• Kan nettstedet bli vist i forskjellige miljøer?
• Er designoppsettet konsekvent i alle nettlesere?
• Kan nettstedet bli vist i forskjellige innstillinger, for eksempel bilder slått av, JavaScript slått av, osv?

forslag:W3C tilbyr verktøy for å teste for kvalitetssikring. Sjekk ut W3C kvalitetssikringsverktøy og Validering av websiden.

Konklusjon:

Hold det enkelt, dumt (K.I.S.S). Det er bunnlinjen. Hvis det er enkelt, kan det brukes. Alt i alt holder store nettsteder det enkle og brukbare. Gjøre leksene dine og det kommer lett og naturlig.

Hva er dine erfaringer med webdesignprosjekter? Hvilke andre tips og tanker vil du dele om webdesignfeil?

Redaktørens notat: Dette innlegget er skrevet av Brujo Owoh for Hongkiat.com. Brujo Owoh er en Multimedia Systems undergrad, spesialisert på Web Design og 2D Animation. Han nyter lesefiksjon, henger ut med sine kamerater, og holder tritt med designtrender på Twitter. Besøk Brujos blogg.