5 Felles webdesign Faux Pas du bør unngå

Med over 644 millioner nettsteder som ser på Internett, er det ikke lett å skille seg ut fra mengden. Naturligvis gjør designerne sitt beste for å unngå dagligdagse, forgettable design og i stedet skape noe moderne og minneverdig.

Til tider gir imidlertid disse anstrengelsene problemer selv for de mest lojale brukerne. Det er fordi i webdesign, kan en visuell forbedring noen ganger oversette til brukbarhetsforringelse. Før du implementerer alle de stilige teknikkene i designrepertoaret ditt, bør du vurdere de utilsiktede bruksevirkningene.

I denne artikkelen diskuterer vi fem vanlige webdesignteknikker og deres potensielle bruksproblemer.

1. Uendelig Scrolling

Uendelig rulling gjør at brukerne kan oppleve en endeløs strøm av innhold med minimal navigering. Når brukerne når bunnen av siden, trenger de ikke å slå paginasjonslenkene. Mer innhold blir automatisk servert.

Du kan ha implementert uendelig rulling fordi den introduserer en elegant flyt og livlighet til siden.

Problem 1: Forsvinnende innhold

Hvis brukerne har funnet noe interessant på siden i dag, kan de komme tilbake til det aktuelle elementet i morgen uten å rulle livet bort i desperat håp om å finne det igjen? Tilbyr nettstedet ditt brukerne linker for å besøke de nylig viste artiklene? Gir nettstedet ditt en søkefunksjon som er nøyaktig nok til å finne det aktuelle elementet etter å ha skrevet inn noen få søkeord som brukeren fortsatt kan huske? Hvis trenden med svarene dine var Nei, den uendelige rulle har ranet brukerne av gleden av å gå tilbake til innhold som var viktig for dem. Når du behandler innholdet som en forbigående fase, deaktiverer du uforstyrret innholdet og nettstedet ditt.

Problem 2: Manglende søkbarhet

Brukerne dine har valgt å besøke nettstedet ditt fordi det inneholder et element av personlig interesse eller betydning for dem. Når siden laster, slår de glatt Ctrl-F å søke etter et ord eller en setning, bare for å finne null-matchende resultater fordi innholdet de vil ha, ikke er lastet inn og derfor ikke kan bli funnet! Hvis du tror at dine travle brukere vil tålmodig bla til innholdet de trenger er lastet, tenk igjen. Vurder å prioritere søkbarhet over scrollability i designmetoden din.

2. Multi-Level Navigation

Navigasjonsmenyen på flere nivåer presenterer flere, nestede nivåer av navigasjonselementer. Bare når du navigerer til et enkelt element, blir dets barnevner tilgjengelige.

Du kan ha implementert navigasjonen på flere nivåer fordi nettstedet ditt har flere nestede emnelivåer, og du vil redusere rotet og sideplassen til en tradisjonell navigasjonsmeny der alle disse emnene er tilgjengelige fra get-go. Tross alt holder navigasjonsmenyen på flere nivåer sammenheng mellom emner og gjør det på en elegant, komprimert måte. 

Problem 1: Skjult kompleksitet

I stedet for å redusere kompleksiteten til et nettsted med et nestet temahierarki, skjuler navigasjonsmenyen på flere nivåer bare den kompleksiteten fra visning. Brukere må fremdeles forsøke å gi mening om et tema som ikke er intuitivt klassifisert. Undersøk årsakene til at du vil minimere og skjule de ekstra navigasjonsnivåene. Kan det være at ditt reelle mål er å flate selve arkitekturen selv slik at emner presenteres i et lettere forbruksbart, logisk gruppert format? I så fall ikke vær redd for å takle rotproblemet og revurdere dine beslutninger om informasjonarkitektur. Husk at jobben i en navigasjonsmeny er å aktivere navigering og tilgjengelighet, for ikke å skjule mangel på navigering eller tilgjengelighet.

Problem 2: Irriterende Hovering

Vi har alle sett dem på flere nivås navigasjonsmenyer som krever at brukerne svinger over menyelementer med en kirurgs presisjon for å finne et objekt av interesse. Hvis brukerens markør slipper av et menyelement, poof, hele navigasjonsmenyen kollapser ut av syne og lar brukerne tilbake hvor de begynte. Din navigasjonsmeny på flere nivåer er nå mer som et frustrerende videospill: De mest ivrige og faste brukere vil fortsette å triumfere over navigasjonsmenyen, men flertallet vil bare forlate og finne informasjonen de søkte fra en mer praktisk kilde.

3. Illuserte ikoner

Et ikon på et nettsted er ofte interaktivt og fungerer som en symbolsk visuell fremstilling av en funksjon som er tilgjengelig for brukerne. Du har kanskje implementert øyepopper på ditt nettsted for å provosere et øyeblikkelig brukerrespons som du tror at ord alene ikke kan oppnå. Tross alt er et bilde verdt tusen ord, og ikoner brukes i skilting over bransjer verden over for å umiddelbart formidle viktige meldinger og instruksjoner. 

Problem 1: Erkjennelighet

Du kan ha opprettet et blendende ikonsett så kunstig og sofistikert at det kunne fungere på Dribbles hjemmeside, men hvis folk ikke forstår hva de mener, er det bedre å beskrive funksjonene i vanlige ord. Når det gjelder ikoner, er skjønnhet bare huddybde. Verdien av ikoner på nettstedet ditt kan vurderes først og fremst av relatability og recognizability.

Problem 2: Overskygging av teksten

Brukerne dine vil fokusere på aspektene på et nettsted du har mest fremtredende. Derfor, hvis ikoner er en allestedsnærværende funksjon på nettstedet ditt, formidler du til brukerne at de bør gi sin primære oppmerksomhet til ikonografi og sekundær oppmerksomhet til tekstinnholdet. Brukerne dine er nå sultet av relevant innhold og i stedet bombardert av visuals som de ikke forventet eller ønsket. Hvis det ikke er meningen, bør du vurdere å øke betydningen av tekstinnhold på nettstedet ditt ved å gi det mer fremtredende og med ikonografi sparsomt. Å oppnå balanse mellom tekst og bilder er viktig hvis du skal opprettholde brukerinteressen.

4. Sitemap Footers

En sitemap footer er en footer som inneholder lenker til de ulike emnene som nettstedet ditt inneholder. Disse koblingene presenteres vanligvis i et hierarki eller en struktur som etterligner den faktiske nettstedstrukturen. Dette resulterer i sidekartfoten som ligner på en ekte sitemap-fil som søkemotormaskinene bruker til å vurdere den kumulative listen over sider på et nettsted, samt sideforhold.

Du kan ha implementert en sitemap-footer fordi nettstedet ditt inneholder flere emner i et hierarki, og du vil gi brukerne en konsolidert, en-stop-butikk med lenker som enkelt gjør dem i stand til å hoppe til et hvilket som helst emne de velger. Tross alt, hvis webområdet ditt har mye innhold, kan en sidekartfooter hindre brukere fra å forsøke jakt etter linken til innholdet de trenger.

Problem 1: Hoppe til foten

Indeholder sidekartet ditt linker til emner som ikke kan alternativt nås gjennom et annet navigasjonselement som vises tidligere på siden? Hvis det er tilfelle, etter gjentatte besøk, vil brukerne trene seg selv for å avhenge av bunnteksten for å finne koblinger som de ikke kan finne gjennom annen sidenavigering. Din stakkars fotfeste står nå overfor det høye trykket for å kompensere for mangel på informasjonstilgjengelighet på et bredere nettstedsnivå. Ønsker du virkelig at brukerne skal glosse over ditt nøye konstruerte hovedinnhold og hoppe direkte til bunnteksten? Hvis ikke, vurder å forbedre den generelle linken tilgjengelighet og plassering på nettstedet ditt. Hvis koblinger til høyverdige emner blir merket til brukere tidlig på siden, vil både innholdet og brukerne dine stige til toppen.

Problem 2: Manglende sammenheng

Før brukerne klikker på en kobling, trenger de oppmuntring fra deg til å gi dem motivasjon og kontekst for å klikke på den linken. Den strålende tingen om en navigasjonsmeny er at den gir brukerne denne svært konteksten. Det hjelper brukerne å finne seg rundt ved å gi koblinger til emner på en ordnet og logisk måte. Kontrast dette med den iboende mangelen på kontekst i en sitemap footer. Brukeren er nederst på siden og er sannsynligvis ferdig med å lese hovedinnholdet på siden de kom for. De har ikke noe incitament til å fortsette å lese, men presenteres nå med en sperring av lenker i bunnteksten. Hvis koblingene dekker hvert emne på nettstedet fra A til Å, og det er ikke etablert kontekst om forholdet til hverandre, kan du ikke med rimelighet forvente at brukerne skal gå inn i denne linken villmarken.

5. Ornamental Fonts

En ornamental font er ganske enkelt en svært stilisert, dekorert eller bildefonter. Vi har alle sett dem-nettsteder som bruker pynte skrifttyper som den morsomme "Curlz", den elegante "Voluta Script" eller den innovative "Ecofont". Du har kanskje brukt en dekorativ skrift på nettstedet ditt fordi du ønsket å puste nytt liv inn i vanlig tekst og tenkte å legge til en livlig skrift ville oppnå det. 

Problem 1: Lesbarhet

Få ting på nettet er mer skuffende enn en fantastisk utformet skrifttype som er så ulastelig på skjermen at det bare ikke er verdt skrifttypen sin. Innholdet er konge på siden din, så hvis brukerne ikke kan lese eller få verdi fra innholdet ditt, er det lite sannsynlig at de forblir på siden din og beundrer den kunstneriske verdien av skrifttypen. Bruk ditt skjønn og utfør en lesbarhetstest av eventuelle ornamentalfonter du bruker. Kan du komfortabelt lese skrifttypen i store, små bokstaver, modige og kursive varianter? Hvis ikke, vurder å fjerne skrifttypen og erstatte den med noe mer utilitaristisk. Den mest effektive skrifttypen er den som klarer det å snakke for seg selv, uten tunghendte utsmykker.

Problem 2: Misliker med innhold

Si at du har bestemt deg for å implementere en kroppstype som ser ut som håndskrift som en 12 år gammel på nettstedet ditt. La oss også si at innholdet på nettstedet ditt er profesjonelt og passer til det medisinske samfunnet. Bortsett fra å være vanskelig å lese på skjermen, er fontvalgene dine merkbart feiljustert i tone med innholdet og det overordnede målet med nettstedet ditt. Røde flagg vil bli sendt opp til brukerne dine, da de lurer på hvordan man oppfatter nettstedet ditt når det er så tydelig koble fra det faktiske innholdet og måten det presenteres på. Brukerne er ikke sannsynlig å finne skriften din søt og lunefull. I stedet har den ubehagelige fonten gjort deg til en ekte urettferdighet. Hvis du ikke vil at brukerne skal oppleve dette, bør du vurdere å velge et skriftfarge som passer og er relevant for den generelle tonen til innholdet og nettstedet ditt.

Konklusjon

I webdesign er ikke alt som glitter gull, og ikke alt som er minneverdig, estetisk tiltalende, eller til og med funksjonelt innovativt, nødvendigvis brukbart eller tilgjengelig. Enten du er en ny eller erfaren designer, med tiden vil du fortsette å skaffe seg mange kraftige teknikker i designrepertoaret ditt. Som det sier, med stor makt kommer det store ansvaret. Ta ansvar for kraften i designet og ta ansvar for brukerne dine, ved å tenke nøye før du implementerer funksjoner som du tror vil forbedre nettstedet ditt. 

Ikke la designmetoden din eller informasjonarkitekturen forsinke eller hindre brukerne i å finne og bruke innholdet. Hvis brukerne dine kan stole på innholdet ditt og kan regne med designet ditt slik at de har enkel tilgang til det innholdet, kan du stole på at de skal komme tilbake til nettstedet ditt i årene som kommer. Nå det er minneverdig design.