Lay-outideeën voor uw meertalige website: verbetering van de gebruikerservaring

Lay-outideeën voor uw meertalige website: Verbetering van de gebruikerservaring met ConveyThis, met behulp van AI om naadloze navigatie in meerdere talen te garanderen.
Breng deze demo over
Breng deze demo over
winkel 4156934 1280

Het maken of ontwerpen van een website is niet zo eenvoudig als het kiezen uit een assortiment sjablonen die u het coolst vindt. Hoewel het uiterlijk van een website zeer belangrijke factoren zijn, zijn dit niet de enige dingen waar u over moet nadenken voordat u een beslissing neemt.

Het is een feit: het succes van uw website hangt af van de lay-out ervan en van hoe gebruikers zich voelen tijdens het gebruik ervan of tijdens het browsen. Dit heeft zeker een positieve of negatieve invloed op uw bezoekers wat betreft hun mening over uw site en of ze een aankoop overwegen.

Geen grapje! Volgens een rapport van de Society of Digital Agencies (SoDA) is een slechte gebruikerservaring op websites schadelijk voor bedrijven. Het hebben van de perfecte lay-out is dus een cruciaal aspect van het ontwerp van websites en gebruikerservaringen.

Het is je misschien ook opgevallen dat ze een aantal kenmerken gemeen hebben. Dat komt omdat, net als in alle andere sectoren, trends ook de designwereld stormenderhand veroveren. Tegenwoordig zijn full-bleed-afbeeldingen en een ontwerp met drie kolommen erg populair bij ontwerpers.

Maar hier is het probleem: je moet van tevoren weten dat beide paden geldig zijn, ze hebben allebei hun voor- en nadelen. Dus, wat denk je dat je moet doen? De opties zijn om te profiteren van de bekendheid van deze elementen in het collectieve denkbeeld, of je kunt besluiten om op te vallen en de aandacht op je winkel te vestigen door iets heel anders te doen! Het is geen gemakkelijke vraag om te beantwoorden, en uw keuze zal afhangen van uw doelgroep.

De kenmerken van een geweldige website

We kunnen comfortabel zeggen dat de mogelijkheden voor grootsheid komen in vele vormen en van vele plaatsen, is er veel om mee te werken, veel opties, veel potentieel. Uw beste keuzes zijn afhankelijk van uw doelgroep en het type bedrijf dat u runt. Deze keuzes vormen en weerspiegelen uw merkimago.

Volgens Adobe leest tweederde van de mensen liever iets mooi ontworpen dan iets eenvoudigs als het tijd kost; en 38% van de mensen verlaat een website als deze onaantrekkelijk is. Dit lijken zeer algemene uitspraken zonder veel specificiteit. Maar UX en UI worden altijd bestudeerd door ontwerpexperts, dus in plaats van te zoeken naar een definitie van ‘mooi’ volgens een vreemde, moeten we zoeken naar dingen die we mooi kunnen maken, en definiëren wat schoonheid betekent in onze context.

Omdat niet alle bedrijven hetzelfde zijn, komen de criteria voor een goede website ook niet overeen, maar we kunnen wel praten over alle verschillende elementen die de taak van het ontwerpen van een website omvatten en u kunt erover nadenken terwijl u ook aan uw bedrijfsgebied denkt. en principes.

  1. Zorg voor rommel : Zorg voor ruimte tussen uw inhoud, probeer alleen datgene weer te geven waarin de gebruiker geïnteresseerd is. Weg met de “ornamenten”. Zorg voor een aanzienlijke negatieve ruimte, zodat de elementen gemakkelijker kunnen worden gelezen.
  2. Interface : maak navigatie eenvoudig. Zorg voor duidelijke paden van de ene sectie naar de andere.
  3. Visuele hiërarchie : Rangschik de grafische elementen in volgorde van belangrijkheid. De belangrijkste dingen kunnen op de eerste plaats komen of de meeste ruimte in beslag nemen. Help uw bezoekers bij het navigeren door hun ogen door de verschillende elementen te leiden. Mensen lezen bijvoorbeeld eerst grotere dingen .
  4. Kleurenpalet en beeldkeuze : Kortom, felle kleuren vallen op en werken daarom uitstekend als accenten. In combinatie met het juiste beeldmateriaal kunt u uw bezoekers langer geïnteresseerd houden!
  5. Mobielvriendelijk : vanaf juli 2019 is de standaard voor alle nieuwe webdomeinen mobile-first indexering en is ook de rangschikking van mobielvriendelijke webpagina's in zoekopdrachten verbeterd . Zorg er dus voor dat de layout van jouw mobiele versie ook goed werkt.
  6. Knop voor het wisselen van taal : Wanneer de feiten zeggen dat we in een grensoverschrijdende economie leven waarin het land waarin u woont geen beperking kent waar u aankopen kunt doen, is het niet hebben van een meertalige website geen optie als u wilt floreren .

Hoe zien meertalige websites eruit?

Goed nieuws! U ontspannen, het creëren van een meertalige website is geen beproeving, het is net zo eenvoudig als het toevoegen van een kleine taalknop aan een van de hoeken van uw website lay-out met behulp van ConveyThis. Internationaal online zaken doen is nog nooit zo eenvoudig geweest.

Laten we eens kijken naar enkele website-indelingen en analyseren wat ze zo aantrekkelijk maakt.

Crabtree & Evelyn

meertalige website

Laten we beginnen met Crabtree & Evelyn, een lichaam- en geurbedrijf dat begon in Duitsland, maar zijn activiteiten wereldwijd heeft uitgebreid met een geweldige lay-out en taalopties.

Omdat de verscheidenheid aan producten zo groot is, hebben ze ervoor gekozen hun bezoekers niet te overweldigen door voor de lay-out te zorgen en zorgvuldige ontwerpbeslissingen te nemen, zoals eerst het scherm van hun startpagina vullen met een eenvoudige boodschap, in dit geval over de feestdagen. , en wanneer u naar beneden scrollt of op de knop “Shop nu” klikt, wordt de bezoeker naar de producten geleid.

Het ziet er echt verfijnd en strak uit, bezoekers zullen zeker langer blijven, gefascineerd door de ervaring. Wat het menu betreft, zijn er twee opties om te zoeken: een zoekknop waar u een trefwoord kunt typen, als u heeft beperkt waarnaar u zoekt; of klik op de winkelknop en kies vervolgens waar of hoe je wilt ontdekken, per categorie, per collectie of bekijk de cadeausets.

En nu naar het meest verbazingwekkende ooit, de taalwisselaar. U vindt het onderaan de pagina en wanneer u erop klikt, ziet u de huidige winkelinstellingen, met vervolgkeuzemenu's met alternatieven.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cFSd KlOnlGubU7cDiQ

En dit is iets waar we het eerder over hebben gehad in het artikel over soorten taalknoppen . Het is fantastisch dat ze twee opties hebben, één voor gebied en één voor taal, omdat we weten dat niet iedereen in zijn taal of in zijn taal surft. land. Deze website is het perfecte voorbeeld van goed uitgevoerd lokalisatiewerk. Neem contact op met het ConveyThis- team voor meer informatie over hoe u uw website gastvrijer kunt maken voor gebruikers over de hele wereld!

Digitale Munt

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

Allereerst schitterend werk. Geweldige beslissingen overal, vind je niet? En fantastisch kleurgebruik voor het vaststellen van contrast en focusgebieden. Laten we alle goede dingen van deze site opsommen: negatieve ruimte, lettertypen van verschillende grootte, aangepaste illustraties, kleur en tint.

De opstelling van de verschillende grootteelementen toont u waar te beginnen met lezen en de witte ruimte geeft de lezer de tijd om te pauzeren.

Hier hebben we een duidelijk voorbeeld van visuele hiërarchie:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

Van minst naar meest belangrijk: de zakenpartners in lichtere tinten, ‘Make it happen’ in een klein lettertype, ‘laten we praten’-knop met zwarte achtergrond en witte letters, ‘Evolutionary digital’ in een groot en vetgedrukt lettertype en ‘marketing’ in hetzelfde lettertype als voorheen, maar gemarkeerd met groen.

Bovendien helpen de imperatieven “Laat het gebeuren” en “Laten we praten” de bezoeker ook bij hun surfervaring.

De navigatiebalk is net zo eenvoudig en duidelijk als die van Crabtree & Evelyn, en de sociale mediabalk aan de rechterkant is een uitstekende keuze voor bedrijven die sterk afhankelijk zijn van sociale media als hulpmiddel.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

Je vindt hun taalknoppen onderaan de pagina. Ze zijn klein, maar alle opties zijn zichtbaar en hun kleuren zijn helder en heel anders dan het Digital Menta-kleurenpalet, zodat ze gemakkelijk te vinden zijn.

Yoga

Hier hebben we een schattig voorbeeld van overzichtelijke websites. Er is veel negatieve ruimte en de kleurfiguren zijn geanimeerd, dit wekt een gevoel van nieuwsgierigheid bij bezoekers! Casual browsers zullen zeker blijven en bekijk de rest van de website en leer meer over Yogang. Briljant ontwerp.

Yogang is een leuk spel voor kinderen dat fysieke activiteit, ontspanning, delen en creativiteit combineert, en hun homepage weerspiegelt dat. De animatie van de verschillende personages doen yoga poses is niet over pronken programmeren vaardigheden, het is een weerspiegeling van de geest van het product.

Tegelijkertijd schattig en een oproep tot actie om Yogang onderdeel te maken van de kindertijd van uw kinderen. Ze spreken impulskopers aan met een knop 'Koop' en helpen een potentiële klant ook eerst meer over het product te leren door hem naar de tutorials te leiden.

Hun langere menubalk is gerechtvaardigd omdat ze B2B en B2C verkopen, dus ze hebben verschillende soorten bezoekers die op zoek zijn naar verschillende dingen en ze moeten allemaal snel vinden wat ze zoeken.

Hun taalknop is een onopvallende knop met de opties “EN” en “FR”. Ze hebben beperkte taalopties, maar hebben duidelijk hun grootste markten geïdentificeerd en hebben zich sterk gericht op het bieden van de best mogelijke ervaring voor de gebruiker.

Marine of grijs

NAAR

We weten dat er veel aangepaste illustraties in deze lijst staan. Het is zo'n veelzijdig element en deze websites gebruiken ze zo goed om een specifieke look en feel te creëren.

Navy en Grey is het laatste exemplaar op deze lijst, het heeft ook de functies die we eerder hebben geprezen. Heb jij ze ook geïdentificeerd? Het zorgt voor een zeer verfijnde ervaring, het is boeiend. Ik word er rustig van als ik al die negatieve ruimte zie. Ik word helemaal niet overweldigd door het idee om op deze website te surfen en de duidelijke menubalk verzekert me dat ik zonder enige moeite zal vinden wat ik zoek.

Ik waardeer het dat ze 'Overhemden' en 'Pakken' in het menu hebben gescheiden. Het is een geschikte beslissing voor een kleermakersbedrijf. Veel andere winkels zouden subpagina's voor deze producten hebben gemaakt, en dat is ook een redelijke beslissing, maar voor marineblauw of grijs, het draagt bij aan die gepolijste look.

Deze website in het bijzonder, heeft hun taal knop aan de rechterbovenhoek, en het lettertype dat ze hebben gekozen is hetzelfde als de rest van de website. En linksonder hebben ze een Whatsapp-knop toegevoegd voor snel contact.

Ontwerp een geweldige website voor uw publiek

De genoemde websites zijn geweldig omdat ze de algemene principes van goed ontwerp volgen, maar ook omdat alle beslissingen gerechtvaardigd kunnen worden; de redenen kunnen liggen in het zakelijke gebied waarin ze zich bevinden, maar het kan ook de doelgroep zijn. Houd dus bij het nemen van beslissingen rekening met de identiteit, idealen en het publiek van uw bedrijf.

De sleutel is om na te denken over hoe u de zoekopdracht kunt vereenvoudigen en hoe u uw bezoeker met zo min mogelijk klikken naar datgene kunt leiden waarnaar hij op zoek is.

In een notendop: geef uw bezoekers een call-to-action zodra ze de startpagina bezoeken, en gebruik negatieve ruimte om contrast te creëren en de belangrijke dingen te benadrukken, zoals uw bericht; en last but not least: zorg voor een eenvoudig menu en een taalknop.

Je kijkt klaar om internationaal te verkopen, en waarschijnlijk kwam met veel fantastische ideeën tijdens het lezen van dit artikel. Meer informatie over ConveyThis en je online verkoop stimuleren!

Commentaar (1)

  1. 4 inspirerende e-commercebedrijven die alles goed doen
    20 februari 2020 Antwoord

    [...] De genoemde genomineerden hebben grote ontwerpers geven het allemaal en brengen de beste ideeën die alle idealen van het merk zal weerspiegelen in een prachtige virtuele winkel die bezoekers zal veranderen in klanten. [...]

Reactie achterlaten

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd*