27 tutkimuksen tukema Web Design Tips: How to Design a Website That Works

Total visitors. Se on helppo nähdä. Jokainen markkinoija tietää, kuinka paljon liikennettä he saavat, koska se on juuri siellä analytiikka. Mutta mitä seuraavaksi tapahtuu, ei ole yhtä ilmeistä.

siksi neuvojen antaminen ajoliikenteeseen on helppoa, mutta verkkosivujen suunnitteluvinkit ovat vaikeita. Tekijöitä on niin monia. Vaikka 1000 + onnistunut web design hankkeita, on vaikea tietää, mikä toimii parhaiten.

tässä artikkelissa on 27 verkkosivujen suunnitteluvinkkiä, joiden avulla jokainen kävijä saa enemmän arvoa. Suurin osa vinkeistä saa tukea tutkimuksista. Nämä ovat aloitteleville suunnittelijoille ja edistyneille UX-ammattilaisille, pienille yrityksille ja suurille yrityksille.

tässä on parhaat neuvomme, ideamme ja inspiraatiomme siitä, miten suunnitella verkkosivusto, joka tuottaa tuloksia. Sivusto, joka näyttää kauniilta, käännyttää kävijöitä ja saa enemmän arvoa jokaisesta niistä vaivalla ansaituista vierailuista.

tässä mainitut kaksi tärkeintä tutkimusta ovat aivan lopussa. Jos olet kärsimätön, hyppää alas!

verkkosivujen rakenteellinen ulkoasu

verkkosivut ovat kaksi asiaa: Kontit ja sisältö. Kontissa on kaksi asiaa: rakenne ja tyyli. Aloitetaan ensimmäisestä. Nämä vinkit koskevat sivujen rakennetta ja asettelua.

Leverage a visual hierarchy

jokaisella sivulla on visuaalinen hierarkia. Jos et tunne tätä käsitettä, tässä on määritelmämme.:

visuaalisella hierarkialla tarkoitetaan visuaalisten elementtien järjestelyä, kokoa, väriä ja kontrastia. Se ratkaisee heidän suhteellisen huomattavuutensa ja sen, missä järjestyksessä ihmissilmä näkee heidät.

Web-suunnittelijat käyttävät visuaalista hierarkiaa ohjatakseen kävijöitä kiinnittämään huomiota tärkeisiin elementteihin ensin. Sivuston ulkoasu sisältää sijainnin (korkea tai matala sivulla), koot (iso tai pieni), visuaaliset (video, Kuvat, kuvakkeet) ja kontrastit (väri ja valkoinen tila).

aspektien yhdistäminen moninkertaistaa niiden vaikutuksen. Kaikki näkevät suuren videon, korkealla sivulla. Harva näkee matalan kontrastin tekstiä kuvien ympäröimänä.

Näköhierarkian vuoksi silmäsi seuraavat tiettyä polkua jokaisella sivulla, jolla käyt internetissä. Kun sitä käytetään harkitusti, se ohjaa vierailijan huomion viestisarjan kautta kohti kehotusta toimintaan.

käytä kuvailevaa, näppäimistöpainotteista otsikkoa korkealla kotisivulla

etusivun yläosassa (ja jokaisella sivulla) oleva otsikko on joko kuvaava tai ei. Jos ei, vierailija ei ehkä pysty vastaamaan ensimmäiseen kysymykseensä: ”olenko oikeassa paikassa?”

on myös mahdollisuus käyttää kohdenäppäimistöä ja osoittaa relevanssia. Mutta monet markkinoijat kirjoittavat jotain nokkelaa tai epämääräistä sen sijaan. Mutta selkeä on parempi kuin fiksu.

sen sijaan, että kirjoittaisit hienon, mutta epämääräisen otsikon, kirjoita jotain kuvaavaa. Varmista, että selität, mitä yritys tekee korkealla sivulla, taitoksen yläpuolella.

lähde: Outreach Plus

odota, taitos on vielä juttu?

kyllä, on taitos. Jokaista vierailua varten jokaisella näytöllä on katseltavissa oleva alue. Alareunassa on kuuluisa taitos. Jos haluat nähdä mitään tämän viivan alapuolella, vierailijan on vieritettävä.

miksi ja onko tällä merkitystä web-suunnittelussa, on kiivaasti väitelty aihe. Tässä kaksi parasta argumenttia: ”ei ole taitetta!”vs” taitos on edelleen tärkeä.”

näyttökokoja on tietysti tuhansia, jotka vaihtelevat pienestä valtavaan. Sivustoa katsottiin 958 eri kokoisella näytöllä viimeisen kuukauden aikana. Niinpä osa suunnittelijoista sanoo, ettei taitoksella ole enää merkitystä.

mutta tässä on tärkeintä (Tajuatko?) On edelleen kertainen jokaiselle käynnille ja edelleen keskimääräinen kertainen kaikille käynneille. Työkalut, kuten Hotjar, osoittavat sen selvästi rivinä heatmap-rullassa pöytäkoneelle/kannettavalle tietokoneelle, mobiililaitteelle ja tabletille.

joten kyllä, on taitos ja sillä on väliä, mitä laitat sen ylä-ja alapuolelle. Erään tutkimuksen mukaan kävijät viettävät 80 prosenttia ajastaan yli taitoksen.

laita siis arvolupauksesi, tuo 8-sanainen versio siitä, mitä teet, korkealle sivulle, taitoksen yläpuolelle.

mutta älkää laittako kaikkia soittojanne toimimaan huipulla

kävijät saattavat viettää siellä enemmän aikaa, mutta se ei tarkoita, että he olisivat valmiita toimimaan. Paljon taivuttelua tapahtuu kauempana sivulla.

chartbeatin analysoidessa 25 miljoonaa käyntiä he havaitsivat, että suurin osa sitoutumisesta tapahtuu taitoksen alapuolella. Sisältö huipulla voi näkyä, se ei välttämättä tule olemaan tehokkain paikka laittaa puhelut toimimaan.

yksi varoitus tästä usein mainitusta tutkimuksesta: Chartbeatia käyttävät lähinnä uutissivustot, jotka ovat hyvin erilaisia kuin markkinointisivustot. Kukaan ei tee paljon yli taitoksen uutissivustolla! Normaali web design vinkkejä eivät päde.

varmista, että lähetät soittopyyntöjä kauemmas sivulle, missä tahansa, missä kiinnostus on todennäköisesti suurta.

tee siitä pitkä sivu. Vastaa kaikkiin vierailijoiden kysymyksiin.

enemmän pikseleitä tarkoittaa enemmän tilaa vastata kysymyksiin, käsitellä vastalauseita ja lisätä tukevia todisteita. Jos kävijä ei löydä vastausta tärkeään kysymykseen, he voivat yksinkertaisesti jatkaa liikkumista sivulla. Kun he ovat tyytyväisiä, he yksinkertaisesti lopettavat lukemisen.

tehokkaimmat myyntisivut jäljittelevät myyntikeskusteluja.

ethän koskaan katkaisisi ketään kesken myyntipalaverin ja lopettaisi vastaamasta heidän kysymyksiinsä? Lyhyt sivu ei muuta teekään; se lakkaa vastaamasta kysymyksiin.

tähän astuu kuuluisa Crazy Eggin tutkimus. He kartoittivat yleisöään, löysivät tärkeimmät kysymyksensä ja huolensa ja rakensivat pitkän sivun, joka käsittelee kaikkea.

sivu oli 20x pidempi. Muuntokurssi nousi 30 prosenttia.

”vieritys on jatkoa. Klikkaaminen on päätös” – Josh Porter, Rocket Insights

Näytä yksi asia kerrallaan

” pidän puhtaista, moderneista kuoseista.”Näin suurin osa asiakkaistamme kertoo meille aloittaessamme web – suunnitteluprojekteja. He viittaavat usein esimerkiksi Applen verkkosivuihin.

vierailijat eivät pidä sotkusta. Pidämme välilyönneistä. Toisin sanoen, pidämme Alhainen visuaalinen monimutkaisuus.

vuonna 2012 Google lähti selvittämään, millaiset verkkosivut nähdään kävijöiden mielestä kauniina. Se on tutkimus yksinkertaisuudesta, jolla on hyvin monimutkainen nimi: visuaalisen monimutkaisuuden ja prototyyppisyyden rooli koskien verkkosivustojen ensivaikutelmaa: työskentely kohti esteettisten tuomioiden ymmärtämistä.

he saivat tietää, että monimutkaisempia kuvioita ei todennäköisesti mielletä kauniiksi.

tämä selittää suuntauksen kohti yhden sarakkeen asetteluja ja pitkiä sivuja. Mallit, joissa on useita sarakkeita (vasen sivunavigointi, sisältöalue, oikea kisko), ovat monimutkaisempia, ja niissä on enemmän visuaalisia elementtejä vierailijoiden näkökentässä.

joten lopeta sotkeminen. Tee yksi kahdesta elementistä tarkennus jokaisen vierityssyvyyden kohdalla.

pitäydy standardiasetelmissa

samassa Googlen tutkimuksessa havaittiin, että ”korkea prototyyppisyys” korreloi myös koetun kauneuden kanssa. Toisin sanoen, outo ei ole yleensä kaunista. Verkkosivujen suunnittelustandardeja noudattava sivusto on todennäköisemmin rakastettu.

kauneimpina pidetyissä kohteissa on sekä suuri prototyyppisyys että vähäinen visuaalinen monimutkaisuus. Ne ovat sekä yksinkertaisia että puhtaita.

ajattele sitä näin, se on hyvä erottaa oman tuotemerkin, mutta ulkoasu ei ole oikea paikka tehdä sitä. Ole erilainen sanoissasi. Mutta ole tyypillinen siinä, miten sivustoasi käytetään.

jotkut autot näyttävät upeilta. He ovat erilaisia. Ne ovat kauniita. Niissä on silti ovet sivuilla, Pyörät pohjassa ja ajovalot edessä.

mutta mikä on standardi? Oman tutkimuksemme mukaan nämä ovat sivuston peruselementtejä:

” standard ” – sivusto, jolla on korkea prototyyppisyys, sisältää seuraavat:

• Logo vasemmassa yläkulmassa
• horisontaalinen navigointi otsikossa
• hakupalkki yläosassa
• sosiaaliset kuvakkeet alareunassa
• Mobile responsive design

varo ”valepohjia”

nykyaikaiset markkinointisivustot, erityisesti myyntisivut, on rakennettu sivulohkoista. Nämä ovat rivejä sisältöä, usein kuva toisella puolella ja teksti toisella, virtaa alas sivun yhdessä sarakkeessa.

tässä on tyypillisen palvelusivun anatomia lead generation-sivustolla.

kuten kaavio osoittaa, alatunnisteessa on tummempi taustaväri. Niin monet sivustot tekevät näin, että kävijät odottavat nyt, että siirtyminen tummempaan taustaan tarkoittaa sivun alaosaa.

mutta jos designissa on tummalla pohjalla oleva pageblock, kävijä saattaa luulla osuneensa pohjaan ja lopettaa vierittämisen. Se on valepohja.

Huom: väittelen omien suunnittelijoideni kanssa tästä. Kurt Cruse, luova johtajamme, on oikeassa. Taustavärin muutokset ovat erinomainen tapa kertoa kävijöille, että sisällön tyyppi muuttuu. Kuulen sinut, Kurt!

vain olla harkittu, kun valitset taustavärejä sivulohkoihin. Jos haluat olla varma, valitse vain pieniä muunnelmia tai käytä vain aina valkoista tai vaaleanharmaata. Vaihda sitten alatunnisteessa tummanharmaaseen tai mustaan.

Vältä karuselleja ja pyöriviä liukusäätimiä

ne ovat olleet suosittuja jo vuosia ja asiakkaat rakastavat niitä. Mutta kotisivun diaesityksessä on ongelma: vierailijat saattavat nähdä vain ensimmäisen dian.

on tehty paljon tutkimuksia, jotka ovat päätyneet samaan lopputulokseen. Myöhempien diojen viestit ovat vähemmän todennäköisesti nähtävissä,ja pyyntöjä toimintaan ei todennäköisesti klikata. Katsokaapa yliopiston verkkosivujen diahintoja.

ne saattavat olla suosittuja, koska ne on helppo saada hyväksyttyä. Eri osastojen eri sidosryhmät saavat kaikki pikseleitä taitoksen yläpuolelle. Ne ovat hyväksi sisäpolitiikalle, eivät vierailijoille.

kotisivujen diaesitykset estävät hyvin ihmisiä puukottamasta toisiaan kokoustiloissa.

Joten mitä tehdä sen sijaan?

• pinoa diat, jotta kävijä voi nähdä jokaisen vierittämällä sivua alaspäin. Ne tulevat yhtäkkiä paljon näkyvämmiksi.
• käytä esillä olevaa kuvaa, käyttäen yhtä vaikuttavinta slideä sankarina. Anna sille kunnon kutsu toimintaan!

vältä välilehtiä ja haitareita

tässä toinen tapa ottaa asiat pois piilosta: vältä välilehtiä ja laajennettavia sisältölaatikoita.

tietäen, että jopa 76% sivuston kävijöistä skannaa, voit tehdä sisältösi näkyvämmäksi heille pitämällä sen kaiken näkyvänä, ilman että sinun tarvitsee klikata paljastaaksesi jotain.

jos tabulatuurit ja laajennettavat harmonikat olivat tehokkaita, niitä näkee todennäköisesti Amazonilla.

muista, että vieritys on nopeampaa ja helpompaa kuin klikkaaminen. Jos vierailijoiden täytyy tähdätä ja klikata tai välilehteä voidakseen katsella jotain, he eivät todennäköisesti näe sitä.

kuvat

siirrytään visuaalisiin kuviin. Nämä vinkit koskevat nimenomaan verkkosivujen kuvia.

käytä ihmisten kuvia

kasvot ovat ainutlaatuisen voimakkaita kuvia. Syntymästämme lähtien katselemme kasvoja enemmän kuin mitään muuta. Ihmisten kuvien magneettinen voima on erittäin hyödyllinen web-suunnittelussa.

Kasvot eivät ainoastaan herätä huomiota, vaan ne korreloivat muuntumisen kanssa. Basecampin kuuluisa tapaustutkimus osoitti huiman nousun tuloksissa, kun kasvot ja suosittelut yhdistettiin myyntisivulla.

varmista, että sivustosi ei näytä ”hylätyltä avaruusalukselta” ilman sielua laivalla.

olen puhunut tuhansien yritysten kanssa niiden markkinoinnista vuosien varrella ja olen huomannut kuvion. Isot yritykset yrittävät aina näyttää pieniltä, ja pienet yritykset yrittävät näyttää suurilta. Outoa, eikö?

oikeastaan jokaisen yrityksen pitäisi vain yrittää olla henkilökohtaisempi, inhimillisempi.

mutta vältä varastokuvia ihmisistä

varastokuville on aikansa ja paikkansa, mutta välttäisin varastokuvia ihmisistä kuin rutto. He eivät vain koskaan tunne itseään aidoiksi, joten he eivät rakenna luottamusta.

Varastokuvat houkuttelevat yrityksiä, koska tuotannon laatu on korkea. Mutta vieraasi välittävät enemmän todellisuudesta. He haluaisivat mieluummin nähdä oikeita ihmisiä, jotka oikeasti työskentelevät yrityksessä.

aitous on tärkeämpi kuin puolalainen.

tutkimus tukee tätä. NN Groupin tutkimuksessa havaittiin, että kävijät virittelevät varastokuvia ihmisistä ja ”täyteainekuvia”, mutta oikeasti katsovat kuvia oikeista ihmisistä.

ole siis oma itsesi, Näytä tiimisi ja käytä oikeiden ihmisten kuvia, vaikka ne olisivat täysin hiottuja.

käytä kasvoja visuaalisina vihjeinä

ihmisten kuvat antavat sinulle erityisen mahdollisuuden ohjata vierailijoiden huomiota. Kuuluisa” katsot minne he katsovat ” – ilmiö.

kun tutkija James Breeze näytti kuvioita 106 ihmiselle, hän osoitti hyvin sijoitettujen kasvojen voiman. Niillä on voima ohjata vierailijoiden huomio muihin elementteihin.

tämä on kuuluisa tutkimus vauvakasvoista. Kun vauva katsoo kameraan, vierailijat katsovat vauvaa. Kun vauva katsoo otsikkoa, vierailijat katsovat otsikkoa.

ystäväni Oli Gardner on kyllästynyt tähän esimerkkiin vauvan kanssa (sori, Oli!). Jos joku tietää muista tutkimuksista tai hyvistä esimerkeistä, kerro siitä kommenteissa!

käytä näköyhteyttä kasvokuvissa suunnattuna merkkinä, joka ohjaa kävijän huomion hyötylaskelmiin tai toimenpidekutsuihin.

käytä nuolia visuaalisina vihjeinä

kasvot voivat ohjata huomiota, mutta ne eivät ole ainoa tapa hallita vierailijoiden silmiä. Pienet käsin piirretyt nuolet saattavat olla vielä tehokkaampia.

tässä CXL: n silmäseurantatutkimuksessa havaittiin, että yksinkertainen nuoli oli vielä tehokkaampi saamaan kävijät katsomaan sivuelementtiä.

jos haluat Vierailijoidesi katsovan jotain, osoita sitä nuolella. En ole varma, onko tämä vinkki naurettavan ilmeinen vai syvällisen oivaltava.

käytä väriä ohjaamaan vierailijoiden huomio toimintakehotuksiin

väreillä on tunneperäisiä mielleyhtymiä (punainen on kiireellinen, sininen on rauhallinen) ja ne ovat osa brändistandardeja. Mutta ne ovat myös mahdollisuuksia vetää kävijöitä katse kohti painikkeita ja CTAs.

Eyequantin tekemä tutkimus nappien väristä vahvistaa värin ja luminanssikontrastin voiman kiinnittää huomiota.

tutkimuksen mukaan värikkäät napit eivät kuitenkaan ole aina tehokkaita. Jos haluat, että painikkeesi on visuaalisesti näkyvämpi:

• Kontrasti painikkeen värin kanssa taustalla
• Kontrasti painikkeen värin ja painikkeen tekstin kanssa
• Kontrasti painikkeen värin kanssa lähellä olevia elementtejä sivulla (tai jätä runsaasti valkoista tilaa sen ympärille)

”Von Restorffin efektin”

saksalainen tutkija Hedwig von Restorff havaitsi 1930-luvulla, että kun sille näytetään kymmenen esineen listaa, ihmiset muistavat kohteita, jos ne ovat erivärisiä kuin muut. Tämä johtuu siitä, että takaraivolohko on herkkä näköeroille eli ”kuviokatkoksille.”

Web marketer Paras Chopra teki kokeita, jotka osoittivat, kuinka standout-värejä ei vain muisteta enemmän, niitä klikataan enemmän: 60% enemmän!

Pro Tip! Valitse ”action väri” kaikki linkit, painikkeet, ja rollover vaikutuksia. Tee se väri, joka eroaa tuotemerkin värit käytetään koko suunnittelu (nämä ovat ”passiiviset värit”). Käytä toimintoväriä missään muualla kuin klikattavissa kohteissa.

navigointi ja linkit

nyt tutustumme sivuston navigointiin liittyviin neuvoihin, mukaan lukien valikot, painikkeet ja linkit, joilla kävijät voivat liikkua.

Be deskriptiivinen

Navigointi on aina visuaalisesti näkyvää, joten se on mahdollisuus kommunikoida. Vierailijat aloittavat vierailunsa tyypillisesti skannaamalla otsikon yli. Kaikki siellä, myös ruokalistat, ovat hyvin todennäköisesti nähtävissä.

lähde: UX Movement

kun navigointimerkinnät ovat yleisiä, olet menettänyt mahdollisuuden kertoa kävijöille, mitä teet. Vertaa näitä kahta esimerkkiä:

jos navigointimerkintäsi ovat yleisiä, ne ovat yhteisiä tuhansille tai jopa miljoonille verkkosivustoille. Olet menettänyt mahdollisuuden hyödyntää sivuston navigointi parhaita käytäntöjä, auttaa kävijöitä ja parantaa haku rankingissa.

laita koti vasemmalle, mutta muuten älä liikaa murehdi menujen järjestystä

jos sinulla on kotilinkki, laita se vasemmalle. Se on yleisin paikka sille, joten kävijät odottavat löytävänsä sen sieltä.

muiden menujen osalta järjestys ei tutkimusten mukaan ole kovin tärkeä. On olemassa kaksi erilaista silmäseurantatutkimusta, jotka osoittavat alhaisen korrelaation valikkokohtien järjestyksen ja kävijöiden menestyksen (lähde ja lähde) välillä.

joten älä viettää ton aikaa murehtia asioiden järjestyksessä oman valikon.

ole varovainen linkittäessäsi palvelusivuilta blogikirjoituksiin

jos kävijä on palvelusivulla, heidät pyritään muuttamaan johtolangaksi. Jos lisäät suuria mahdollisuuksia lähteä ja mennä lukemaan blogia, he laskeutuvat sivuille, jotka ovat vähemmän keskittyneet lead generation. Blogikirjoituksissa on luonnollisesti enemmän häiriötekijöitä, poistumismahdollisuuksia ja alhaisempia muuntokursseja.

ole varovainen linkittäessäsi muihin sivustoihin

aina, kun se on tarkoituksenmukaista, linkitä asioita, jotka auttavat kävijää saavuttamaan tavoitteensa. Blogikirjoituksessa viitataan usein lähteeseen tai linkkiin ulkoisiin viittauksiin. Tämä viesti linkittää kymmeniä artikkeleita ja tutkimuksia!

mutta palvelusivuilla ja Kotisivuilla kannattaa linkittää muihin sivustoihin huolella. Jos sivu on optimoitu muuntaa kävijöitä johtaa, kysy itseltäsi, haluatko todella kävijät klikkaa linkkiä? Auttaako se sinua saavuttamaan tavoitteesi?

Vältä käyttämästä sosiaalisen median kuvakkeita verkkosivustosi otsikossa

samoin värikkäät sosiaalisen median kuvakkeet otsikossasi eivät ole suuria tavoitteidesi kannalta. Jos kävijät klikkaavat jotain noista karkkivärisistä napeista, he laskeutuvat paikalle, joka on täynnä häiriötekijöitä. He tuskin tulevat takaisin.

tämä on yleensä väärä tapa tehdä sosiaalisen median integrointi. Jos linkität sosiaaliseen verkostoon, tee se alatunnisteesta. Vierailijat voivat löytää sosiaaliset verkostot, jos he etsivät, mutta et ehdota, että he lähtevät.

kirjoittaminen

puhutaan sanoista. Aiemmin suosittelimme etusivulle keyphrase-painotteista otsikkoa. Tässä muutama vinkki sivustolle menevään kirjoitukseen, kuten otsikoihin, alapääihin ja vartalotekstiin.

Kirjoita mielekkäitä alipäitä

epämääräisiä alipäitä on kaikkialla. Ne ovat usein suuria ja hyödyttömiä, mutta niiden perässä tulee asioita, jotka ovat pieniä mutta hyödyllisiä. Outoa, eikö? Päinvastoin olisi järkevämpää.

varmista, että isot asiat ovat mielekkäitä ja hyödyllisiä kävijöille. Jos alaotsikkosi sanovat esimerkiksi ”tuotteet” tai ”palvelut”, kysy itseltäsi, olisiko kuvaavampi termi hyödyllisempi. Tässä muutamia esimerkkejä.

tämä tekee hyvää skannereille ja käytettävyydelle. Se on hyväksi näkövammaisille ja esteettömyydelle. Se on myös hyviä SEO parhaita käytäntöjä. Älä koskaan menetä mahdollisuutta osoittaa merkitystä!

ProTip: alapää saattaa olla täysin tarpeeton. Olisiko tämä sivu yhtä hyvä ilman sitä? Tietäisivätkö vierailijat, mitä katselevat? Jos on, poista se.

vältä pitkiä kappaleita ja pitkän linjan pituus

Pitkät, tuhdit kappaleet eivät ole linjassa digitaalisen sisällön parhaiden käytäntöjen kanssa. Pelkkä pitkien kappaleiden hajottaminen helpottaa sisällön kuluttamista. Pääsääntöisesti, älä kirjoita kappaleita pidempään kuin 3-4 riviä.

”lyhyet kappaleet luetaan, pitkät kappaleet kuoritaan, todella pitkät kappaleet ohitetaan” – Jason Fried, perustaja ja toimitusjohtaja, Basecamp

jos jonon pituus on hyvin pitkä, kävijöiden voi olla vaikeampi lukea. Web Style Guide suosittelee enintään 12 sanan viivoja.

Vältä ammattikieltä. Käytä yksinkertaisia sanoja.

mitä helpommin sitä luetaan, sitä menestyneempi sivusto on. Käytä yleisiä sanoja, joita vierailijat odottavat. Pitkät lauseet ja hienot sanat pakottavat ohimolohkon työskentelemään kovemmin. Huono juttu.

”pidä se yksinkertaisena! ”Kognitiivinen sujuvuus” on mittari siitä, kuinka helposti kävijän aivot käsittelevät sitä, mitä he katsovat. Kun jotain on vaikea lukea, havaitsemme sen tiedostamattamme riskialttiimmaksi ja/tai aikaa vieväksi. Niin, maksimoida muuntaminen, käytä lyhyttä tekstiä, yksinkertaisia fontteja, ja helppo lukea suunnittelu.”- Roger Dooley, brainfluencen kirjoittaja

Copy that works well for ”low literacy” users works well for everyone. Kyse ei ole sen typertämisestä, vaan yksinkertaisesta kielestä, jota kaikki ymmärtävät. Tutkimus on osoittanut, että laskemalla luettavuustasoa voidaan parantaa kaikkien kävijöiden onnistumisprosenttia.

jopa tohtorit haluavat lukea 8. luokan tasolla.

tuo iso sana saattaa saada sinut kuulostamaan fiksulta, mutta se saattaa saada vierailijasi tuntemaan itsensä tyhmäksi. Itseään epäilevä vierailija tuskin ryhtyy toimiin. Kun siis kirjoitat, kysy itseltäsi tätä kysymystä:

Tietääkö 100% kävijöistä tämän sivun sanojen merkityksen?

Luettelojärjestys ja”Sarjatilanneefekti”

kun tilaat listoja kopiostasi, laita tärkeät asiat alkuun ja loppuun. Lukijan huomio ja säilyvyys ovat alhaisimmillaan minkään listan keskellä. Kävijöiden skannatessa sivua ensimmäinen ja viimeinen kohde jäävät todennäköisimmin lyhytkestoiseen muistiin.

lähde: Order Effects Theory: Primacy versus Recency

Answer the visitors’ top questions

They came with questions. Sivuston päätehtävä on vastata näihin kysymyksiin. Jokainen vastaamaton kysymys on menetetty tilaisuus rakentaa luottamusta. Myös vastaamattomat kysymykset lisäävät kävijän poistumisen todennäköisyyttä.

kun Joel Klettke sovelsi prosessiaan kysymysten etsimiseen ja vastausten kirjoittamiseen, hän pystyi kaksinkertaistamaan muuntokurssit Hubspot-laskeutumissivuilla. Hän haastatteli asiakkaita, analysoi heidän vastauksiaan, priorisoi viestit ja lopulta käytti itse yleisön sanoja uudessa markkinointikappaleessa. Fiksua!

tässä ovat kysymykset, joita Joel käyttää löytääkseen vierailijoiden tärkeimmät kysymykset:

1. mikä sai sinut etsimään ratkaisua?
2. mitä muuta yritit ja mitä et pitänyt siitä?
3. mikä melkein esti ostamasta meiltä?
4. mikä sai sinut tarpeeksi itsevarmaksi yrittämään?
5. mikä teki X: stä sinulle parhaan ratkaisun?
6. kun arvioit X: ää, mikä oli sinulle tärkeintä?
7. mitä voit tehdä nyt (tai tehdä paremmin), mitä et ennen pystynyt tekemään?
8. kerro esimerkki siitä, milloin X teki sinulle eron?

yhdellä sanalla, mikä on tarkoitus sivustosi? Vastaus.

lisäluku: täydellinen B2B-verkkopalvelun sivu: 13-kohtainen tarkistuslista

lisää todisteita ja sosiaalisia todisteita

”yhdenmukaisuusharha” on ihmisen taipumus tehdä mitä muut ihmiset tekevät. Jos siis todistat, että toiset ovat valinneet sinut, niin se saa sinut valitsemaan seurasi, niin se tuntuu hyvältä valinnalta. Tavoitteena on saada mikä tahansa muu päätös kuin yrityksen käyttäminen näyttämään normaalista poikkeavalta.

anna kävijöille todiste siitä, että olet oikeutettu. Ihannetapauksessa jokainen markkinointiväitteesi on tuettu todisteilla.

”kuinka monta kertaa olet klikannut design award-voittajien listalla olevalle verkkosivustolle ja pyöritellyt silmiäsi niittaavan ”Home” – nimikyltin kohdalla? Näin tapahtuu, kun luotat viraston ”luoda jotain täysin rad ja ainutlaatuinen” sen sijaan, että valitset viraston, joka lupaa rakentaa jotain, joka toimii tavalla asiakkaasi/asiakkaat tarvitsevat ja odottavat sen toimivan.”–Jen Salamandick, Kick Point

nopein, helpoin tapa on lisätä suosittelut. Tässä on muunlaisia sosiaalisia todisteita.

• merkittävien vaikuttajien merkinnät
• asiakkaiden Tuotearvostelut
• ”sellaisena kuin se on…” median logot, joissa yrityksesi on mainittu
• sosiaalisen median widgetit, jotka osoittavat seuraavien
• Luottamussinetit, mukaan lukien yhdistyksen jäsenyydet, turvatodistukset ja palkinnot

kuinka paljon todisteita riittää? Kuinka monta suosittelut pitäisi lisätä?

erä. On mahdollista, että todisteita ei ole liikaa. Teimme nopean analyysin yhdestä Amazonin tuoteyksityissivusta ja huomasimme, että 43% sivusta on todisteita ja arvosteluja.

Ammattilaisen Vinkki! Älä tee suosittelusivua. Ne ovat yleensä vähäliikenteisiä sivuja. Lisää sen sijaan suosittelut jokaiselle palvelusivulle.

mainitse niukkuus, laukaiseva ”tappioiden välttäminen”

ihmiset eivät ole tehokkaita kustannus-hyötylaskureita. Meillä on tapana yliarvioida tappioita ja aliarvioida voittoja. Toisin sanoen tappiot ovat tuskallisempia kuin voitot ovat mieluisia.

tämä on totta verkossa ja offline-tilassa ja selittää paljon ihmisten käyttäytymistä. Tämä artikkeli selittää sen hyvin: Behavioristisen taloustieteen ja kognitiivisen psykologian soveltaminen suunnitteluprosessiin.

tämä vastenmielisyys tappioita voi olla hyödyllistä web-suunnittelijat ja copywriters. Tässä muutamia vinkkejä kopion kirjoittamiseen tappio vastenmielisyys mielessä.

• Korosta tuotteen tai palvelun käyttämättä jättämisestä aiheutuvat kustannukset.
• konsernin kulut yhdessä, listaa edut erikseen.
• korostavat välittömiä voittoja.
• luo kiireellisyys rajoitetun ajan tarjouksilla. Jos tuote on niukka, sano se.

varovasti muistuttaa kävijöitä, mitä he kaipaavat, riski tai menettää, kun ei ryhdy toimiin juuri nyt.

optimoi sähköpostikirjautumislomakkeet tilaajille

tämän viestin alareunassa on yksi. Se on kutsu toimintaan tilata. Jos katsot tarkkaan, näet, että se sisältää kolme erillistä elementtiä. Nämä ovat 3 P: n sähköpostin kirjautumislomakkeet.

• näkyvyys se erottuu näköhierarkiassa
• lupaus se kertoo lukijalle mitä he saavat kuinka usein
• todiste se käyttää sosiaalista todistusta: tilaajien määrä tai pieni todistus

kun kokeilimme näitä muutoksia ensimmäisen kerran, muuntokurssi vanhemmassa muodossa oli hyvin alhainen, joten parannus oli dramaattinen. Näimme 4,863% kasvu sähköpostin kirjautumisia.

kun suunnittelet sähköpostiesi kirjautumislomaketta, tee se näkyväksi, käytä sosiaalisia todisteita ja kerro lukijoille, mitä he tulevat saamaan.

enemmän kuin vain kaunis sivusto

kaikki rakastavat kauneutta. Kaikki rakastavat hienoja uusia muotoiluominaisuuksia. Kaikki ovat kriitikoita. Mutta vierailijoina tarvitsemme muutakin kuin kauneutta. Tarvitsemme tietoja. Nettisivujen omistajina tarvitsemme tuloksia.

tässä on kaksi tutkimusta, joissa on sama löydös. Ensimmäinen on HubSpotin kysely, joka osoittaa kävijöiden arvostavan helposti löydettävää tietoa enemmän kuin kaunista designia tai fancy UX: ää.

tämä toinen tutkimus on päätelmä joukko käyttäjätestejä nn ryhmä. Se osoittaa, että kun kävijät epäonnistuvat, se johtuu siitä, että he eivät löydä tietoa, ei siitä, että sivusto ei ole tarpeeksi kaunis.

rakastan kaunista muotoilua siinä missä muutkin. Siksi aloitin tämän bisneksen! Ja ajattelen usein tätä lainausta:

”suunnittelijan elämä on taistelua. Taistele rumuutta vastaan.”- Massimo Vignelli, designlegenda

mutta web design, luomme säiliöt sisältöä. Vieraat tulivat sisällön, eivät kontin takia.

verkkosivujen pitäisi olla kauniita. Niillä pitäisi olla visuaalinen tai emotionaalinen vaikutus vierailijoihin. Mutta menestys sivustosi menee paljon pidemmälle kauneutta. Se auttaa vierailijoita löytämään tarvitsemansa. Se on tämän artikkelin jokaisen vihjeen ydin. Ja se on web designin todellinen tarkoitus.

auta vierastasi löytämään se, mitä he tulivat hakemaan, ja anna heille sitten se, mitä haluat heidän saavan.