Asetteluideoita monikieliselle verkkosivustollesi: käyttökokemuksen parantaminen

Verkkosivuston luominen tai suunnittelu ei ole yhtä helppoa kuin mallien valikoimasta tyylikkäimmän mallin valitseminen. Vaikka verkkosivuston ulkoasu ja tuntuma ovat erittäin tärkeitä tekijöitä, ne eivät ole ainoita asioita, joita sinun on mietittävä ennen päätöksen tekemistä.

Se on tosiasia: verkkosivustosi menestys liittyy sen ulkoasuun, siihen, miltä käyttäjistä tuntuu käyttäessään tai selaillessaan. Tämä vaikuttaa varmasti vierailijoihisi parempaan tai huonompaan mielipiteeseen heidän mielipiteestään sivustostasi ja siitä, harkitsevatko he oston tekemistä.

Ihan totta! Society of Digital Agencies (SoDA) -raportin mukaan heikko verkkosivuston käyttökokemus on haitallista yrityksille. Täydellinen ulkoasu on siis keskeinen osa verkkosivuston ja käyttökokemuksen suunnittelua.

Olet ehkä myös huomannut, että niillä on joitain yhteisiä ominaisuuksia, koska kuten kaikilla muillakin toimialoilla, trendit valtaavat myös muotoilumaailman. Nykyään täysvertaiset kuvat ja kolmen sarakkeen suunnittelu ovat muotia suunnittelijoiden keskuudessa.

Mutta tässä on ongelma, sinun pitäisi tietää etukäteen, että kumpi tahansa polku on kelvollinen, molemmilla on hyvät ja huonot puolensa. Joten mitä sinun pitäisi mielestäsi tehdä? Vaihtoehtoina on hyödyntää näiden elementtien tuttuutta kollektiivisessa mielikuvituksessa, tai voit päättää erottua joukosta ja herättää huomiota myymälään tekemällä jotain hurjan erilaista! Kysymykseen ei ole helppo vastata, ja valintasi riippuu kohdeyleisöstäsi.

Hienon verkkosivuston ominaisuudet

Voimme mukavasti sanoa, että mahdollisuudet suuruuteen tulevat monissa muodoissa ja monista paikoista, työstettävää on paljon, vaihtoehtoja, paljon potentiaalia. Parhaat valinnat riippuvat kohdeyleisöstäsi ja yrityksesi tyypistä. Nämä valinnat muodostavat ja heijastavat tuotekuvaasi.

Adoben mukaan kaksi kolmasosaa ihmisistä lukee mieluummin jotain kauniisti suunniteltua kuin jotain yksinkertaista, kun aikaa vaatii; ja 38 % ihmisistä poistuu verkkosivustolta, jos se ei ole houkutteleva. Nämä vaikuttavat hyvin yleisiltä väitteiltä, joista puuttuu paljon tarkkuutta. Mutta UX:tä ja käyttöliittymää tutkivat aina muotoiluasiantuntijat, joten sen sijaan, että etsisimme "kauniin" määritelmää vieraan mukaan, meidän tulisi etsiä asioita, joista voisimme tehdä kauniita, ja määritellä, mitä kauneus tarkoittaa kontekstissamme.

Koska kaikki yritykset eivät ole samanlaisia, hyvän verkkosivuston kriteerit eivät myöskään täsmää, mutta voimme puhua kaikista eri elementeistä, jotka sisältävät verkkosivuston suunnittelun tehtävän ja voit pohtia niitä samalla kun ajattelet liiketoiminta-aluettasi. ja periaatteet.

1. Sotkuton : Sijoita tilaa sisältösi väliin, yritä näyttää vain se, mistä käyttäjä on kiinnostunut. Päästä eroon "koristeista". Jätä merkittävä negatiivinen tila, jotta elementit on helpompi lukea.
2. Käyttöliittymä : Tee navigoinnista helppoa. Sinulla on suorat reitit osiosta toiseen.
3. Visuaalinen hierarkia : Järjestä graafiset elementit tärkeysjärjestykseen. Tärkeimmät asiat voivat olla etusijalla tai ne voivat viedä eniten tilaa. Auta vierailijoitasi navigoimaan ohjaamalla katseensa eri elementtien läpi. Esimerkiksi ihmiset lukevat ensin suurempia asioita .
4. Väripaletti ja kuvavalinta : Lyhyesti sanottuna kirkkaat värit erottuvat joukosta ja toimivat siksi erinomaisesti korostuksina, ja yhdessä oikean kuvan kanssa voit pitää vierailijasi kiinnostuneena pidempään!
5. Mobiiliystävällinen : Heinäkuusta 2019 alkaen kaikkien uusien verkkotunnusten oletusarvo on mobiiliensimmäinen indeksointi , ja se lisäsi myös mobiiliystävällisten verkkosivujen määrää hauissa. Varmista siis, että myös mobiiliversiosi asettelu toimii hyvin.
6. Kielenvaihtopainike : Kun tosiasiat sanovat, että elämme rajat ylittävässä taloudessa, jossa asuinmaasi ei rajoita ostopaikkaa, monikielisen verkkosivuston puuttuminen ei ole vaihtoehto, jos haluat menestyä. .

Miltä monikieliset verkkosivustot näyttävät?

Hyviä uutisia! Voit rentoutua, monikielisen verkkosivuston luominen ei ole koettelemus, se on yhtä helppoa kuin lisätä pieni kielipainike johonkin verkkosivustosi asettelun kulmista ConveyThis- sovelluksella. Liiketoiminnan harjoittaminen verkossa kansainvälisesti ei ole koskaan ollut helpompaa.

Katsotaanpa joitain verkkosivustojen ulkoasuja ja analysoidaan, mikä tekee niistä niin houkuttelevia.

Crabtree & Evelyn

Aloitetaan Crabtree & Evelynistä, vartalo- ja tuoksuteollisuudesta, joka aloitti Saksasta, mutta on tehnyt liiketoimintansa maailmanlaajuiseksi loistavilla ulkoasu- ja kielivaihtoehdoilla.

Koska tuotevalikoima on niin laaja, he ovat päättäneet olla ylikuormittamatta vierailijoitaan huolehtimalla niiden ulkoasusta ja tekemällä huolellisia suunnittelupäätöksiä, kuten täyttämällä ensin kotisivunsa ruudun yksinkertaisella viestillä, tässä tapauksessa lomakaudesta. , ja kun rullaat alas tai napsautat "Osta nyt" -painiketta, vierailija ohjataan tuotteisiin.

Se on todella hienostunut ja puhdas ulkoasu, vierailijat viipyvät varmasti pidempään kokemuksen kiehtomina. Valikossa on kaksi hakuvaihtoehtoa, hakupainike, johon voit kirjoittaa avainsanan, jos olet kaventunut etsimääsi; tai napsauta ostospainiketta ja valitse sitten, minne tai miten haluat tutustua luokan, kokoelman mukaan tai tutustu lahjasarjoihin.

Ja nyt kaikkien aikojen hämmästyttävimpään asiaan, kielenvaihtajaan. Löydät sen sivun alalaidasta, ja kun napsautat sitä, se näyttää nykyiset kaupan asetukset ja avattavat valikot, joissa on vaihtoehtoja.

Ja tästä olemme puhuneet aiemmin artikkelissa kielipainikkeiden tyypeistä , on mahtavaa, että heillä on kaksi vaihtoehtoa, toinen alueelle ja toinen kielelle, koska tiedämme, että kaikki eivät selaile omalla kielellään tai omalla kielellään. maa. Tämä sivusto on täydellinen esimerkki hyvin tehdystä lokalisointityöstä. Ota yhteyttä ConveyThis- tiimiin saadaksesi lisätietoja siitä, kuinka voit tehdä verkkosivustostasi tervetulleeksi käyttäjille kaikkialla maailmassa!

Digitaalinen rahapaja

Ensinnäkin upeaa työtä. Hienoja päätöksiä kaikkialla, eikö niin? Ja upea värien käyttö kontrastin ja tarkennusalueiden luomiseen. Listataan kaikki tämän sivuston hyvät asiat: negatiivinen tila, erikokoiset fontit, mukautetut taideteokset, värit ja sävyt.

Erikokoisten elementtien järjestely näyttää mistä aloittaa lukeminen ja tyhjä väli antaa lukijalle aikaa pysähtyä.

Tässä on selkeä esimerkki visuaalisesta hierarkiasta:

Vähimmäisestä tärkeimpään: liikekumppanit vaaleammissa sävyissä, "Make it happen" pienellä fontilla, "let's talk" -painike mustalla taustalla ja valkoisin kirjaimin, "Evolutionary digital" suurella ja lihavoitulla fontilla ja "markkinointi" samalla fontilla kuin ennen, mutta vihreällä korostettuna.

Lisäksi käskyt "Make it happen" ja "Let's talk" auttavat vierailijaa selauskokemuksessa.

Navigointipalkki on yhtä yksinkertainen ja selkeä kuin Crabtree & Evelyn's, ja oikealla oleva sosiaalisen median palkki on loistava valinta yrityksille, jotka käyttävät paljon sosiaalista mediaa työkaluna.

Löydät niiden kielipainikkeet sivun alalaidasta, ne ovat pieniä, mutta kaikki vaihtoehdot näkyvät ja niiden värit ovat kirkkaita ja hyvin erilaisia kuin Digital Menta -väripaletissa, joten ne ovat helposti löydettävissä.

Jooga

Tässä meillä on ihastuttava esimerkki epäselvistä verkkosivustoista. Siellä on paljon negatiivista tilaa ja värihahmot ovat animoituja, mikä herättää vierailijoissa uteliaisuuden tunteen! Satunnaiset selaimet pysyvät varmasti ja katsovat muuta verkkosivustoa ja oppivat lisää Yogangista. Loistava muotoilu.

Yogang on hauska peli lapsille, jossa yhdistyvät fyysinen aktiivisuus, rentoutuminen, jakaminen ja luovuus, ja heidän kotisivunsa heijastelee sitä. Jooga-asentoja tekevien eri hahmojen animaatiossa ei ole kyse ohjelmointitaitojen esittelemisestä, vaan se heijastaa tuotteen henkeä.

Samaan aikaan ihastuttava ja kehotus toimia, jotta Yogangista tulee osa lastesi lapsuutta. Ne vetoavat impulssiostajiin "Osta"-painikkeella ja auttavat myös potentiaalista asiakasta oppimaan lisää tuotteesta ensin ohjaamalla heitä opetusohjelmiin.

Heidän pidempi valikkopalkki on perusteltua sillä, että he myyvät B2B:tä ja B2C:tä, joten heillä on erilaisia vierailijoita, jotka etsivät erilaisia asioita ja heidän kaikkien on löydettävä etsimänsä nopeasti.

Niiden kielipainike on huomaamaton painike, jossa on vaihtoehdot “EN” ja “FR”. Heillä on kapeat kielivaihtoehdot, mutta ne tunnistivat selkeästi suurimmat markkinansa ja ovat keskittyneet voimakkaasti parhaan mahdollisen käyttökokemuksen tarjoamiseen.

Navy tai harmaa

Tiedämme, että tässä luettelossa on paljon mukautettuja taideteoksia. Se on niin monipuolinen elementti, ja nämä sivustot käyttävät niitä niin hyvin luodakseen tietyn ulkoasun.

Navy ja Grey on viimeinen esimerkki tästä listasta, siinä on myös aiemmin ylistämiämme ominaisuuksia, tunnistitko ne myös? Se tekee erittäin hienostuneen kokemuksen, se on kiehtovaa. Se saa minut tuntemaan oloni rauhalliseksi, koska näen kaiken negatiivisen tilan, en ole ollenkaan hämmentynyt ajatuksesta selata tätä verkkosivustoa, ja selkeä valikkopalkki vakuuttaa minulle, että löydän etsimäni ilman minkäänlaista kamppailua.

Arvostan sitä, kuinka he ovat erottaneet valikossa "paidat" ja "puvut", se on sopiva päätös räätälöintiyritykselle, monet muut kaupat olisivat luoneet alasivut näille tuotteille, ja se on myös järkevä päätös, mutta laivaston tai harmaan, se edistää tuon kiillotetun ilmeen.

Erityisesti tämä sivusto on laittanut kielipainikkeensa oikeaan yläkulmaan, ja heidän valitsemansa fontti on sama kuin muulla verkkosivustolla. Ja vasemmassa alakulmassa he ovat lisänneet Whatsapp-painikkeen nopeaa yhteydenottoa varten.

Suunnittele upea verkkosivusto yleisöllesi

Listatut sivustot ovat mahtavia, koska ne noudattavat yleisiä hyvän suunnittelun periaatteita, mutta myös siksi, että kaikki päätökset voivat olla perusteltuja, syyt voivat olla liiketoiminta-alue, jolla ne ovat, mutta se voi olla myös kohdeyleisö. Muista siis pitää mielessä yrityksesi identiteetti, ihanteet ja yleisö, kun teet päätöksiä.

Tärkeintä on pohtia, kuinka yksinkertaistaa hakua ja kuinka ohjata vierailija etsimäänsä vähiten napsautusten määrällä.

Lyhyesti sanottuna, kehota kävijöitä toimintaan heti, kun he tulevat etusivulle, ja käytä negatiivista tilaa luodaksesi kontrastia ja korostaaksesi tärkeitä asioita, kuten viestiäsi. ja viimeisenä mutta ei vähäisimpänä, on yksinkertainen valikko ja kielipainike.

Näytät valmiilta myymään kansainvälisesti, ja luultavasti sait paljon upeita ideoita lukiessasi tätä artikkelia. Lue lisää ConveyThisista ja tehosta verkkomyyntiäsi!