11 Fælles Web Design Fejl (Blunders)

Der er masser af hjemmesider på internettet, og hundreder eller sandsynligvis tusinder er oprettet efter dag. Her er en meget interessant ting at overveje - Hvad er elementerne i en god hjemmeside?

Opbygning af et websted kan være skræmmende, men den reelle udfordring ligger i at gøre den brugbar. Problemet er, at de fleste webdesignere glemmer, at hjemmesiden ikke blev oprettet for sig selv, men for at løse brugernes behov. De giver kreativitet prioritet over anvendelighed og brugervenlighed.

I denne artikel vil vi gerne fremhæve 11 webdesign blunders, som webudviklere og designere gør og nogle forslag til, hvordan disse fejl nemt kan undgås.

1. Hvor er søgefeltet?

Internettet er som et arkiv af information. Uanset om det er en corporate hjemmeside eller blot en blog, er en søgefelt afgørende. Besøgende kan være på udkig efter noget, der er skjult inden for hjemmesiden, med søgefeltet er chancerne, besøgende vil få, hvad de vil have.

Forslag:Google tilpasset søgning er en pæn, enkel og effektiv måde at komme i gang med. Det gør det muligt for besøgende at søge på dit websted på en effektiv måde. Du skal bare kopiere HTML-koden fra kontrolpanelet og indsætte den på din hjemmeside og voilà ???? har du en søgefunktion lige på din hjemmeside.

Her er en simpel formularkode for at vise Googles søgemaskine på dit websted. Alt du skal gøre er at ændre webstedets navn til dit websteds navn. Plus, du kan ændre indgivelsesværdien til alt hvad du kan lide.

Mere: Designing The Holy Search Box: Eksempler og bedste praksis- Denne artikel beskriver retningslinjer for udformning af søgefeltet.

2. Dårlig læsbarhed og læsbarhed.

Dette er et afgørende element i webdesign. Selvfølgelig vil et godt interface design gribe brugernes opmærksomhed, men brugerne skal læse tekst for at kunne forstå de oplysninger, de ønsker. Nogle websteder bruger de mest bizarre skrifttypestile og -størrelser, der gør det muligt at læse en smerte.

Forslag:Heldigvis er der enkle måder, du kan gøre for at forbedre brugernes læsning erfaring på din hjemmeside.

1. Sammenlign farveskemaer på de fleste større websteder og læg mærke til, hvordan farverne forbedrer læsbarheden. Et godt sted at afprøve forskellige farveskemaer er Adobe Kuler.
2. Brug en Sans serif skrifttype da det giver mulighed for nem læsning på internettet.

Mere: Her er en god artikel, der giver dig flere tips om forbedring af læsbarheden - Læsbarhed - Gør websider nemme at læse.

3. Uorganiseret indholdslayout.

Et websteds indhold er, hvad der driver trafik til det. Hvordan indholdet er struktureret er, hvad der vil gøre det til en succes eller en fiasko. Brugere læser ikke, medmindre det er absolut nødvendigt, men scan gennem oplysninger og udvælge interessepunkter på en webside. Nogle designere sætter blot en blok tekst på websiden og fuldstændig forsømmer overskrifter, underoverskrifter, kugler, nøgleord, afsnit osv..

Brug en passende sidetitel for hver webside, så brugerne ved præcis, hvor de er. Nogle designere endda glemmer at navngive websiden.

Samlet set vil det værste i denne kategori lægge unøjagtigt, utilgængeligt, ubetydeligt eller forældet indhold på din hjemmeside. Indholdet skal falde sammen med det overordnede tema på hjemmesiden og være nyttigt. Hvis en side er under opførelse, hvorfor genere det at sætte det op? Hvis en designer virkelig skal, så er det kun midlertidigt og 3 uger vil ikke længere blive betragtet som midlertidige.

Forslag: Organiser indhold på dit websted ved hjælp af HTML og CSS skal bruges, når du opretter design af dine sider.

1. Opret nok mellemrum mellem din tekst og dine billeder ved hjælp af margener.
2. Opdater og vær konsekvent. Formålet med opdatering er ikke bare at tilføje nyt indhold, men også at finde frem til og rette fejl i de seneste fejl. Jakob Nielsen foreslår at du ansætter en web “gartner”.

Budget til at ansætte en webgartner som en del af dit team. Du har brug for nogen til at udrydde ukrudtet og genplantere blomsterne, da hjemmesiden ændres, men de fleste vil hellere bruge deres tid på at skabe nyt indhold end ved vedligeholdelse. I praksis er vedligeholdelse en billig måde at forbedre indholdet på din hjemmeside, da mange gamle sider holder deres relevans og bør knyttes til de nye sider. Selvfølgelig er nogle sider bedre at blive fjernet helt fra serveren efter deres udløbsdato - Jakob Nielsen

4. Dårlig Navigation.

Navigation inden for en hjemmeside skal være problemfri. Brugere skal kunne finde vej rundt nemt. Selvom der ikke er nogen standard for navigation på en hjemmeside, især nu som flere nye webudviklingsteknologier fremkommer, er det afgørende at forstå, at navigation skal være intuitiv og konsistent.

Hvis tekst bruges som navigation, skal det være kortfattet. Visuelle metaforer bør ikke genopfinde. Hvis der anvendes hyperlinks, skal de skille sig ud fra tekstens krop. Døde links skal ikke have plads på nogen webside overhovedet. Dette øger brugernes forvirring og affaldstid. Og en der er lige så værre, har et link på hjemmesiden, der linker til hjemmesiden.

Forslag:

1. Gør navigationen glat ved hjælp af tekstbeskrivelser for alle links. Giv alt tekst til billeder. Brug alternative tekstbeskrivelse teknikker til Flash eller Javascript links.
2. Organiser og strukturer din navigation i takt med temaet på hjemmesiden. Personlige hjemmesider har råd til at være mere kreative endnu tilgængelige, men en virksomhedswebsted kræver mere effektivitet og klarhed.

Husk, at hvis brugerne ikke kan finde det, de vil have i mindre end 3 klik, vil de fleste forlade straks.

Mere: Gennemførelse Effektiv Website Navigation - Denne artikel giver mere indsigt i implementering af en effektiv navigation til dit websted.

5. inkonsekvent grænseflade design.

Overdreven kreativitet kan bare være det. Overdreven! Nogle designere tager det til et andet niveau, når de opretter hjemmesider ved at oprette forskellige designs for hver webside på en hjemmeside. Dette er på ingen måde forvirrende for brugeren. Og helt irriterende. Ligegyldigt hvor fremragende og attraktivt et websted er, hvis det overordnede udseende ikke er konsekvent, kan brugerne ikke forholde sig til det og føle sig mindre i kontrol. Således forlader så snart de ankom.

Forslag:

1. Brug en standard konsistent skabelon til hver side med links til hovedafsnittene på webstedet.
2. Søgeordet er enkelt. Opret æstetisk enkle designs, og brugerne bliver aldrig forvirrede på din hjemmeside.

6. Uvenlig skærmopløsning.

Jeg er sikker på, at vi har besøgt hjemmesider, hvor du skal rulle vandret. Dette er et absolut ikke-nej i moderne webdesign. En god designer vil udvikle hjemmesider, der passer til de fleste skærmstørrelser. Det nuværende optimerede layout for websites er i dag 1024 x 768 pixel.

Forslag:Det er svært og næsten umuligt at tage højde for designet for at passe til enhver beslutning, især når besøgende nu surfer fra mobiltelefoner og netbooks, men vi kan få en grov ide, hvad er de almindeligt anvendte skærmopløsninger på følgende måder:

• Tjek din statistik - Analysetjenester som Google Analytics giver dig oplysninger om, hvilken skærmopløsning de bruger. Disse er nyttige oplysninger, du bør vide, før du starter din næste opgradering.
• W3 Skoler Browser Stats - W3-skoler giver klare lister over den mest populære browser, der bruges af netizens, og sorterer dem efter popularitet. Der er også andre interessante og vigtige statistikker.

7. Komplicerede Registreringsformularer.

Registreringsformularer er vanskelige. Hvor meget information har du brug for fra brugeren? Borte er de dage, hvor en bruger måtte indtaste en zillion detaljer for at registrere til dit websted. Nogle websteder gør de fleste registreringsfelter obligatoriske og validere felterne i det omfang, hvor brugeren er frustreret efter et par forsøg. Husk, at brugerne besøger et websted for at erhverve oplysninger. Ikke omvendt.

Someecards enkle form gør registreringen smertefri.

Forslag:Sammenlign registreringsformularer på tværs af fællesskaber på internettet og forstå, hvilke grundlæggende oplysninger der kræves af brugeren under registreringsprocessen.

Mere: 9 Fælles brugervenlighed i webdesign - Dette indlæg på Smashing Magazine tager et indgående kig på registreringsformularer blandt andre brugbarhedsfejl.

8. Skrupelløs brug af billeder / animationer.

For mange billeder på en webside er en kæmpe slukning. Billeder kan bruges til at fange brugernes opmærksomhed, men det kan også være en distraktion eller bare forværrende. Billeder skal bruges til at illustrere og lede brugeren, hvor det er relevant.

Animationer er awesome og et stærkt medium. Især når det bruges korrekt. Når det er en cyklus eller bare for meget på en webside, kommer det på brugerens nerver. Brugere har ikke tålmodighed, tid eller ressourcer, så designere skal tilbyde alternativer eller bedre endnu, spring knappen, hvis det er en fuld side animation.

Mere: Flash: 99% dårlig - Brug Flash passende. Det har været næsten 10 år siden Jakob Nielsen offentliggjorde denne artikel, men det er stadig relevant med hensyn til Flash brugbarhed især Bryder Web Fundamentals stykke.

9. Roterede sider, mere whitespace.

Alt for mange designere glemmer hvidt rum og dens betydning. De er så opslugt i deres eget design kreativitet, at de glemmer, at det ikke handler om dem. Således forsøger de at få fat i så meget som muligt på en enkelt side. Slutresultat? En travl, rod og ulæselig side.

Kølestanding gør god brug af hvide rum i deres design.

Her er få artikler til at give dig en god ide om vigtigheden af ​​whitespace i webdesign:

• En sammenligning af fire hvide rumlayouts
• Værdien af ​​hvidt rum
• Hvidt rum

10. Ingen baggrundsmusik, vær venlig!

Brugere ønsker ikke at være cool, de søger effektivitet. Og ja, 99 procent er ligeglad med musikken på dit websted. Nogle designere gør det værre ved at sætte anden baggrundsmusik på hver webside.

Forslag:Brug ikke baggrundsmusik, men hvis du skal, skal du oprette en ramme til koden og brugerkontrol. På den måde løkker musikken kontinuerligt, i stedet for at ændre hver gang en ny side er indlæst på hjemmesiden. Og brugeren kan stoppe eller pause hver gang.

11. Test, test og test.

Dette kan ikke overbelastes. Hvor mange gange har vi været på websider, der kun kan ses på en bestemt browser? Webudviklere skal have en tjekliste af sorter, når de tester websites.

• Kan hjemmesiden ses i forskellige miljøer?
• Er designlayoutet konsekvent i alle browsere?
• Kan hjemmesiden ses i forskellige indstillinger, f.eks. Billeder slået fra, JavaScript slukket osv?

Forslag:W3C tilbyder værktøjer til test for kvalitetssikring. Tjek ud W3C kvalitetssikringsværktøjskasse og Webside validering.

Konklusion:

Hold det simpelt, dumt (K.I.S.S). Det er bundlinjen. Hvis det er enkelt, er det brugbart. Alt i alt holder store hjemmesider det enkle og brugbare. Gør dit hjemmearbejde og det kommer nemt og naturligt.

Hvad er dine erfaringer med webdesignprojekter? Hvilke andre tip og tanker vil du gerne dele om webdesignfejl?

Redaktørens note: Dette indlæg er skrevet af Brujo Owoh til Hongkiat.com. Brujo Owoh er et Multimedia Systems undergrad, der er specialiseret i Web Design og 2D Animation. Han nyder læsefiktion, hænger sammen med sine medspillere og holder op med designtendenser på Twitter. Besøg Brujos blog.