Hover har blitt brukt på nettsteder i mange år som en måte å gi et informasjonsutdrag til besøkende uten å utløse en handling. Når smarttelefoner og nettbrett gradvis overtar internett, må vi gi dem økt oppmerksomhet når vi designer et nettsted. Siden berøringsskjerm ikke kan håndtere svevet, må vi se på alternativer til sveveeffekter. Hvis du setter opp et eget nettsted eller ikke har ressurser til å ansette en profesjonell webdesigner, er denne opplæringen noe for deg.
Du kan administrere sveveeffekter med berøringsskjerm, men det kan være litt vanskelig. Du kan være bedre med å designe dem ut helt og bruke noe annet helt. Hvis du vil bruke dem på skrivebordssiden din, har du vanligvis tre alternativer for å sveveeffekter på mobile nettsteder:
- Fjern dem helt og erstatt dem med den primære handlingen.
- Legg til en sekundærmeny der du enten kan trykke en gang for sveveeffekten og en gang til for primærhandlingen.
- Plasser sveveinformasjonen på sin egen side.
Alle vil fungere bra på berøringsskjerm og stasjonære maskiner, men vil kreve noen designjusteringer for å implementere i en eksisterende design. Du kan jobbe rundt det med JavaScript eller smart jQuery-kode også hvis du har ferdighetene, men hvis du prøver å finne ut av det hele selv, kan det hende du kan bruke designalternativer enn kode. Hvis du vil utforske kodealternativer for sveveeffekter, kan du gå til denne siden.
Fjern sveveeffekter fra designet ditt
Med mindre du kan ansette en freelance nettdesigner som hjelper deg, kan det hende du er bedre å fjerne sveveeffekter helt. At de ser pene ut og kan tilby nyttig tilleggsinformasjon, men det er alltid andre måter å oppnå samme effekt på.
Du kan beholde menyhandlingen som den primære handlingen og inkludere tilleggsinformasjon andre steder på siden. Du kan bruke breakout-bokser, popup-vinduer, øke beskrivelsesinnholdet for det punktet du prøver å lage eller noe annet. Hvis du ikke har ferdighetene til å implementere jQuery, er dette sannsynligvis det enkleste alternativet.
Legg til en sekundærmeny
En sekundær meny inkluderer det første trykk som simulerer en sveveeffekt. Du kan inkludere informasjonen i menyen og vise en andre meny i det samme elementet. Den andre menyen fungerer som det faktiske valget som det ville skje på et skrivebord. Det første trykket simulerer musepekeren og det andre trykket simulerer brukeren som tar den primære handlingen.
Dette er et pent alternativ til sveveeffekter, men er begrenset av skjermstørrelse og begrenser mengden informasjon du kan legge til effekten din. Hover-effekter er begrenset av sin art, men er mer begrenset på mobil av skjermen eiendommer du har å gjøre med. Hvis du virkelig vil inkludere tilleggsdata på en ikke-standard måte, kan dette være det.
Plasser sveveinformasjonen på sin egen side
Kanskje et lettere alternativ ville være å inkludere sveveinformasjonen på sin egen side med en tekstkobling. Dette forenkler menyen og holder navigasjonen rett frem. Hyperkobling fungerer på tvers av enheter, og du får en ekstra side for nettstedstørrelse og SEO. Ulempen er at du må øke tilleggsinnholdet med minst 300 ord for å få det til å fungere.
Så lenge du kan putte informasjonen nøye så den leser godt og gir verdi til leseren, synes jeg personlig at dette er det beste alternativet. Å avgjøre hvor du skal plassere disse koblingene til tilleggsdataene er opp til deg og vil avhenge av designet ditt, men ekstra sider gir deg en ekstra mulighet til å legge til samtaler til handling, legge til telefonnummer, e-postadresse og all ekstra informasjon som kan brukes å gjøre et salg.
Bo hos svevet
Hvis du vil bruke en slags sveveeffekt på hovednettstedet ditt, trenger du å trenge det inn på mobilsiden din, eller i det minste mobilversjonen. Det er vekslende menyalternativer eller JavaScript-løsninger, men de vil kreve en ekspert for å implementere. Denne siden diskuterer alternativene dine hvis du ønsker å utforske dem videre.
En av de enkleste fellene å falle i når du starter på egenhånd eller bygger din første webside er å designe for deg selv og ikke for publikum. Du må absolutt designe noe du liker, men når du vurderer brukervennlighet må du prioritere publikum. Du må også ta hensyn til enhetene de vil bruke og måten de mest sannsynlig vil engasjere seg best med nettstedet ditt.
Hvis publikummet ditt er ung, bruker de mobil. Hvis de bruker mobil, er ikke sveveeffekter og andre designalternativer som det beste alternativet ditt.
