7 tips for å lage et nettstedstittel som wows
En websidehode er ofte det første en bruker ser. Det kan gjøre eller ødelegge brukeropplevelsen, merkevarebyggingen din og mye mer!
For å hjelpe med å beholde brukere og få dem til å bevege seg gjennom designen, må du opprette en websideoverskrift som wows. Og ikke bare på hjemmesiden. På hver eneste side av designet. (Husk at et betydelig antall brukere ikke går til hjemmesiden din først.) Slik gjør du det.
1. Bruk et fantastisk bilde
Et flott bilde gjør alltid et fantastisk førsteinntrykk. Enten du velger et bilde, en video, en animasjon eller et annet "kunst" -element, bør hver topptekst føre med bilder som brukerne vil se på.
Topptekstbildet er mer enn bare et pent bilde. Det er inngangsporten til alt innholdet på den siden, og kanskje til og med innhold dypere i designet.
Et bilde alene er et flott utgangspunkt, men du må koble det med andre elementer for å virkelig få mest mulig ut av innholdet. Andre elementer som kan vises i en topptekst inkluderer:
- Tekst eller overskrift
- Logo eller merkeidentifikator
- Knapp eller oppfordring til handling
- Navigasjonselementer
- Søk
Velg bilder som er skarpe, i høy oppløsning og gir mye kontrast for andre elementer som tekst eller knapper. Folk elsker å se ansikter, så vurder å vise mennesker som bruker eller samhandler med produktet eller tjenesten din om mulig. Vil du vise frem det siste porteføljeprosjektet ditt? Bruk en mockup-mal for å gjøre den mer interessant og engasjerende.
2. Innarbeide navigasjonselementer
Det er ingen grunn til at du trenger å tenke på overskriften og navigasjonen som separate elementer; de er ofte en del av det samme visuelle konseptet. Enten du elsker en full menynavigering eller noe som dukker opp fra et hamburgerikon, bør navigasjonselementer være en del av overskriftsdesignplanen.
Og mens du tenker på overskriften og nav, kan du også vurdere et klebrig navigasjonsmønster. Selv om brukere slipper unna hovedoverskriften - som kan være en liten som en navigasjonsfelt eller så stor som en fullskjerm-skjerm - kan de raskt komme seg rundt nettstedets design.
Navigasjonselementer i overskriften vil gjøre noe annet du kanskje ikke forventer. Fordi dette ofte er mindre biter av tekst eller ikoner, kan det bidra til å etablere hierarki i overskriften, og viser brukerne hvordan de skal samhandle med designet.
3. Opprett distinkte meldinger
Bare det å sprite et flott bilde i overskriften er ikke nok. Hva står det?
Tenk på hvordan meldingen til overskriften kommuniserer til brukerne.
- Forteller det dem hva de skal gjøre eller hva de kan forvente av innholdet på siden?
- Kommuniserer alle elementene en enkelt og enhetlige meldinger som er enkle å forstå?
- Lar brukerne vite hvilken handling de skal gjøre på siden eller hvor de skal klikke neste?
Sørg for å kombinere flere elementer for å skape en generell effekt med en enkelt melding.
4. Prøv overdimensjonert typografi
Overdimensjonert typografi er en flott måte å legge vekt på en overskrift. Selv om ordene er enkle stedsidentifikatorer, kan du bruke dristige bokstaver trekke øyet til toppen av skjermen før brukeren begynner å lese annen informasjon.
Mens typografiplasseringer kan variere, kan du prøve å holde deg til to grunnleggende plasseringer for typografi i overskriften.
- Hjemmeside-alternativ med mer typografi eller mer dramatisk bokstav eller annen type enn på andre sider.
- Alternativ for alle andre sider med et enkelt rammeverk som er konsistent på alle interiørsider.
5. Vurder lesemønstre
Lesing på nettsteder har en tendens til å følge tre forskjellige mønstre av øyebevegelse, ifølge forskning fra Nielsen Norman Group. Og alle disse lesemønstrene blir deretter justert for å redegjøre for oppgaven brukeren er fokusert på ved lesingstidspunktet, som i enkle vendinger er en gruppering av relaterte deler i den visuelle flyten.
Begge studiene om hvordan brukere ser på og fordøye innhold er viktige fordi de kan hjelpe deg å forstå hvordan og hvor du skal plassere elementer i designen, og spesielt i overskriften.
Tenk først på de grunnleggende mønstrene:
- F-mønster: Brukere leser over toppen, deretter halvveis over siden og til slutt vertikalt ned på venstre side i en F-form.
- Gutenberg Diagram: Det er fire aktive soner for lesing, som starter med to horisontale stopp over toppen fra venstre til høyre, deretter fra toppen til høyre og nederst til venstre og over bunnen. (Danner az-form.)
- Z-mønster: Øyet beveger seg frem og tilbake fra venstre til høyre og tilbake fra toppen til bunnen av designet og danner flere z-mønstre.
Plasser elementer - spesielt nøkkelelementer - i de hotteste sonene i de vanlige lesemønstrene for sterkest sannsynlighet for brukerinteraksjon. Så tenk på hvor brukeren mest sannsynlig vil se ut neste - for en handling relatert til innholdet som bare er fordøyd.
6. Inkluder et klikkbart element
Er nettstedets toppbilde interaktivt? Inkluderer det klikkbare (eller trykkbare) elementer for å oppmuntre til brukerengasjement?
En overskrift kan være det perfekte stedet for en oppfordringsknapp eller enkel handling, for eksempel et innsamlingsskjema for e-postadresse. Ikke gå over bord med elementer å klikke på, fordi det kan fjerne seg fra den samlede meldingen, men et enkelt element med én handling kan være effektivt på dette området av designen.
Er du usikker på hvilket element overskriften skal inneholde? Tenk på en ønsket handling som er konsistent gjennom designen med en knapp som alltid er tilgjengelig (omtrent som navigasjon). En handlekurv-knapp, tilgang til kontoinformasjon eller en kontakt oss-knapp er gode alternativer å vurdere.
7. Bruk enkle lag
Hvordan drar du alle elementene som er nevnt over (eller små grupper av dem sammen) i overskriften? Trikset er enkel lagdeling. Den beste overskriften - en overskrift som wows brukere - ser enkel ut. Den følger reglene for designteori og bruker ett dominerende element for å lokke brukere og støtte designteknikker for å hjelpe dem med å oppfylle målbare mål.
Å legge objekter er en måte å oppnå dette på.
Ikke bare vil enkle lag hjelpe deg med å lage forskjellige rom for hvert element, men det vil også gi visuelt fokus for brukeren. De vil vite hvor de skal begynne med designen og hvilke elementer som fortjener deres oppmerksomhet og hvilke elementer som kan skummes over.
Det skjer ikke alltid vellykket med et første forsøk heller. Flere revisjoner og testing er ofte nødvendig for å lage en gruppe elementer som fungerer effektivt og wow brukere øverst på siden.
Konklusjon
Selv om det å lage en hjemmesideoverskrift er noe som ofte er i forkant av designprosessen, blir det ofte tapt å jobbe med overskrifter for interiørsider. Innholdet på "innsiden" -sider kan være like viktig som hjemmesiden fordi mange brukere vil komme til webdesignen din takket være søk, ikke fra å skrive inn en URL og følge navigeringslenkene som planlagt av teamet.
Tenk på begge toppteksttyper uavhengig av hverandre og sammen for å oppnå designharmoni, enhet og et visuelt bilde som bruker brukerne når de lander på siden.
