Fem morderiske måter å bruke knapper på nettstedet ditt

Forfatter: John Stephens
Opprettelsesdato: 24 Januar 2021
Oppdater Dato: 17 Kan 2024
Anonim
Fem morderiske måter å bruke knapper på nettstedet ditt - Kreativ
Fem morderiske måter å bruke knapper på nettstedet ditt - Kreativ

Innhold

Gestalt er det tyske ordet som kan defineres som 'essensen eller formen til en enhets komplette form'. Vi bruker begrepet i grafisk design for å referere til ideen om hvordan en person vil gjenkjenne og reagere på et element av noe vi har designet.

Det er flere veiledende prinsipper som brukes mot dette konseptet; Likhet, fortsettelse, nedleggelse, nærhet, figur og bakken. Vi kan bruke disse til vår fordel når vi designer nettsideelementer - spesielt med design av knapper.

Hva er i en form?

Knapper er utrolig viktige for enhver oppfordring til handling eller transaksjonell prosess. Knappen er sluttpunktet for å sende inn et skjema eller fullføre en transaksjon, så vi bør ikke behandle dem som uformelle faktorer når vi designer en side eller et skjema som en helhet. Formen og formen er veldig viktig, slik at brukeren umiddelbart gjenkjenner dem som sådan og tydelig kan fullføre handlingen de ønsker.

En bruker må også føle seg trygg på at knappen er en knapp, og at det de forventer skal skje, virkelig vil skje. Hvis vi ser bort fra å gi brukeren denne viktige tilbakemeldingen, kan det føre til tapte konverteringer og salg.


Knappdesignmønstre

Det er eksisterende designmønstre for knapper på nettet. Utseendet innebygd i operativsystemet eller nettleseren er det mest grunnleggende og lett brukbare du kan finne. Det er også andre utseende med avrundede kanter eller et 3D-utseende som kan sende brukeren signalet 'Jeg er en knapp'. Dette kan virke som et enkelt poeng å gjøre, men å holde ting enkelt er måten å vinne konverteringer på.

Fem eksempler å sjekke ut

1. Netflix Filmstrømmetjenesten Netflix bruker en enkel systemknapp for påmeldingsskjemaet. Dette er bra i dette tilfellet siden siden er opptatt og trenger denne klarheten.

2. Firkant Gestalt av viktige knapper på hjemmesiden til nettstedet Square med kredittkortskannerapp ligger over linjen mellom system og stiliserte knapper. Visuelt leser de tydelig og rent som knapper.


3. rdio Nettstedet for on-demand-musikktjenesten rdio bruker farge, form og nærhet til hovedknappen, slik at den skiller seg ut og sender 'klikk meg' -signalet til brukerne.

4. iTunes Den ukentlige e-postadressen til iTunes for musikk er vakkert designet, men bruker et nå vanlig mønster for å gjøre det store sentrale bildet til en lenke for ønsket handling. Dette er en fin løsning, men likevel mister den klare gestalt på knappen eller handlingen.

5. Blip Me Nettstedet for stemmekringkasting iPhone-appen Blip Me bruker det som blir en standard ‘app store’ knapp. Dette er interessant: i seg selv leser det kanskje ikke som en knapp, men gitt den populære adopsjonen på nettet, bygger den en egen gestalt til brukerne.


Hvis du har sett eksempler på nettsteder som bruker knapper med stor effekt, hvorfor ikke nevne dem i kommentarene?

Interessante Publikasjoner
11 gratis julevektorer som ikke er ostete
Lengre

11 gratis julevektorer som ikke er ostete

Fe tlige julede ign er i ferd med å være øver t på øn keli ten, etter om høytiden nart kommer. Det er definitivt på tide å tarte det feriepro jektet, og vi har ...
Kreative refleksjoner: lage et Truman Show-inspirert speil
Lengre

Kreative refleksjoner: lage et Truman Show-inspirert speil

De ign kribent og redaktør Angharad Lewi tok kontakt med o ​​om itt elvinitierte de ignpro jekt, Up ide Up. Hun nærmer eg grafi ke de ignere hvi arbeid hun el ker og inviterer dem til å...
Hvordan designe en bitcoin UX
Lengre

Hvordan designe en bitcoin UX

Kryptovaluta er vanligvi ikke den me t tilgjengelige av bran jer. De om kjenner, er glade for å bli involvert, men for allmennheten virker like om Bitcoin og Etherium fremdele futuri ti ke og my ...