Sosiale medier er nøkkelen til hvilken som helst nettside popularitet. Dra nytte av det psykologiske fenomenet kjent som Sosialt bevis , sosiale aksjer påvirker i stor grad om folk leser innhold eller deler deling av seg selv. Derfor er sosiale medier knapper på nesten alle sider som du kommer over på Internett.

Dette ber om spørsmålet, hva går inn i utformingen av disse knappene? Det er ikke en tilfeldighet at de ser slik de gjør, ikke sant? Du tror at elementer som sideplassering og plassering, størrelse og farge alle ville ha en effekt på å overtale brukere til å dele innholdet. Designere bruker ikke bare en willy-nilly tilnærming ved å lage disse knappene. Det er et helt grunnlag for å tenke bak knappedesign.

Det er ganske fascinerende, faktisk, og likevel så enkelt samtidig. Hvis du vil øke sjansene for at sideinnholdet får gode sosiale aksjer, er det i din interesse å følge disse anbefalingene.

F-mønster plassering

Første ting først: Før du bekymrer deg for å designe selve knappene, vil det gjøre deg godt å tenke på hvor på en side du skal plassere dem.

Ifølge a populær studie På brukeradferd, vil besøkende på nettstedet for det meste absorbere sidens innhold i det F-formede mønsteret. Dette mønsteret begynner med øynene som skanner innhold fra øvre venstre hjørne av skjermen og beveger seg horisontalt til høyre. Så går øynene ned på siden litt fra det punktet de startet på. Etter en stund beveger øynene seg horisontalt til høyre igjen, men i kortere avstand enn den første horisontale skanningen, før de endelig beveger seg ned en siste gang langs venstre side av en side.

Designere bruker ikke bare en willy-nilly tilnærming ... Det er et helt grunnlag for å tenke bak knappedesign.

Legg merke til hvor sosiale medier knapper vanligvis vises på en hvilken som helst side - de er langs øvre venstre del av siden. Dette er ingen tilfeldighet! Designere som plasserer knappene i dette området følger hva vitenskap forteller om hvordan folk leser på nettet. Hvis du ikke legger knappene i dette området, gjør du en feil på nettstedet ditt, siden folk sannsynligvis ikke engang vil se dem.

Og vurderer at flertallet av folk skanner lese en side i stedet for å lese det grundig, er det ikke urimelig å konkludere med dette.

En god illustrasjon av dette finnes på en side på Wall Street Journal-siden. I en artikkel som dekker Apples beslutning om å begynne å tilby en streaming musikk tjeneste, legg merke til hvordan de sosiale medier knappene er plassert akkurat der du forventer å finne dem: øverst til venstre på siden, rett ved siden av den fremtredende overskriften. I følge F-formet mønster ser folk som ser denne siden første gang de sosiale aksjene og leser deretter horisontalt over for å forstå overskriften. På skrivningstidspunktet har denne artikkelen over 2800 Facebook liker og nesten 1200 tweets.

Rene og gjenkjennelige former

Fordi folk skanner og skummer sider, er det alltid best å gjøre ting på siden hoppe ut på dem. For å øke sannsynligheten for at besøkende deler en side, bør du utforme knappene på en minimal måte, da det er slik de kan gjenkjennes lettere.

Du har det bedre å gå med grunnleggende geometriske former som rektangler, sirkler og til og med hybrider av de to, slik at brukerne forstår hva de er og hva de blir bedt om å gjøre. Videre bruker så mange steder disse figurene for sosiale medier knapper som ikke også vedtar denne tilnærmingen vil faktisk skade brukeropplevelsen din.

Mest av alt bør brukerne forstå hvilken sosial medieplattform de deler med, og hvor mange personer som allerede har delt innholdet før dem. For å oppnå dette, bør hver plattforms symbol eller logo være tydelig synlig for brukerne, sammen med sine karakteristiske farger. Det betyr:

  • Facebook-knappen skal være # 3C5B97 og ha den karakteristiske "F" for firmanavnet;
  • Twitter-knappen skal være # 55ACEE og har sin velkjente fugllogo;
  • LinkedIn-knappen skal være # 008CC9 med sin "i" -logo;
  • Pinterest-logoen skal være # BD081C som viser swirling-P-logoen.

På et annet notat, unngå å designe såkalte tilpassede knapper som avvike fra disse aksepterte, beste praksisene i knappedesign. Det er alltid fristelsen til å gjøre elementene til en side ekstra lyst til å imponere klienter eller å gjøre deg selv skikkelig ut som designer, men det er egentlig ikke effektivt, av de grunnene som er skissert ovenfor. Det verste fallet er at brukerne ikke klarer å forstå hvordan man kan kommunisere med knapper hvis de er for tilpasset.

For en lærebok eksempel på en side som trekker av disse beste praksis, ser vi på Daily Eggs blogg om konverteringsfrekvensråd. I en artikkel om omvendt engineering en vellykket destinasjonsside, legg merke til plasseringen, figurer og farger på de sosiale medier-knappene. De er øverst til venstre på siden, er rektangulære og har varemerkets farger på hver sosialmedieplattform.

Sticky knapper

Som klebrig navigasjon der navigasjonen følger brukeren ned på en side som den ruller, bør din sosiale delingslinje gjøre det samme og av samme grunn. Du vil at folk skal være konstant påminnet om at de kan dele innholdet ditt; Ved å inkludere klissete knapper gjør det også mye lettere for dem å dele innholdet fordi de ikke trenger å rulle opp eller ned for å finne knappene dine.

Du vil at folk skal være konstant påminnet om at de kan dele innholdet ditt

Et nettsted som får dette er Markedsføring Profs , et knutepunkt for reklamevirksomhet og beste praksis. Dens artikler inneholder klissete sosiale medier knapper som forblir på øvre venstre side av skjermen som besøkende fortsetter å bla nedover siden.

Sosial deling saker

Det er ingen hemmelighet at sosiale aksjer er utrolig viktige for et nettsteds popularitet. Jo flere personer deler innholdet ditt, jo flere andre besøkende vil oppdage det og potensielt bli vanlige lesere eller kunder. Derfor gjør sosiale knapper lett tilgjengelige og merkbare på alle sider som inkluderer delbart innhold, en nødvendighet.

Hvorfor gjør det vanskelig for brukerne å dele innhold som de virkelig liker og som de vil engasjere seg med? Tross alt får flere sosiale aksjer også en mer fremtredende søkemotorrangering for nettstedet du designer.

Utvalgt bilde, sosial media bilde via Shutterstock.