Mga Ideya sa Layout para sa Iyong Multilingual na Website: Pagpapahusay sa Karanasan ng User

Ang paggawa o pagdidisenyo ng isang website ay hindi kasingdali ng pagpili mula sa isang assortment ng mga template na itinuturing mong pinakaastig. Bagama't ang hitsura at pakiramdam ng isang website ay napakahalagang salik, hindi lang sila ang mga bagay na dapat mong isipin bago gumawa ng desisyon.

Ito ay isang katotohanan: ang tagumpay ng iyong website ay naka-link sa layout nito, kung ano ang nararamdaman ng mga user habang ginagamit nila ito o nagba-browse. Talagang naiimpluwensyahan nito ang iyong mga bisita para sa mas mahusay o para sa mas masahol pa sa kanilang opinyon sa iyong site at kung isasaalang-alang nila ang pagbili.

Puwera biro! Ayon sa isang ulat mula sa Society of Digital Agencies (SoDA) , ang isang hindi magandang karanasan ng gumagamit sa website ay nakakapinsala sa mga negosyo. Kaya ang pagkakaroon ng perpektong layout ay isang mahalagang aspeto ng disenyo ng website at karanasan ng user.

Maaaring napansin mo rin na sila ay nagbabahagi ng ilang mga tampok, iyon ay dahil tulad ng lahat ng iba pang mga industriya, ang mga uso ay dinadala din ang mundo ng disenyo sa pamamagitan ng bagyo. Sa ngayon, ang mga full bleed na imahe at isang tatlong hanay na disenyo ay ang lahat ng galit sa mga designer.

Ngunit narito ang problema, dapat mong malaman muna na alinman sa landas ay wasto, pareho silang may mga kalamangan at kahinaan. Kaya, ano sa tingin mo ang dapat mong gawin? Ang mga pagpipilian ay upang samantalahin ang pagiging pamilyar ng mga elementong ito sa kolektibong haka-haka, o maaari kang magpasya na tumayo at bigyang pansin ang iyong tindahan sa pamamagitan ng paggawa ng isang bagay na kakaiba! Ito ay hindi isang madaling tanong na sagutin, at ang iyong pagpipilian ay depende sa iyong target na madla.

Ang mga katangian ng isang mahusay na website

Maginhawa nating masasabi na ang mga posibilidad para sa kadakilaan ay nagmumula sa maraming anyo at mula sa maraming lugar, maraming dapat gawin, maraming pagpipilian, maraming potensyal. Ang iyong pinakamahusay na mga pagpipilian ay depende sa iyong target na madla at ang uri ng negosyo na iyong pinapatakbo. Ang mga pagpipiliang ito ay bumubuo at nagpapakita ng imahe ng iyong brand.

Ayon sa Adobe , dalawang-katlo ng mga tao ang mas gugustuhin na magbasa ng isang bagay na maganda ang disenyo kaysa sa isang bagay na payak kapag pinipilit ng oras; at 38% ng mga tao ang aalis sa isang website kung hindi ito kaakit-akit. Ang mga ito ay tila napaka-pangkalahatang mga pahayag na kulang ng maraming pagtitiyak. Ngunit ang UX at UI ay palaging pinag-aaralan ng mga eksperto sa disenyo, kaya sa halip na maghanap ng kahulugan ng "maganda" ayon sa isang estranghero, dapat tayong maghanap ng mga bagay na maaari nating gawing maganda, at tukuyin kung ano ang ibig sabihin ng kagandahan sa ating konteksto.

Dahil hindi lahat ng negosyo ay pareho, ang pamantayan para sa isang mahusay na website ay hindi rin magtutugma, ngunit maaari nating pag-usapan ang lahat ng iba't ibang elemento na bumubuo sa gawain ng pagdidisenyo ng isang website at maaari mong pag-isipan ang mga ito habang iniisip din ang iyong lugar ng negosyo at mga prinsipyo.

1. Walang kalat : Maglagay ng espasyo sa pagitan ng iyong nilalaman, subukang ipakita lamang kung ano ang interes ng user. Alisin ang mga "ornament". Magkaroon ng malaking negatibong espasyo para mas madaling mabasa ang mga elemento.
2. Interface : Gawing simple ang nabigasyon. Magkaroon ng mga tuwid na landas mula sa isang seksyon patungo sa isa pa.
3. Visual hierarchy : Ayusin ang mga graphic na elemento ayon sa kahalagahan. Ang pinakamahalagang bagay ay maaaring mauna o maaaring sumakop sa pinakamaraming espasyo, tulungan ang iyong mga bisita na mag-navigate sa pamamagitan ng paggabay sa kanilang mga mata sa iba't ibang elemento. Halimbawa, nagbabasa muna ng mas malalaking bagay ang mga tao .
4. Color palette at pagpili ng larawan : Sa madaling sabi, ang mga maliliwanag na kulay ay namumukod-tangi at samakatuwid ay mahusay na gumagana bilang mga accent, at ipinares sa tamang koleksyon ng imahe na maaari mong panatilihing mas interesado ang iyong mga bisita!
5. Mobile-friendly : Simula Hulyo 2019, ang default para sa lahat ng bagong web domain ay pang-mobile na pag-index at pinataas din ang mga ranggo ng mga mobile-friendly na webpage sa mga paghahanap. Kaya tiyaking gumagana rin nang maayos ang layout ng iyong mobile na bersyon.
6. Pindutan ng pagpapalit ng wika : Kapag sinabi ng mga katotohanan na nakatira tayo sa isang cross-border na ekonomiya kung saan hindi nililimitahan ng bansang iyong tinitirhan kung saan ka makakabili, hindi isang opsyon ang walang multilingual na website kung naghahanap ka na umunlad .

Ano ang hitsura ng mga multilanguage na website?

Magandang balita! Maaari kang mag-relax, ang paglikha ng isang multilingual na website ay hindi isang pagsubok, ito ay kasingdali ng pagdaragdag ng isang maliit na pindutan ng wika sa isa sa mga sulok ng iyong layout ng website gamit ang ConveyThis . Ang paggawa ng negosyo online sa buong mundo ay hindi kailanman naging mas madali.

Tingnan natin ang ilang mga layout ng website at pag-aralan kung ano ang ginagawang kaakit-akit sa mga ito.

Crabtree at Evelyn

Magsimula tayo sa Crabtree & Evelyn, isang kumpanya ng katawan at pabango na nagsimula sa Germany ngunit naging pandaigdigan ang negosyo nito na may mahusay na layout at mga pagpipilian sa wika.

Dahil napakalawak ng iba't ibang produkto, pinili nilang huwag puspusin ang kanilang mga bisita sa pamamagitan ng pag-aalaga sa kanilang layout at paggawa ng maingat na desisyon sa disenyo, tulad ng pagpuno muna sa screen ng kanilang homepage ng isang simpleng mensahe, sa kasong ito, tungkol sa kapaskuhan , at kapag nag-scroll ka pababa o nag-click sa pindutang "Mamili Ngayon", ang bisita ay hahantong sa mga produkto.

Ito ay isang tunay na sopistikado at malinis na hitsura, ang mga bisita ay tiyak na mananatili nang mas matagal, na mabighani sa karanasan. Tungkol sa menu, mayroong dalawang pagpipilian para sa paghahanap, isang pindutan ng paghahanap kung saan maaari kang mag-type ng isang keyword, kung pinaliit mo ang iyong hinahanap; o i-click ang pindutan ng shop, at pagkatapos ay piliin kung saan o kung paano mo gustong tuklasin, ayon sa kategorya, ayon sa koleksyon, o tingnan ang mga hanay ng regalo.

At ngayon sa pinakakahanga-hangang bagay kailanman, ang tagapagpalit ng wika. Mahahanap mo ito sa ibaba ng page, at kapag na-click mo ito, ipinapakita nito sa iyo ang kasalukuyang mga setting ng tindahan, na may mga drop down na menu na may mga alternatibo.

At ito ay isang bagay na napag-usapan natin dati sa artikulo sa mga uri ng mga button ng wika , nakakatuwang mayroon silang dalawang opsyon, isa para sa lugar at isa para sa wika, dahil alam natin na hindi lahat ay nagba-browse sa kanilang wika o sa kanilang bansa. Ang website na ito ay ang perpektong halimbawa ng isang mahusay na trabaho sa localization. Makipag-ugnayan sa ConveyThis team para malaman ang higit pang impormasyon sa kung paano mo gagawing mas nakakaengganyo ang iyong website sa mga user sa buong mundo!

Digital Mint

Una sa lahat, nakamamanghang trabaho. Mahusay na desisyon sa lahat ng dako, hindi ba? At hindi kapani-paniwalang paggamit ng kulay para sa pagtatatag ng mga lugar ng kaibahan at pokus. Ilista natin ang lahat ng magagandang bagay tungkol sa site na ito: negatibong espasyo, iba't ibang laki ng mga font, custom na likhang sining, kulay at tint.

Ang pag-aayos ng iba't ibang laki ng mga elemento ay nagpapakita sa iyo kung saan magsisimulang magbasa at ang puting espasyo ay nagbibigay ng oras sa mambabasa na mag-pause.

Narito mayroon kaming malinaw na halimbawa ng visual hierarchy:

Mula sa pinakamaliit hanggang sa pinakamahalaga: ang mga kasosyo sa negosyo sa mas magaan na kulay, "Gawin itong mangyari" sa isang maliit na font, "usap tayo" na button na may itim na background at puting mga titik, "Evolutionary digital" sa isang malaki at naka-bold na font, at "marketing" sa parehong font tulad ng dati ngunit naka-highlight na may berde.

Bukod pa rito, ang mga imperative na "Gawin itong mangyari" at "Mag-usap tayo" ay tumutulong din sa bisita sa kanilang karanasan sa pagba-browse.

Ang navigation bar ay kasing simple at malinaw gaya ng Crabtree at Evelyn's, at ang social media bar sa kanan ay isang magandang pagpipilian para sa mga negosyong lubos na umaasa sa social media bilang isang tool.

Makikita mo ang kanilang mga button sa wika sa ibaba ng page, maliit ang mga ito, ngunit nakikita ang lahat ng mga opsyon at maliwanag ang mga kulay nito at ibang-iba sa color palette ng Digital Menta upang madali silang mahanap.

Yoga

Narito mayroon kaming isang kaibig-ibig na halimbawa ng mga decluttered na website. Mayroong maraming mga negatibong espasyo at ang mga numero ng kulay ay animated, ito instills isang pakiramdam ng kuryusidad sa mga bisita! Ang mga kaswal na browser ay tiyak na mananatili at titingnan ang natitirang bahagi ng website at matuto nang higit pa tungkol sa Yogang. Makikinang na disenyo.

Ang Yogang ay isang nakakatuwang laro para sa mga bata na pinagsasama ang pisikal na aktibidad, pagpapahinga, pagbabahagi at pagkamalikhain, at sinasalamin iyon ng kanilang homepage. Ang animation ng iba't ibang mga character na gumagawa ng yoga poses ay hindi tungkol sa pagpapakita ng mga kasanayan sa pagprograma, ito ay isang salamin ng diwa ng produkto.

Sabay-sabay na kaibig-ibig at isang tawag sa pagkilos upang gawing bahagi si Yogang ng pagkabata ng iyong mga anak. Nag-aapela sila sa mga impulse buyer gamit ang button na "Buy" at tinutulungan din nila ang isang potensyal na customer na matuto nang higit pa tungkol sa produkto sa pamamagitan ng paggabay sa kanila sa mga tutorial.

Ang kanilang mas mahabang menu bar ay makatwiran na nagbebenta sila ng B2B at B2C, kaya mayroon silang iba't ibang uri ng mga bisita na naghahanap ng iba't ibang bagay at kailangan nilang lahat na mahanap ang kanilang hinahanap nang mabilis.

Ang kanilang language button ay isang hindi nakakagambalang button na may mga opsyon na "EN" at "FR". Mayroon silang makitid na mga pagpipilian sa wika ngunit malinaw nilang natukoy ang kanilang pinakamalaking mga merkado at lubos na nakatuon sa pagbibigay ng pinakamahusay na karanasan na posible para sa gumagamit.

Navy o Gray

Maraming custom na likhang sining sa listahang ito, alam namin. Isa itong maraming nalalaman na elemento at napakahusay na ginagamit ng mga website na ito upang lumikha ng isang partikular na hitsura at pakiramdam.

Ang Navy at Grey ang huling halimbawa sa listahang ito, mayroon din itong mga tampok na pinuri namin noon, nakilala mo rin ba sila? Ito ay gumagawa para sa isang napaka sopistikadong karanasan, ito ay mapang-akit. Ito ay nagpapakalma sa akin, nakikita ang lahat ng negatibong espasyo, hindi ako nalulula sa ideya ng pag-browse sa website na ito at tinitiyak sa akin ng malinaw na menu bar na makikita ko ang hinahanap ko nang walang anumang paghihirap.

Pinahahalagahan ko kung paano nila pinaghiwalay ang "Mga Shirt" at "Suits" sa menu, ito ay isang angkop na desisyon para sa isang negosyo sa pananahi, maraming iba pang mga tindahan ang gagawa ng mga subpage para sa mga produktong ito, at iyon ay isa ring makatwirang desisyon, ngunit para sa Navy o Grey, nag-aambag ito sa makintab na hitsura.

Ang website na ito sa partikular, ay naglagay ng kanilang language button sa kanang tuktok, at ang font na kanilang pinili ay kapareho ng iba pang bahagi ng website. At sa kaliwang ibaba, nagdagdag sila ng Whatsapp button para sa mabilis na pakikipag-ugnayan.

Magdisenyo ng isang mahusay na website para sa iyong madla

Ang mga website na nakalista ay mahusay dahil sinusunod nila ang pangkalahatang mga prinsipyo ng mahusay na disenyo, ngunit gayundin, dahil ang lahat ng mga desisyon ay maaaring makatwiran, ang mga dahilan ay maaaring ang lugar ng negosyo na kanilang kinalalagyan, ngunit maaari rin itong maging target na madla. Kaya tandaan na isaisip ang pagkakakilanlan, mga ideyal at audience ng iyong negosyo kapag gumagawa ng mga desisyon.

Ang susi ay mag-isip tungkol sa kung paano pasimplehin ang paghahanap at kung paano akayin ang iyong bisita sa kung ano ang kanilang hinahanap na may pinakamababang halaga ng mga pag-click.

Sa madaling sabi, bigyan ang iyong mga bisita ng call to action sa sandaling ma-access nila ang homepage, at gumamit ng negatibong espasyo upang lumikha ng contrast at i-highlight ang mahahalagang bagay, tulad ng iyong mensahe; at huling ngunit hindi bababa sa, magkaroon ng isang simpleng menu at isang pindutan ng wika.

Mukha kang handang magbenta sa buong mundo, at malamang ay nakaisip ka ng maraming magagandang ideya habang binabasa ang artikulong ito. Matuto pa tungkol sa ConveyThis at palakasin ang iyong online na benta!