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.

No kidding!  According to a report from the Society of Digital Agencies (SoDA), a poor website user experience is detrimental to businesses. So having the perfect layout is a pivotal aspect of website and user experience design.

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

We can comfortably say that the possibilities for greatness come in many forms and from many places, there is a lot to work with, lots of options, lots of potential. Your best choices will depend on your target audience and the type of business you run. These choices form and reflect your brand image.

According to Adobe, two-thirds of people would rather read something beautifully designed than something plain when pressed for time; and 38% of people will leave a website if it’s unattractive. These seem like very general statements lacking a lot of specificity. But UX and UI are always being studied by design experts, so instead of looking for a definition of “beautiful” according to a stranger, we should look for things that we could turn beautiful, and define what beauty means in our context.

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: Arrange the graphic elements in order of importance. The most important things can come first or can occupy the most space, help your visitors navigate by guiding their eyes through the different elements. For example, people read bigger things first.
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: As of July 2019, the default for all new web domains is mobile-first indexing and also boosted ranks of mobile-friendly webpages in searches. So make sure that the layout of your mobile version also works well.
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?

Great news! You can relax, creating a multilingual website is not an ordeal, it’s as easy as adding a small language button to one of the corners of your website layout using ConveyThis. Doing business online internationally has never been easier.

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.

And this is something we’ve talked about previously on the article on types of language buttons, it’s fantastic that they have two options, one for area and the other for language, because we know that not everyone is browsing in their language or in their country. This website is the perfect example of a well done localization job. Contact the ConveyThis team to find out more information on how you can make your website more welcoming to users all over the world!

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.

The arrangement of the different sized elements shows you where to start reading and the white space gives the reader time to 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.

Yogang is a fun game for children that combines physical activity, relaxation, sharing and creativity, and their homepage reflects that. The animation of the different characters doing yoga poses is not about showing off programing skills, it’s a reflection of the spirit of the product.

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.

This website in particular, has put their language button at the top right, and the font they have chosen is the same as the rest of the website. And at the bottom left, they have added a Whatsapp button for quick contact.

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.

You look ready to sell internationally, and probably came up with lots of fantastic ideas while reading this article. Learn more about ConveyThis and boost your online sales!