Hvad forårsager det store uoverensstemmelse mellem hvad nogle WordPress-udviklere opkræver i forhold til andre? Besvarelse af dette spørgsmål kræver overvejelse om grunden til, hvorfor du ønsker et websted i første omgang.

Nogle udviklere fokuserer på det bogstavelige slutprodukt: kombinationen af kode, der resulterer i et behageligt nok webdesign.

Men udviklere med kyndige marketing beskæftiger sig med mere end bare at bygge noget, der ser pænt ud. De fungerer som konsulenter for kunder, der søger at nå specifikke mål med deres websteder.

Webdesign er strengt forbundet med dine forretningsmæssige mål
Webdesign er strengt forbundet med dine forretningsmæssige mål

Med dette i tankerne er det et rødt flag at ansætte nogen til at oprette et websted, der ikke synes at være interesseret i / ikke stille spørgsmål til dine slutmål. Det er vigtigt at kalde det faktum, at selv det smukkeste webdesign muligvis ikke er ideelt, når det kommer til at få besøgende til at konvertere til kunder.

Når det er sagt, bedømmer 94% af mennesker din troværdighed baseret på dit websteds design.

Så i stedet skal du fokusere på at bruge dit design for at tilbyde den ideelle brugeroplevelse. Du skal gøre det let for besøgende at finde de oplysninger, de søgte ved at besøge dit websted i første omgang, mens du leder dem mod målkonverterings-aktiviteter.

Disse bedste praksis for webdesign fokuserer på skæringspunktet mellem at oprette et smukt websted og et, der tjener din virksomhed.

Foretrækker du at se videoversionen?

Hvad definerer webdesigns bedste praksis?

For at være sikker, har alle og deres mor meninger om, hvad der udgør et godt designet websted.

Men lad os holde igen med alles mening, ved at udsætte os for eksperternes.

I henhold til Orbit Media kan du gruppere bedste design af webdesign i disse tre grundlæggende kategorier af standarder:

  • Brand standarder: Du er måske mere bekendt med at henvise til dette samme koncept som “branding”, “stilguider” eller “mood boards”. Disse standarder inkluderer alt, hvad der har at gøre med, hvordan et websted ser ud og involverer brug af farver, typografi og elementer, der er specifikke for den bestemte virksomhed.
  • Kodestandarder: Websteder skal bygges i henhold til de programmerings-standarder, der er aftalt af W3C, det internationale samfund, der samarbejder om at udvikle webstandarder.
  • Tilgængelighedsstandarder: Adgang til information er en grundlæggende menneskerettighed, der er anerkendt af FN’s konvention om rettigheder for personer med handicap. Derudover har det at gøre dit websted tilgængeligt positive effekter – ikke kun på salg men også SEO. W3C deler en grundlæggende liste over standarder, du skal følge for at designe et tilgængeligt websted. Vi vil detaljeret om mere relateret praksis for webdesign senere i denne artikel.

Lad os se på, hvordan vi udvikler webdesign praksis baseret på hver af disse standarder:

Brand standarder

Websteder, der mangler ensartet branding, kan være stressende at interagere med og forårsage forvirring. Som sådan burde det ikke komme som nogen overraskelse, at ca. 38% af besøgende har sagt, at de vil stoppe med at engagere med et websted, hvis indholdet eller layoutet ikke er attraktivt.

Husk på, at udseende ikke er alt, her er nogle grundlæggende designprincipper, du skal overveje til at oprette et websted, som folk vil bruge:

Balance

Balance er designprincippet, der foreskriver, hvordan man effektivt distribuerer visuelle elementer. Generelt ser et afbalanceret design rent og naturligt ud og har god symmetri (selvom det ikke nødvendigvis er en betingelse for balance).

Du kan integrere balance i webdesign med hensyn til sidelayout.

Centrering af tekst eller andre elementer på tværs af siden er en nem måde at gøre det på. Generelt er websider bygget på et gittersystem, der skaber en form for balance. Du kan bruge CSS float-egenskaben til at placere elementer og balancere dem på tværs af siden.

Balance kan opnås på tre måder:

1. Symmetrisk design

Eksempel på symmetrisk design
Eksempel på symmetrisk design

Arranger elementer på en jævn måde på tværs af websiden. For eksempel, hvis du har et tungt element til venstre, skal du have et tungt element til højre. Som nævnt er centrering den nemmeste måde at opnå symmetri på, men det kan undertiden komme på tværs som fladt eller kedeligt.

For at undgå, at siden ser monoton ud, kan du skabe balance ved hjælp af forskellige elementer, f.eks. at balancere et stort billede med en tekstblok. Der er også en type symmetrisk balance kaldet radial balance, hvor objekter udstråler fra et centralt punkt.

2. Asymmetrisk design

Eksempel på asymmetrisk design
Eksempel på asymmetrisk design

Asymmetrisk design gør det mere udfordrende at gøre det godt, og involverer ujævn fordeling af elementer på en side. For eksempel kan du have et stort element i midten, som er afbalanceret med et mindre et længere væk.

Du kan bruge andre elementer i design, såsom farve eller tekstur, til at afbalancere et asymmetrisk design.

3. Ubalance

Eksempel på design uden balance
Eksempel på design uden balance

Disse typer design antyder bevægelse og handling, som kan gøre folk ubehagelige. Hvis dit websted har til hensigt at få folk til at tænke, er et design uden balance balance for dig.

Sammensætning

Udtrykket sammensætning henviser til placering og organisering af designelementer.

Sammensætning
Sammensætning

Trådens regel bruges ofte til at skabe en afbalanceret komposition, især med fotos.

Afstand

Elementerne skal være jævnt fordelt, så brugerne kan differentiere sektioner eller blokke.

Afstandens rolle i webdesign
Afstandens rolle i webdesign

Du skal også introducere negativt rum eller afstanden mellem- og omkring motivet til et billede. Negativt rum kan reducere visuel støj, øge læsbarheden og skabe balance.

Du kan introducere negativ plads ved at tilføje marginer og polstring omkring dine designelementer.

Fokuspunkt

Vær opmærksom på ét element
Vær opmærksom på ét element

Opret et fokusområde, hvor du vil henlede opmærksomheden. Det skal være den vigtigste del af din side, og ideelt set bør hver side fokusere på kun et større fokuspunkt.

Farve

Farve er et vigtigt designelement, når det kommer til branding. Ideelt set kommer du ind i webdesignprocessen med en forståelse af de farver, du vil tilknytte dit brand.

Til webdesign specifikt hjælper det med at starte med et moodboard for dit brand.

Eksempel på Kinstas farvepalet
Eksempel på Kinstas farvepalet

Vælg en primær og sekundær farve (den sekundære farve kan komplementere eller kontrastere den primære farve), og en lysere og mørkere farvetone for hver. Begræns din brug af farve, så forskellige accenter ikke blir et blikfang.

Adobe Color leverer et fremragende gratis værktøj til at teste forskellige kombinationer af farver for at skabe en arbejdspalette til webstedselementer.

Når der træffes beslutning om farve, er det vigtigt at overveje dem, der er farveblinde, som inkluderer op til 4,5% af verdens befolkning.

Eksempel på, hvordan et almindeligt design ser ud for farveblinde brugere
Eksempel på, hvordan et almindeligt design ser ud for farveblinde brugere

Der er tre typer farveblindhed (total farveblindhed, to-farvesyn og mangelfuld farvesyn), så sørg for, at dit design stadig kan bruges i betragtning af dem, der muligvis ikke er i stand til at differentiere farver.

Kontrast

Når du vælger farve, er det vigtigt at være opmærksom på farveforhold og kontrast.

Farvekontrast henviser til forskellen i lys mellem forgrund og baggrund. Brug af tilstrækkeligt kontrasterende farver gør det let at skelne mellem synligheden af websitet. Generelt skal du bruge farveindstillinger med høj kontrast – som sort tekst på en hvid baggrund – for at gøre dit websted læsbart.

Dårlig kontrast kan være problematisk
Dårlig kontrast kan være problematisk

Kontrastforholdet er den numeriske værdi, der er tildelt forskellen i kontrast mellem sideelementer.

World Content Accessibility Guidelines (WCAG) 2.0 anbefaler et kontrastforhold på 4,5:1 til normal tekst. WebAIM deler et par forudbestemte kombinationer, der passer til det ideelle kontrastforhold for at hjælpe dig med at visualisere denne webdesigns bedste praksis.

For at hjælpe med at navigere ved hjælp af dette forhold skal du sørge for, at når du designer dit websted, du forestiller dig alle målgrupper (inklusive dem med tilgængelighedsproblemer). Det er lettere at gøre dette kontra planlægning af disse problemer efter det faktum.

Overvej alle aspekter af webstedet, som folk vil interagere med, herunder headers, footers, menuer – som alle skal være synlige for at være brugbare.

Nogle værktøjer, du kan bruge til at kontrollere forholdene mellem farvekontrast inkluderer:

Typografi

Site typografi er en anden vigtig overvejelse til branding.

Selvom der er mange forskellige kilder til at finde mulige skrifttyper, der skal bruges på dit websted, vil du først overveje de muligheder, der vises konsekvent uanset hvilke skrifttyper slutbrugeren har installeret på deres computer.

Google Fonts tilbyder en lang række gratis, websikre fonte, som du kan stole på for at det vises korrekt, uanset brugerens installerede skrifttyper / programmer. Sørg for at medtage skrifttyper i dit moodboard for at se, om de matcher din farve æstetiske.

Hvis du har problemer med at komme med kombinationer, kan Google Fonts foreslå populære parringer. Du kan også bruge et websted som FontPair til at få forslag.

Forsøg at begrænse den font vægt, du bruger, da det at skulle indlæse for mange filer kan bidrage til langsom sidehastighed. På den note skal du overveje at hoste Google Fonts lokalt for at introducere yderligere ydelsesfordele.

Dårlig typografi vs ideel typografi
Dårlig typografi vs ideel typografi

Brug sans-serif fonts til headings og serif-skrifttyper til indhold, når det kommer til valg af typografiske elementer baseret på bedste praksis for webdesign. Brug som minimum ikke dekorative skrifttyper til body content, da det vil være vanskeligt at læse.

Bliv ikke fristet til at bruge en lang række forskellige skrifttyper på dit websted. En god tommelfingerregel er at bruge en skrifttype til dit logo, en anden til dine menuer / overskrifter og en mere til body content. På den note skal du prøve at parre skrifttyper, der supplerer hinanden, f.eks. dem fra den samme font-familie.

Element hierarki

Hierarki henviser til arrangementet af designelementer, der viser relativ betydning. Dette opnås ved at manipulere elementer som visuel kontrast, størrelse og placeringer for at skabe opmærksomhed.

Eksempel på element hierarki
Eksempel på element hierarki

For eksempel skal indholdet opdeles i logiske blokke, så brugerne kan skelne sektioner fra hinanden.

Du kan gøre dette ved hjælp af content headers, som ikke kun gør det nemt for brugerne at springe til de dele, de vil læse, men også dele store mængder tekst i læsbare bunker, så skærmlæsere er i stand til at bestemme konteksten af hvert afsnit.

Hvis du leder efter nogle nyttige visuelle illustrationer af disse designkoncepter og mere, dækker bloggen Tilda Publishing nogle af de mest almindelige fejl i webdesign, og hvordan de løses.

Web Bedste design / formatering praksis

Ifølge undersøgelser fra Orbit Media er der nogle almindelige webdesign standarder, der er observeret på de top 50 marketing websteder.

Webdesign standarder
Webdesign standarder

Med ‘standarder’ mener de, at 80% af webstederne bruger en lignende designtilgang:

  • Logo i øverste venstre hjørne.
  • Primær vandret navigation over toppen af ​​hver side.
  • Værdi-proposition højt på hjemmesiden placeret “over folden”. Bemærk, at de fleste webdesignere vil fortælle dig, at der ikke er nogen standard pixelhøjde for browsere og teknisk set ingen “fold”. Men generelt skal vigtige designelementer vises højt på sider, der generelt er synlige for de fleste besøgende, også uden at scrolle.

Her er nogle af de bedste praksis for webdesign til almindelige websteds elementer:

Billeder

Webdesign bedste praksis til brug af billeder kunne inspirere til mange mængder rådgivning, men lad os fokusere på det blotte minimum i denne diskussion af bedste design til webdesign:

  • Tilføjelse af ALT-teks Billeder kan ikke behandles ved hjælp af skærmlæsere, medmindre der bruges ALT-tekst. Tilføjelse af ALT-tekst bidrager også til SEO, men nogle mennesker bruger kun ALT-tekst til at supplere deres søgeordsstrategi. En mere nyttig brug af ALT-tekst ville være at beskrive billedet – skønt du helt sikkert kunne tilfredsstille søgespiders og skærmlæsere på samme tid med den rigtige tilgang.
  • Brug af billeder med menneskelige ansigter har en tendens til at være mere effektiv end anden grafik eller animationer. Det gør folk mere tilbøjelige til at engagere sig i billedet, da mennesker drages til det, de opfatter som reel empati og følelser.
  • Brug responsive billeder, der vokser eller krymper afhængigt af browserstørrelsen. Dette hjælper med både webstedshastighed og SEO.
  • Glem aldrig favicons. Favicons er de små ikoner, der vises ved siden af titlen på webstedet og også i søgeresultaterne. Det hjælper brandgenkendelse og forbedrer webstedets UX.

Webstedsnavigation

Brugere forventer at være i stand til let at finde det indhold, de søger på et websted. Derfor er det vigtigt, at websteds navigation er enkel og ligetil.

Websteds navigation er et generelt udtryk, der refererer til den interne linkarkitektur på et websted. Glem ikke, at hovedformålet med navigationen er at hjælpe brugerne med let at finde relevant indhold på dit websted.

Dit websteds interne linkarkitektur danner grundlaget for dit sitemap, som hjælper søgemaskiner med at få adgang til dit indhold lettere. Det har vist sig, at det at have et veldesignet websted, hvor indhold er let at finde, påvirker den webstedstrafik, du får fra søgemaskiner (sammen med en større chance for at få Google sitelinks).

Menu Navigation

Der er flere aspekter, der udgør navigation på websitet, men din øverste / primær menu skal være et primært fokus, da det vil være en af ​​de første ting, som brugerne interagerer med, når de besøger dit websted.

Der er forskellige webstedsmenu design-heuristikk, men de mest populære inkluderer:

Navigationsmenu

Det er ideelt placeret foran og midt på et websted. Dette kan involvere brug af en dropdown-menu, hvis der er flere kategorier. Men dropdown-menuer anbefales ikke, især når det kommer til teknisk SEO (de er sværere at gennemgå). Derudover har det vist sig, at de fleste mennesker ikke kan lide dropdown-menuer.

Dette skyldes, at det menneskelige øje fungerer hurtigere end hånden, og derfor synes folk det er irriterende, når de allerede har besluttet, hvad de skal klikke på, og noget andet falder ned – hvilket kan føre til et fald i besøg på sider.

Hamburger menu

Primært brugt til et mobiloptimeret design er en hamburgermenu normalt placeret øverst til venstre eller højre på siden. Det vises som en firkant med tre linjer, der kan udvides med et klik. Imidlertid foragter mange designere hamburgermenuen, der har inspireret webudviklere til at overveje nye måder at gøre mobilweb navigation sjov og funktionel.

Her er et par tip til design af navigation baseret på bedste design til webdesign:

  • Tilføj en søgefelt for at hjælpe brugerne med let at finde indhold (her er, hvordan man forbedrer WordPress-søgefunktionaliteten). Dette er især nyttigt på websteder, der har meget indhold, som en nyhedsblog.
  • Design dit sted efter tre-klik-reglen, som siger, at brugere skal være i stand til at finde ønskede oplysninger med højst tre museklik. Dette skyldes, at brugere faktisk foretrækker at navigere gennem et websted i stedet for at kigge gennem søgeresultaterne, når det er muligt.
  • Gør dine menutitler beskrivende (med keywords i tankerne), som hjælper brugere med at finde objekter lettere og bidrager positivt til SEO.
  • Placeringen af ​​menupunkter er vigtig. Sæt de vigtigste sider foran på din menu, så de er let tilgængelige.
  • Hold menupunkter på max 7, ikke kun for at holde webdesignet rent, men også fordi at have for mange menupunkt kategorier potentielt kan påvirke din evne til at rangere i søgning. Google kan fortolke disse tilsyneladende ikke-relaterede kategorier som et tegn på, at dit websted ikke har besluttet sig for en bestemt niche.

For et mere praktisk format er her en praktisk infographic:

Webdesign bedste praksis til menunavigation
Webdesign bedste praksis til menunavigation

Kodningsstandarder

Med så mange websteder, der er oprettet og forbrugt globalt, er der bestemt behov for et standardiseret sæt kodningsprincipper. Nogle aspekter af disse webstandarder inkluderer:

SEO

SEO kan bruges til at øge antallet af besøgende på dit websted organisk (uden brug af annoncer). Da det er for kompliceret at tilstrækkelig grave ned i SEO i et lille underafsnit af en artikel, kan du se vores SEO-tjekliste og vores tip til de bedste SEO-plugins til WordPress for at gøre dig bekendt med dette aspekt af bedste design til webdesign.

Bemærk, at følgende kodning standards tips fungerer hånd i hånd med SEO.

Responsivt til mobil

Responsivt design handler om at skabe en god brugeroplevelse, uanset hvilken enhed eller browser der bruges til at få adgang til dit websted.

Det er i dag vigtigere end nogensinde at designe dit websted, så det kan reagere, da mere end 60% af internetbrugerne får adgang til internettet via deres mobiltelefoner, og halvdelen af ​​e-handelstransaktioner udføres via mobile platforme. Derudover prioriterer Googles nye søgealgoritme også mobilvenlige websteder.

Eksempel på responsivt design
Eksempel på responsivt design

At have et responsivt site hjælper ikke kun brugerne med at navigere på dit websted, men bidrager også til øget engagement og konvertering. Brugere anbefaler brands, som de har en positiv, mobil responsivt web oplevelse, og omvendt ville de ikke kun stoppe med at købe fra brands med en dårlig oplevelse med web på mobilen, men vil også aktivt afskrække andre fra at gøre det.

På trods af efterspørgslen efter et responsivt sted har skønsmæssigt 91% af små virksomheder ikke et. De skal – da design af et mobilt responsivt websted bestemt lønner sig. 62% af virksomhederne har rapporteret en stigning i salget efter design af et mobilvenligt websted.

Læs Kinstas ressource om, hvordan du gør dit websted mere mobilvenligt, som indeholder en liste over de bedste WordPress-mobile plugins, der kan downloades, og sørg for at tjekke denne kuraterede liste over de bedste WordPress-temaer, hvor du kan gennemse masser af responsive temaer.

Google tilbyder også nogle tip til, hvordan man designer et responsivt websted.

Website sikkerhed

En anden vigtig kodningspraksis? Oprettelse af sikre programmer og websteder, som brugerne kan stole på med deres følsomme personlige oplysninger. I modsætning til hvad man tror, ​​søger hackere ikke aktivt specifikke websteder, der skal hackes, og derfor er selv små websteder sårbare overfor angreb.

Som helhed er WordPress generelt sikkert, men det hjælper med at tage ekstra forholdsregler for at holde dit websted sikkert mod angreb.

Her er nogle af de bedste sikkerhedsrutiner for websteder:

  • Få et SSL-certifikat, hvilket er især vigtigt for websteder, der beskæftiger sig med betalinger og personlige oplysninger. SSL-certifikatet krypterer oplysninger, der sendes ud over netværk, så hackere har svært ved at afkode det. Derudover er det en branchestandard. Chrome advarer besøgende, når det websted, de besøger, ikke har et SSL-certifikat. Derudover forældrer Chrome nu ældre TLS-versioner og begyndte at vise yderligere advarsler.
    Aktivering af HTTPS (del af installationen af ​​et SSL-certifikat) er også en officiel Google-rangeringsfaktor.
  • Hold dine loginoplysninger sikre. Flere angreb er forårsaget af hackere, der forsøger kraftigt at få adgang til et websted. Det hjælper at have en separat / skjult login-side (brug WP Hide Login plugin) og til at begrænse antallet af loginforsøg. Brug login LockDown plugin, der registrerer IP-adressen og tidsstemplet for hvert mislykket loginforsøg og låser loginfunktionen, hvis antallet af mislykkede forsøg fra det samme IP-område nås på kort tid. Opret også en sikker adgangskode, der er mere end 6 tegn og er en blanding af både store og små bogstaver, tal og specialtegn. Skift ofte dit kodeord. Du kan også bruge tofaktor-autentificering til at logge ind, hvis du leder efter ekstra sikkerhed.
  • Hold WordPress-kerne, plugins og temaer opdateret. Glem ikke at downloade plugins eller temaer fra en velrenommeret kilde. Et godt tegn er, hvis pluginet / temaet har flere installationer og for nylig er blevet opdateret. Du skal også læse anmeldelser for selv at bestemme, om plugin er troværdig (sørg for at kontrollere dem, der er anført her). På den note skal du downloade et WordPress-sikkerhedsplugin som Wordfence, Sucuri eller Defender, da 73,2% af de mest populære WordPress-installationer, der er sårbare, kan detekteres ved hjælp af gratis automatiserede værktøjer. Her er en mere dybdegående liste over de bedste sikkerhedsplugins.
  • Brug en sikker webhost. For dem, der ikke er bekendt, kan det ikke se ud som om din webhost har noget at gøre med websikkerhed, men 41% af angreb sker gennem en sikkerhedssårbarhed på hostingplatformen. Kig efter en hostingudbyder, der indeholder funktioner såsom: firewall og kryptering på serversiden, NGINX- eller Apache-webservere, antivirus- og anti-malware-software, sikkerhedssystemer på stedet og tilgængeligheden af ​​SSL-certifikater og et CDN.

For mere information om WordPress-sikkerhed, se vores omfattende ressource om, hvordan du holder dit WordPress-sted sikkert.

Sidehastighed

Cirka halvdelen af ​​brugerne forventer, at et websted indlæses på 2 sekunder eller mindre, og hvis det tager længere tid end det, tøver 40% af folk ikke med at hoppe fra siden, (sandsynligvis) for så aldrig at vende tilbage.

Udover webstedbesøg er sidehastighed vigtig, da det også påvirker konvertering og indtægter. For hvert sekund med tilføjet sidehastighed, falder salget med op til 27%. Forøgelse af websted hastigheden kan forhindre tab af 7% af mulige konverteringer.

Her er nogle måder at få dine websider til at indlæse hurtigere:

  • Brug et Content Delivery Network (CDN), der tager statiske filer som billeder, CSS og JavaScript, og leverer dem på serverne tættest på brugerens fysiske placering.
  • Overvej hvordan du bruger billeder. Det gennemsnitlige websted bruger 1,8 MB billeder, som repræsenterer 60% af et websteds størrelse. For at hjælpe med det skal du tænke over, hvordan du laver din webside. Hvis du vil holde sidehastigheden hurtig, skal du prøve at reducere antallet af store billeder, der bruges i dit design, og sørg for at optimere dem.
  • Hvis dit websted skal bruge masser af store billeder, skal du bruge plugins, der inkluderer funktionalitet til GZIP-komprimering, cache eller billedoptimering, såsom WP Rocket og Imagify. De kan hjælpe med at gøre dine filer mindre (uden at ofre kvalitet), så de indlæses hurtigere.
  • Overvej antallet af plugins og filer, du opbevarer i din WordPress-database, da de også kan påvirke sidehastighed. Ryd op i dem, du ikke bruger. Mens du er ved det, skal du holde din PHP, WordPress-kerne og plugins opdateret til deres nyeste versioner.

Tjek vores omfattende ressource til optimering af website speed optimization.

Tilgængelighedsstandarder

Internettet var designet til at arbejde for alle mennesker, uanset den specifikke hardware, software, sprog de bruger, deres evne eller placering. Dog ofrer mange tilgængeligheden fremfor et smukt design.

Tilgængelighed er nøglen til hvert websted
Tilgængelighed er nøglen til hvert websted

Tilgængelighed henviser til den praksis at gøre dit websted brugbart af alle.

Udover handicappede, der påvirker adgang, siger W3, at tilgængelighed på websitet også er fordelagtig for:

  • Dem, der bruger enheder med små skærme, forskellige input-tilstande osv.
  • De ældre.
  • Mennesker med ”midlertidig handicap”, inklusive en brudt lem, mistede briller eller en medicinsk tilstand.
  • Brugere med “situationelle begrænsninger”, såsom dem, der får adgang til internettet på enheder i stærkt sollys eller i et miljø, hvor de ikke kan lytte til lyd, f.eks. offentlig transport.
  • Personer med en langsom internetforbindelse.

Tilgængelighed skal være alles bekymring, da vi alle er berørt af det på en eller anden måde.

Årsager til at gøre dit websted tilgængeligt

Stadig ikke sikker på, om det er værd at bruge din tid på tilgængelighed i denne diskussion om bedste praksis for webdesign?

Overvej disse grunde:

 

  • Det er et ADA-krav. Amerikanerne med handicap (ADA) blev vedtaget i 1990 for at beskytte borgernes rettigheder for handicappede mod forskelsbehandling. Det dækker ting som transport, telekommunikation, beskæftigelse og endda bygningskoder. Da denne lov blev vedtaget næsten 30 år før – en tid, hvor internettet ikke var så allestedsnærværende – forsøger lovgivere at ændre den.
  • Det fremmer inklusivitet. En undersøgelse fra Pew Research Center viser, at mennesker med handicap er tre gange mindre tilbøjelige til at gå online end deres kolleger uden handicap, hvilket er en skam, da statistikker viser, at omkring 30% af fagfolkene har et handicap, med 62% af dem med handicap. “Flyver under radaren” af frygt for negativ bias.
  • Det vil hjælpe dig med at vinde mere forretning. Ved at være mere inkluderende indbringer du et netværk af handicappede, som repræsenterer 7 billioner USD i den disponible indkomst
  • SEO fordele. Søgemaskiner belønner websteder, der er kompatible med tilgængelighed for at tilskynde flere websteder til at være tilgængelige.

Sådan gør du dit websted mere tilgængeligt

En nem måde at gøre dit websted mere tilgængeligt er at installere WP Accessibility plugin, som tilføjer tilgængelighedsfunktioner, herunder:

  • En værktøjslinje, hvor brugere kan ændre størrelse på fonts og se dit websted i høj kontrast og gråtoner.
  • Sammenligning af farvekontrast for at kontrollere, om den passer til ADA-standarden.
  • Fjernelse af titelattributter fra billeder indsat i indholdet. De fleste skærmlæsere kan ikke fornemme dette og læse ankerteksten i stedet.
  • Aktivering af spring-links, som er interne sidekoblinger, der giver brugerne mulighed for at springe direkte til indholdet, hvilket er nyttigt for folk, der bruger skærmlæsere.

Et par ekstra skridt at tage:

  • Tilføj undertekster eller en transcript, hvis dit websted producerer medier som audio, lydbøger, videoer, podcasts osv. Til gavn for døve / lydløs, såvel som folk, der ønsker at forbruge dit indhold, men ikke kan forbruge medier offentligt.
  • Opret links-tilgængelige links og menuer til personer, der har motoriske handicap og kun kan bruge et tastatur (ikke mus) til at navigere på dit websted. Dropdown-menuer frarådes, men du kan afhjælpe det ved at tildele genveje til hvert dropdown-element (f.eks .: tryk “1” for startsiden, “2” til om side osv.).
  • Endelig skal du teste dit websted for tilgængelighed. Webtilgængelighed Initiativet støtter ikke noget specifikt værktøj, men tilbyder i stedet en liste over værktøjer, du kan bruge til at revidere din indsats.

Afsluttende tanker: Webdesign bedste praksis til dit næste website-projekt

Gode ​​websteder skal ikke defineres ved objektivt godt design. Lige så vigtigt er brugervenligheden, brugervenligheden og tilgængeligheden. Bevæbnet med disse bedste praksis for webdesign har du alt hvad du har brug for for at skabe noget, der ser ud og fungerer godt.

Bare husk, at dette er designs bedste praksis. Det er sandsynligt, at du ikke vil være i stand til at følge hver enkelt punkt nøjagtigt, afhængigt af arten af ​​dit websted. Men før du kan bryde reglerne, hjælper det med i det mindste at være opmærksom på, hvorfor de findes.

Gik vi glip af noget vigtigt? Del din bedste praksis for webdesign i kommentarerne herunder!

Foreslået læsning: Bedste webdesignkurser online

 

Maddy Osman

Maddy Osman creates engaging content with SEO best practices for marketing thought leaders and agencies that have their hands full with clients and projects. Learn more about her process and experience on her website, The Blogsmith and read her latest articles on Twitter: @MaddyOsman.