Suunniteltujen käyttöliittymien suunnitteleminen paremmaksi käyttäjälle

Käyttäjän sitoutuminen on hankala metriikka, joka voidaan saavuttaa eri tavoin eri projekteissa. Useimmat suunnittelijat ajattelevat liitäntä kun he puhuvat vuorovaikutteisuudesta, mutta sivun sisältö voi myös edistää käyttäjän vuorovaikutusta. Paremman käyttäjien sitoutumisen kannalta on tärkeää kirjoittaa kiinnostavaa sisältöä, ja esitellä tämä sisältö tarttuva muotoilu.

Se on paljon helpompaa sanoa kuin tehty, mutta jos opit joitakin perustekijöitä, sinulla ei ole ongelmaa käsitellä a keskittynyt käyttöliittymä, jossa on paljon sisältöä hankkeiden osalta.

Tässä viestissä näytän sinulle, miten voit lisätä käyttäjän vuorovaikutusta ja sisällön sitoutumista Web-pohjaisissa rajapinnoissa. Nämä ovat kaksi yleisintä tapaa harjoittaa kävijää ja jos voit optimoida kokemus sinulla ei ole mitään ongelmaa tämän tuottoisan ajan lisäämisessä sivumittaukseen.

Capture Novelty

Käsite uutuus määritellään tapahtuma tai asia, joka on yleisesti uusi, usein hyvin uusi ja ainutlaatuinen kontekstin perusteella. Uusia tapahtumia kiinnitä huomiomme, koska he erottua joukosta. Tämä pätee myös käyttöliittymäsuunnitteluun, jossa on uutuutta edustavia elementtejä hypätä sivulta.

Löysin hiljattain suuren postin, jossa keskusteltiin uutuuden tärkeydestä sitoutumisen yhteydessä. Käyttäjät näyttävät olevan ajaa kohti uusia kokemuksia, rajapintoja ja käyttöliittymän elementtejä koska he ovat erilaisia. Ainoa seikka, että se on suunniteltu eri tavoin, kiinnittää huomiota.

Yksi yleinen esimerkki on useimpien aloitussivujen toimintopainike. Voit myös rakentaa uutuutta taustakuvat, kuvat tai sovelluksen kuvakaappaukset, esimerkiksi Uber for Business-aloitussivulla.

Tällä sivulla on toimintopainike, mutta huomioni on heti menee kuvakaappauksiin. Ne animoivat, kun ne ensin ladataan niin, että ne yhdistyvät muotoilun uutuus liikkeellä tarttua huomiota.

Vaihtoehtona olisi GiftRocket kuvitetut kuvakkeet linkeinä syvemmälle sivustoon.

Molemmat esimerkit käyttää uutuutta hyödyksi. Et voi aina vetää ihmisiä edelleen sivustoon, mutta saat parempia tuloksia, jos kiinnität heidän huomionsa sisäisesti ensimmäinen.

Suunnittelu on ensimmäinen asia kävijät näkevät, ja sinun on kiinnitettävä heidän huomionsa muutamassa sekunnissa kannustaa jatkamaan sitoutumista.

Skimmable Typography

Tutkimukset ovat osoittaneet, että useimmat käyttäjät skannaa verkkosivu sen sijaan, että olisit lukenut sitä sana sanalle. Haluat todennäköisesti vetää ihmisiä lukemaan sisältöäsi, mutta voit tehdä vain niin paljon.

Paras vaihtoehto on luoda skimmattavaa sisältöä otsikoilla, lihavoidulla tekstillä ja kuvilla, jotka kuvaavat sitä, mitä yrität sanoa. Ajattelen ainakin kolme voimakasta kirjoitustekniikkaa voit käyttää sisältöäsi lisätä luettavuutta:

1. Jaa sisältö selkeät tekstitykset
2. Hajota kohdat pienentää niitä
3. Käytä luettelomerkkejä jakaa pisteitä nopeammin

Tavoitteena on pitää lukijat sivua alaspäin millä tahansa tavalla. Pidä sisältöä pienenä purenta-kokoisissa paloissa sinulla on paljon helpompi aika ottaa huomiota ja ajaa ihmisiä edelleen sivustoon.

Tutustu Quick Sprout -blogiin esimerkkinä tästä kirjoitustavasta. Sisällön on kirjoittanut Neil Patel, ja hän kirjoittaa usein hyvin pitkää sisältöä, mutta hän hajottaa kohdat 1–3 lauseeseen.

Jos sinulla on oikeat otsikot, ja käyttö kuvat / bullet-pisteet koko sisällön saat ihmiset kuorittamaan ja lukemaan paljon kauemmin. Varmista myös, että lisätä välilyönnin määrää kappaleiden välillä. Marginaalit ja paddings molemmilla on suuri merkitys ulkoasun suunnittelussa ja luettavuudessa.

Suunnittele teksti niin, että se on todella hauska lukea. Tylsää kopiota ei houkutella, mutta myöskään hauska kopio, joka on liian pieni tai puuttuu kontrastista.

Silmien vangitsevat kuvat

Tuoreet Backlinkoin tapaustutkimukset viittaavat sivuihin vähintään yksi kuva yleisesti korkeampi kuin sivut, joissa ei ole kuvia. Se on hienoa SEO näkökulmasta.

Mutta entä käyttäjien sitoutuminen? Jos voit pitää yhden kuvan yläpuolella tai lähellä yläosaa se kiinnittää myös kävijöiden huomion ennen kuin he hyökkäävät. Muista, että uudet sivuelementit houkuttelevat.

Kun sinulla on kuva (tai monta kuvaa), joka on koko sivun sisällä hajota yksitoikkoisuus tylsät tekstilohkot. Käyttäjät voivat ota tauko lukemasta arvostaa kuvaa tai muodostaa yhteyden kuvan ja kirjoitetun sisällön välille. Mutta kuten useimmissa suunnittelutekniikoissa, laatu on arvokkaampaa kuin määrä.

Moz-tapaustutkimuksen mukaan laadukkaat kuvat ovat yleensä pitää kävijät sivulla paljon kauemmin. Toisaalta huonolaatuiset kuvat eivät toimi hyvin ja joissakin tapauksissa he aiheuttivat kävijöitä pomppia nopeammin kuin ilman kuvia. Sinun pitäisi yrittää sisällyttää ainakin yksi kuva sisällön kannalta ja tuo antaa arvoa lukijalle.

TechCrunch tekee tämän artikkeleissaan varustetuilla kuvilla, joissa löydät usein a valokuvan yläpuolella.

WordPress tekee mainosten kuvien lisäämisen helpoksi postin pikkukuvan avulla. Voit asettaa erillisen valokuvan jokaiselle kirjoittamallesi viestille ja pakottaa nämä näkymään sivun yläreunassa. Tämä on täydellinen tapa antaa kävijöille katse mitä sisältö on, ja kasvaa CTR niihin liittyviin viestien widgeteihin, jotka sisältävät myös postin pikkukuvan.

Kontrasti-sivun elementit

Jos sinun täytyy kiinnittää huomiota johonkin tiettyyn alueeseen sivulla epäsymmetria on paras ystäväsi. Kontrasti ajaa kovaa kiilaa tiettyjen muotoilun tai tiettyjen sisällön lohkojen välillä.

Vierailija on luonnollisesti ravitseen kohti kontrastia koska se on erilainen. Suuret värit, koot tai välilyönnit rinnastavat silmän, koska se on rikkoo kaiken muun muotin asettelussa.

Suosikkini esimerkki kontrastisista sivuelementeistä on ehkä Sketchin kotisivu. On paljon kontrastia kahden soittopainikkeen välillä, yksi Sketch-oikeudenkäynnin lataamiseen ja toinen kopion ostamiseen.

Ostopainikkeessa on täysi taustaväri paljon kirkkaampi kuin muut otsikon värit. Painikkeen teksti on myös kirkkaampi verrattuna ilmaiseen kokeilupainikkeeseen. Tämä johtaa kävijöitä kohti Osta-painiketta pelkästään visuaalisia ärsykkeitä.

Huomaat a vastaava tekniikka Optin Monsterin kotisivulla. Tässä otsikossa on vain yksi painike, jonka nimi on Get OptinMonster Now. Se on kirkkaan vihreä painike sinisellä pohjalla, jossa ei ole muita vihreitä elementtejä.

Väri, koko ja muoto kiinnittävät huomiota, koska se on vastoin kaikkea muuta otsikossa. Painikkeen vieressä on pieni tekstilinkki videon esikatseluun. Se on luultavasti loistava video, ja se ansaitsee huomion, mutta ei niin paljon kuin kokeiluversio / kirjautumisen CTA-painike.

Blogi voi olla erilainen käyttäjän sitoutumista varten. Yksi yhteinen valinta on a uutiskirjeen kirjautumislomake kuten esimerkki Aeolidialta.

Jos selaat alas sisältöön, huomaa a fancy-shmancy -kirjauslaatikko suunniteltu vain uutiskirjeen muodossa. Se erottuu muusta sivusta ainutlaatuinen taustaväri, hauska typografia ja söpö kuningas Tritonin kuvake.

Paras tapa suunnitella kontrastina on tutkia esimerkkejä ja vain kokeilla. Katso, mikä toimii ja mitä ei seuranta-mittarit A / B-testauksella. Jos etsit lisää esimerkkejä, tutustu tähän Codrops-kirjoitukseen, jossa on täynnä elävien epäsymmetristen sivustojen vihjeitä ja näyttöjä.

Kannusta käyttäjän vuorovaikutusta

On niin monia tapoja pitää kävijät kiinnostuneita sivustosta, mutta yleisin on saada heitä tekemään tavaraa. Tämä koskee sekä staattisia blogeja että dynaamisia sosiaalisia sivustoja. Tähän ei ole yksi-kokoisia temppuja. Voit tehdä mitä tahansa, jotta käyttäjät saadaan tuntuu harjoittaa sivua.

Jonkin sisällä staattinen sivusto, saatat lisätä paljon liittyvät linkit lukemiseen tai sisällyttämiseen kuvaesitykset. Voit myös lisää lomakkeita käyttäjän kommentteja tai sähköpostiviestejä varten.

Kun se tulee dynaamiset rajapinnat, sivuston tarkoitus on yleensä kannustaa käyttäjiä. Suurin este on opetuksen käyttäjille miten sivusto toimii, ja miten liittyä oikein.

Tutustu KissMetricsin tähän viestiin, jossa puhutaan käyttäjän sitoutumismenetelmistä. Yksi parhaista strategioista, jotka olen löytänyt suunnittele opastettu kierros joka johtaa kävijöitä läpi jokainen ensisijainen ominaisuus.

Ajattele, kuinka hämmentävä Twitter-näkymä olisi aivan uusi käyttäjä. Jos he eivät seuraa ketään ja heillä ei ole seuraajia, miksi he soittavat?

“Seuraa ehdotuksia” laatikko rekisteröinnin aikana auttaa uusia käyttäjiä tutustu Twitterin toimintaan. Tämä ominaisuus käynnistää uusia käyttäjiä alkaa harjoittaa kanssa, ja kokeile ominaisuuksia esimerkiksi seuraavat, tweetit ja yksityiset viestit.

Ohjattu kiertueen lisäksi haluat myös tee käyttöliittymä yksinkertaiseksi. Ensisijaisten ominaisuuksien tulisi olla 1-2 napsautusta käyttäjän kojelaudasta tai pääsivulta. Intuitiiviset rajapinnat tarvitsevat selitystä, ja yksinkertaisuus kiinnittää huomiota paljon nopeammin.

Ymmärtämällä kaikki nämä tekniikat, sinulla on helpompi aika rakentaa rajapintoja ratkaista käyttäjien ongelmia, ja kannustaa uusia käyttäjiä liittymään. Jos etsit lisää UX: n suunnittelutyöhön liittyvät vihjeet tutustu näihin liittyviin viesteihin:

• Käyttäjä, joka käyttää Tactic-ohjelmaa sitoutumisen lisäämiseksi (Thinkapps.com)
• Oppitunti asteittaiseen sitoutumiseen (Uxbooth.com)
• Älä oleta, että uudet käyttäjät haluavat oppia käyttämään tuotetta (Uxdesign.cc)