Pitäisikö sinun noudattaa sivun yläpuolella olevia suunnitteluperiaatteita?
Verkkosuunnittelun ja -kehityksen kenttä valmistaa sinulle monia ongelmia: käyttääkö puhdasta tyyliä vai ei, sisällyttääkö uusimmat trendit verkkosivustollesi vai ei, korostaa visuaalista etuosaa tai toimivuutta, tehdä suunnittelusta responsiivista vai ei jne.
Emme voi vastata kaikkiin näihin kysymyksiin kerralla; sen sijaan aloitamme yhdestä erittäin tärkeästä näkökulmasta: taitosta.
Mitä taitto tarkoittaa?
Taitto on termi, jota verkkosivustojen omistajat ja kehittäjät käyttävät tunnistamaan sen osan sivuston sisällöstä, joka näytetään vierittämättä alaspäin. Tämä on alue, joka näkyy heti, kun käyttäjä tulee verkkosivustolle.
Sanomalehden alkuperä
Mistä alkuperät ovat tulleet? Kaikki on yksinkertaista: lehdistö asetti tämän termin kauan ennen kuin web-suunnittelusta tuli niin tärkeä ja kehittynyt ala. Painetuissa sanomalehdissä oli sensaatiomaisimpia artikkeleita sivun yläreunassa, jotta lukijat selaamaan koko lehteä.
Erilaisia näytön resoluutioita
Tämän päivän ongelmana on resoluutio. iPadin resoluutio on 1024×768, iPhone 4:n resoluutio on 960×640, 22 tuuman näytölläni on resoluutio 1920×1080, ja edelleen yleisin on 1280×720. Se ei ole enää yhden tyyppinen tietokone, jota kaikilla on, mutta nykyään on olemassa valtava määrä tietokonenäyttöjen malleja ja kokoja, joten on vaikeaa rakentaa yleistä taiton yläpuolella olevaa mallia. Joka tapauksessa jotkut käyttäjät näkevät enemmän, toiset vähemmän, missä on kultainen keskitie? Oletan, että se on kielteessä, koska yleinen termi on nyt kuollut.
Mobiililaitteet muuttavat taittoa
Olemme kertoneet näytön tarkkuudesta vain muutaman rivin yllä, mutta on myös syytä mainita, että emme tiedä, mitkä laitteet ilmestyvät huomenna, kuukauden tai parin vuoden kuluttua. Nykyään ihmiset käyttävät tabletteja ja älypuhelimia, mutta ne jäivät tietojemme ulkopuolelle muutama vuosikymmen sitten.
Vierityksen aikakausi
Scrolling ennen kaikkea – näin verkkosivuja luodaan nykyään. Oli tavallista selata verkkosivustoa sivun yläosassa, enkä tiennyt, miten toimia, kun verkkoselaimia ei tutkittu. Nykyään käyttäjät asuvat verkossa, kommunikoivat, tekevät ostoksia, mainostavat ja tekevät liiketoimintaa Internetissä, ja he tietävät kaiken siitä. Toinen asia on, että käyttäjät eivät pidä lukemisesta ja kiinnittävät liikaa huomiota yhteen sivuston osioon, joten he rullaavat, rullaavat ja rullaavat uudelleen. Sinun tehtäväsi on saada heidät pysähtymään tähän tai tuohon elementtiin, ja kuten ymmärrät, kyse ei ole laskosta. Se kestää vain muutaman sekunnin, kun käyttäjät katsovat sivuston sankarialuetta, joten sinun ei tarvitse täyttää kaikkea yhdelle sivuvyöhykkeelle. Sinun tulee sijoittaa oikea osuus sisällöstä koko sivulle, jolloin tuplaat mahdollisuutesi tulla huomatuksi ja luetuksi.
Esimerkkejä käyttäjien sitouttamisesta vierittämään
Kun päätät aktivoida verkkosivustosi vierityksen, sinun on mietittävä kaikkia mahdollisia vaihtoehtoja, jotta se toimisi ja houkuttelee. Kuinka käyttäjät ymmärtävät, että heidän on vieritettävä? Miksi heidän täytyy rullata? Mitä he saavat, jos rullaavat?
Polku vieritettäväksi – Tämä on silloin, kun käytät joitain elementtejä näyttämään tietä verkkosivustosi läpi. Tarkoitan tässä sekä perusnuolia että luovia ratkaisuja, kuten ilmapalloja, hiipiä, kaikkea mitä voit vain kuvitella.
Beach Boar -verkkosivusto, jossa on pöytätennismaila
Sparks Studio
Sarakkeen asettelu – tämä ominaisuus voi auttaa paljon houkuttelemaan käyttäjiä, varsinkin jos yksi sarakkeista on rikkoutunut taiteesta. Sitten käyttäjät alkavat rullata lukeakseen osion loppuun, jolloin he tietämättään tulevat alatunnisteeseen ja saavat toisen osan valmistamiasi tietoja.
Navigointi on jokaisen verkkosivuston kulmakivi, eikä ole yllätys, että sillä on paras sijainti ja käyttäjäystävällisin toiminnallisuus. Paras sijainti on taiton yläpuolella, se on epäilemättä. Miksi? Koska käyttäjät eivät ehkä halua vierittää koko etusivua, mutta heillä on konkreettinen tavoite ja heidän on nähtävä tietty sivu, kuten meistä, yhteystiedot, maksu, portfolio jne. Jos saat heidät selaamaan lisää sivuja, he antavat kaiken pois ja löytävät toisen sivuston. Monet kehittäjät tekevät virheen suunnittelemalla valtavia sankarialueita kuvilla, jotka vievät kaiken tilan sivun yläpuolella (ja suuri sankarialue on trendissä nykyään). Sinun on parempi sijoittaa navigointipalkki tämän kuvan päälle yläreunaan sen sijaan, että se olisi osion alapuolella ja näkyvissä vain hetken vierityksen jälkeen.
Verkkosivuston suunnittelu ylänavigointitoiminnolla
Missä toimintakehotukset ovat tehokkaampia?
Vastaus tähän kysymykseen riippuu monista tekijöistä: minkä tyyppisiä palveluita/tuotteita tarjoat, asiakas voi tehdä päätöksen heti tai hänen täytyy lukea lisää ennen, sinulla on yksi tai pari toimintakehotusta esitettävänä sivu. Kuvataan nyt jokaista kohtaa peräkkäin.
Toimintakehotuspainike (CTA) toimii sivun yläosassa, kun annat kattavat tiedot tuotteestasi otsikossa. Tämä voi olla diaesitys, luettelomerkit tuotteesi eduista, mikä tahansa statiikka jne. Joten käyttäjä on muodostanut vaikutelman yrityksestäsi ja hän voi tehdä päätöksen. Tässä tapauksessa taittopainikkeet toimivat eduksesi.
Yksisivuinen verkkosivusto, jossa on CTA-painike kansion yläpuolella
Jos sinulla on pitkä tarina kerrottavana asiakkaillesi ja haluat heidän tietävän tuotteesi hyvät ja huonot puolet, sinun on sijoitettava toimintakehotus sivun alaosaan ja parempi tehdä alatunnisteessa. Näin ollen, kun asiakkaat ovat varmoja tarvitsevansa sitä, he näkevät työnnön suoraan edessään. Sinun tulisi kuitenkin tehdä tarinastasi houkutteleva, kiinnostava, mukaansatempaava ja tarkoituksenmukainen, jos ei, sinulla ei ole vastausta.
Milloin voit käyttää useita toimintakehotuksia? Vain silloin, kun teet niistä eri tarkoitusta ja sijoittelet eri sisältöosioihin. Lisäksi on parempi luoda erilaisia malleja niille kaikille, jotta ne erottuvat toisistaan. Jos olet laittanut saman painikkeen kaikkialle, se pilaa online-näkyvyysi ja huonontaa lopputuloksiasi.
Verkkosivusto, jossa on useita toimintakehotuksia
Kuinka laittaa CTA keskelle? On joitain temppuja, jotka sinun pitäisi tietää:
- laita toimintakehotus sivupalkkiin, mieluiten vasemmalle puolelle, koska yleensä luemme vasemmalta oikealle ja kaikki vasemmalla näkyy ensin:
- tee toimintakehotuksesta näkyväksi, väritä se kirkkaasti ja käytä suuria kirjasimia;
- käytä tyhjää tilaa toimintakehotuksen ympärillä, jotta se erottuu muista sisällöistä.
Suurin virhe, jonka voit tehdä, on sekoittaa toimintakehotus muihin sisältökohteisiin. Älä siis koskaan laita sitä sotkuiseen ja sotkuiseen ulkoasuun, se ei toimi varmasti.
Yhteystiedot: sivun ylä- vai alapuolella?
Kaikki käyttäjät eivät halua selailla pitkiä, paljon sisältöä sisältäviä verkkosivustoja, osa heistä löytää nämä sivustot vain saadakseen yrityksen yhteystiedot soittaakseen. Siksi yhteystiedot on parempi olla sivun yläpuolella, se voi olla yksi rivi puhelinnumerolla tai kompakti lohko, jossa on tarkemmat tiedot. Tämän lisäksi älä unohda erillistä Yhteystiedot-sivua, onko se välttämätön mille tahansa sivustolle.
Sivun yläosa on edelleen tärkeä: kotisivu ja aloitus
Sivun yläosan suunnitteluperiaate ei ole sama kaikille verkkosivuille. Vaikka se on merkityksetöntä ja tarpeetonta sisältösivuilla, se on varsin tärkeä kotisivujen suunnittelulle ja aloitussivuille. Täällä sinulla on mahdollisuus houkutella katsojia mukavalla sankariosalla kuvilla tai diaesityksellä. Noudata kuitenkin kaikkia toiminnan ja navigoinnin suunnittelun sääntöjä, joista keskustelimme aiemmin.
Viimeiset vinkit: Esitettävät elementit taiton yläpuolella ja sen alapuolella
Toivomme, että et ole sekaantunut artikkeliin; joka tapauksessa annamme sinulle lyhyesti taiton yläpuolella olevan suunnittelun avainkohdat ja tiivistää kaiken yksinkertaisilla vinkeillä, joita voit seurata:
- Kirjoita nimesi sivun yläpuolelle. Logotyypillä on suuri vaikutus bränditietoisuuteen ja juuri siksi verkkosivusto luodaan – nimesi/yrityksesi mainostamiseksi.
- Käytä ylänavigointia. Tämä on monisivuisen verkkosivuston tärkein elementti, joten taittoperiaatteet ovat todella tärkeitä tässä.
- Sijoita tärkeimmät uutiset sivun yläpuolelle. Anna asiakkaiden olla tietoisia tapahtumistasi ja uusista tuotteistasi heti, älä anna heidän jäädä arvailemaan.
- Sosiaalisen median painikkeet toimivat hyvin sekä sivun ylä- että alapuolella. Jos verkkosivustosi sivulla on pitkä vieritys, älä tee valintaa – laita vain sosiaalisen jakamisen painikkeet ylä- ja alaosaan. Otsikkopainikkeet ovat hyviä vierailijoille, jotka jo tuntevat sinut ja etsivät verkkosivustoasi tarkasti löytääkseen nämä seurantapainikkeet. Alatunnistepainikkeet ovat mahtavia, koska jos käyttäjät ovat kiinnostuneita sisällöstäsi, he rullaavat joka tapauksessa alaspäin.
- Etsi sopiva toimintakehotuspaikka tietylle verkkosivustollesi. Jokaisella yrityksellä ja palveluntarjoajalla on erilainen tavoite saada verkkosivusto, joten toimintakehotukset ovat myös heille erilaisia. Tässä viestissä annamme hyvän selvityksen tähän suunnittelukysymykseen, toivomme, että luet sen perusteellisesti, palaa jos et.
- Älä laita kaikkea taiton yläpuolelle. Muussa tapauksessa saat kauhean verkkosivuston sekavalla ulkoasulla, lisäksi tyhjällä ja tylsällä taitesuunnittelulla.
- Laiminlyö sivun yläosan periaatteet, jos verkkosivustosi ovat enimmäkseen mobiilikäyttäjien käytössä. Ihmiset ovat tottuneet vierittämään selatessaan sivustoja älypuhelimilla tai tableteilla.
- Vieritys on trendissä, joten näytä se paremmin kuin taitteen yläpuolella, mikä ei ole pakollista nykyaikaisessa digitaalisessa maailmassa.