Share
Å skape et innbydende "inngangspunkt" er viktig i enhver form for designdisiplin, men spesielt på nettet hvor oppmerksomhetsspennene er lave, og de første øyeblikkene til brukerens besøk kan gjøre det eller ødelegge det. Enten målet ditt er å skape en prangende "splash-skjerm" eller du designer en mer tradisjonell hjemmeside, er det enkle designbeslutninger du gjør kan for å forbedre sjansene dine for å holde besøkende på nettstedet ditt.
I denne artikkelen vil vi skissere hovedprinsippene for å designe et effektivt inngangspunkt for nettstedet ditt. Vi vil ikke diskutere noen konkrete elementer i dybden; I stedet skal vi undersøke de overordnede prinsippene som noen designer bør ha i tankene når de skaper det viktige førsteinntrykket av et nettsted.
Uansett hva deres mamma lærte dem, kan folk ikke synes å skape vanen med å dømme ting ved deres aller første inntrykk. Mens en pessimist kan si at dette er tragisk, gleder bokdesignere over hele verden hver gang de hører det, og du bør også!
Forskere ser ut til å være enige om at du har mellom 3 og 5 sekunder for å ta tak i en besøkendes oppmerksomhet. Dette innledende inntrykk av et nettsted har stor innflytelse på besøkendes oppfatning av nettstedet, samt deres holdning til innholdet på nettstedet. En sakte lasteside eller en irriterende sprutskjerm kan sende folk vekk fra siden før de selv ser hva den har å tilby. I tillegg kan nettsteder som bruker popupannonser, modale vinduer og få folk til å hoppe gjennom andre hoops bare for å komme til hovedskjermen, virke påtrengende, selv om nettstedets eier har gode intensjoner.
Å lage et inngangspunkt som faktisk fungerer for å forbedre sjansene dine for å holde besøkende rundt, er ikke så vanskelig skjønt. Det som følger er de tre hovedprinsippene for "godt inngangspunktdesign" som alle designere kan bruke på sitt eget nettsted, uansett hva nettstedet er for:
Tenk på inngangspunktet for nettstedet ditt som om det var et butikkfront: Du ville ikke tvinge besøkende til butikken din til å stå og høre på en 30 sekunders introduksjonstal før de fikk lov til å handle; Du vil heller ikke kaste hendene dine full av annonser for andre butikker, abonnementer, spørreundersøkelser eller noe annet når de gikk i døren heller. Ditt hovedmål når du designer et butikkfront er enkelt: Gjør handlingsprosessen så enkel, glatt og rett frem som mulig. De samme reglene gjelder for webdesign: jo mindre distrahertene du tilbyr ved inngangspunktet, desto bedre opplevelse de besøkende skal ha.
Du ville ikke tvinge besøkende til butikken din til å stå og høre på en 30 sekunders introduksjonstal før de fikk lov til å handle ...
Stil, karakter, merkevarebygging og personlighet er alle gode ting for nettstedet ditt å ha, men hvis nettstedet ditt ikke får brukerne til å faktisk klikke rundt, vil selv den mest tiltalende designen ikke forbedre trafikkrangeringene dine.
Det bør aldri være en barriere plassert mellom besøkende og hva de søker. Eksempler på barrierer inkluderer de beryktede popupannonsene og langladende sprutskjermer, men de kan inkludere ganske mange andre ting. Vurder en undersøkelse som inviterer brukerne til å dele tilbakemeldingene deres for å forbedre nettstedet. Dette kan virke som en god idé på overflaten, men mange brukere vil se alt som kommer i vei som en grunn til å forlate. Husk at nettet er et stort sted - hvis brukerne presenteres med barrierer mellom seg selv og informasjonen de søker, vil de raskt etterlate seg et annet nettsted som er barrierefritt.
Det er en rekke grunner til at du kanskje trenger å inkludere en barriere skjønt. Nettsteder som krever aldersbekreftelse, krever spesielle plugins, eller krever at brukere oppgir et opprinnelsesland, krever alle en "kontrollpunkt" -side der brukerne kan kanaliseres til riktig sted. Hvis du absolutt må inkludere en av disse barriereelementene, gjør darn sikker på at den ser ulastelig ut; Akkurat som en besøkende på vår hypotetiske butiksfront kanskje ikke kommer inn hvis utsiden av butikken din ser ut til å være skitten eller ubemannet, kan besøkende på nettstedet ditt gå fort hvis stedsskjermen er forvirrende eller overbeviser dem om at nettstedet ikke er det de ser til.
Coda er et webutviklingsprogram som kombinerer et bredt utvalg av verktøy under ett tak. Det høres komplisert ut (og det er hvis du virkelig tenker på det!), Men Codas hjemmeside har alltid vært et tegn på enkelhet. Ved å begrense mengden informasjon som de gir til brukerne på hjemmesiden, inviterer de brukere til å laste ned appen eller B) få mer informasjon. Enten valg som en bruker lager, har målet å bringe dem inn på nettstedet blitt oppnådd!
Et effektivt inngangspunkt bør tillate besøkende å orientere seg raskt med hvor de er nå og hvor de kan gå. I vår hypotetiske butiksfront kan dette bety at vi gir en klar visjon om hovedgangene i butikken. På et nettsted kan dette være så enkelt som å designe en klar, velorganisert navigasjonsmeny. Det underliggende prinsippet er å tillate folk å vurdere sine valg uten forvirring eller rot. Inkludert "orienteringsretninger" for å hjelpe besøkende å vite hvor de kan søke og hvordan å finne innholdet de søker etter, er enkle måter som design kan øke brukbarheten til et nettsted.
Å designe interessepunkter trenger ikke å være komplisert; Tvert imot bør interessepunkter i et design være enkelt, godt fordelt og lett å gjenkjenne. Pakking i for mange punkter kan faktisk ødelegge et design ved å overbelaste en bruker med alternativer.
Tenk på ditt nettsteddesign som en restaurantmeny: Hvis en servitør gir deg en meny som er 100 sider lang, vet du ikke hvor du skal begynne å lete etter hva du vil spise. Hvis servitøren gir deg en enkel meny med 5 eller 6 smakfulle hovedretter, vil du sannsynligvis kunne bestemme deg i løpet av øyeblikkene (og deretter kan du fortsette å ha et hyggelig måltid)!
ITunes Music Store-eksemplet er en nysgjerrig en; Det er ikke mange vanskeligere designoppgaver enn å prøve å designe en musikkatalog som appellerer til både hardrockere, hip hop-elskere og min egen kjære mor. ITunes Storefront gjør det bare - ved å designe interessepunkter over hele siden, samt arkivfunksjonelle lenker på høyre side, er nesten alle typer brukere gitt noe av interesse - enten det er folk som jakter på en svært spesifikk artist , eller uformelle nettlesere bare på jakt etter hva som er nytt. Jeg er sikker på at det er mennesker som misliker dette designet av en eller annen grunn (dette er et Apple-produkt tross alt!), Men det er vanskelig å argumentere med funksjonen av designet her.
Elementene på et nettsteds destinasjonsside skal brukes til å tiltrekke og flytte folk gjennom inngangspunktet. Inkludert elementer som trekker oppmerksomhet, for eksempel en interaktiv jQuery-glidebryter, kan raskt ta med en besøkende inn i et nettsted ved å invitere dem til å klikke for å finne ut mer om et bestemt lysbilde. Bruk overbevisende overskrifter for nytt eller spennende innhold kan tiltrekke seg en besøkers interesse; Bryt innhold inn i klart definerte kategorier for å hjelpe brukerne med å finne noe som interesserer dem. Det perfekte settet med designelementer kommer til å være annerledes for hvert nettsted, men vurder innholdet du har, og designe hjemmesiden din for å trekke inn innholdet som om det var en fest lagt ut på et bord (i motsetning til en forvirrende pantry av ingredienser!).
Thedailybeast.com er et annet interessant dyr. De er i hovedsak en politisk avis - en type nettsted som ikke alltid har sett de høyeste designstandardene. Men hvor andre "avis" -typer har forsøkt og mislyktes, lykkes The Daily Beast. De gjør det ved å opprette flere "inngangspunkter" i deres nettsted fra hjemmesiden. Det er et bilde skyveknapp, et dristig "juksark", flere store overskrifter, og så mye mer. Uansett om du er enig med deres skriving, er det veldig vanskelig å ikke klikke på noe.
Å designe et effektivt inngangspunkt trenger ikke å være komplisert eller vanskelig. Hvis du kan bryte hovedmeldingen til nettstedet ditt i noen få enkle punkter, kan du bruke disse punktene som en veikart for designet. Eliminer hindringene mellom brukerne og innholdet ditt, og de vil naturligvis finne veien til hverandre. Legg igjen noen kommentarer nedenfor!
Accentsconagua