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

Het maken of ontwerpen van een website is niet zo eenvoudig als het kiezen uit een assortiment sjablonen van degene die u het coolst vindt. Hoewel de look en feel van een website erg belangrijke factoren zijn, zijn dit niet de enige dingen waar u over na moet denken voordat u een beslissing neemt.

Het is een feit: het succes van uw website is gekoppeld aan de lay-out, hoe gebruikers zich voelen terwijl ze de website gebruiken of browsen. Dit beïnvloedt absoluut ten goede of ten kwade in hun mening over uw site en of ze overwegen een aankoop te doen.

Echt waar! Volgens een rapport van de Society of Digital Agencies (SoDA) is een slechte website-gebruikerservaring schadelijk voor bedrijven. De perfecte lay-out is dus een cruciaal aspect van website- en gebruikerservaringsontwerp.

Je hebt misschien ook gemerkt dat ze een aantal kenmerken delen, dat komt omdat trends net als in alle andere branches ook de designwereld veroveren. Tegenwoordig zijn full bleed-afbeeldingen en een ontwerp met drie kolommen helemaal in de mode bij designers.

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 de collectieve verbeelding, 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 je keuze hangt af van je doelgroep.

De kenmerken van een geweldige website

We kunnen gerust zeggen dat de mogelijkheden voor grootsheid in vele vormen en van vele kanten komen, er is veel om mee te werken, veel opties, veel potentieel. Uw beste keuzes zullen afhangen 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 moois dan iets saais als ze haast hebben; en 38% van de mensen verlaat een website als deze niet aantrekkelijk is. Dit lijken erg algemene uitspraken die niet erg specifiek zijn. Maar UX en UI worden altijd bestudeerd door designexperts, 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 in onze context betekent.

Omdat niet alle bedrijven hetzelfde zijn, gelden er ook niet dezelfde criteria voor een goede website. We kunnen echter wel praten over de verschillende elementen die bij het ontwerpen van een website komen kijken. U kunt hierover nadenken en tegelijkertijd nadenken over uw bedrijfsgebied en principes.

1. Rommelvrij : Zet ruimte tussen je content, probeer alleen weer te geven waar de gebruiker in geïnteresseerd is. Doe de "ornamenten" weg. Zorg voor substantiële negatieve ruimte zodat de elementen gemakkelijker te lezen zijn.
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 eerst komen of de meeste ruimte innemen, help uw bezoekers navigeren door hun ogen door de verschillende elementen te leiden. Mensen lezen bijvoorbeeld eerst grotere dingen .
4. Kleurenpalet en keuze van afbeeldingen : Kort gezegd: felle kleuren vallen op en werken daarom uitstekend als accenten. In combinatie met de juiste afbeeldingen kunt u de aandacht van uw bezoekers langer vasthouden!
5. Mobielvriendelijk : vanaf juli 2019 is de standaard voor alle nieuwe webdomeinen mobiele indexering en ook verhoogde rangschikking van mobiele webpagina's in zoekopdrachten. Zorg er dus voor dat de layout van jouw mobiele versie ook goed werkt.
6. Knop voor taalomschakeling : Als de feiten erop wijzen dat we in een grensoverschrijdende economie leven, waarin het land waarin u woont geen beperkingen oplegt aan waar u kunt kopen, is het niet hebben van een meertalige website geen optie als u succesvol wilt zijn.

Hoe zien meertalige websites eruit?

Goed nieuws! U kunt ontspannen, het maken 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 websitelay-out met behulp van ConveyThis. Internationaal online zakendoen was nog nooit zo eenvoudig.

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

Crabtree en Evelyn

Laten we beginnen met Crabtree & Evelyn, een bedrijf dat zich bezighoudt met verzorgingsproducten en geuren. Het bedrijf begon in Duitsland, maar is inmiddels wereldwijd actief dankzij een geweldige lay-out en taalopties.

Omdat de verscheidenheid aan producten zo groot is, hebben ze ervoor gekozen hun bezoekers niet te overweldigen door hun lay-out te verzorgen en zorgvuldige ontwerpbeslissingen te nemen, zoals het scherm van hun homepage eerst vullen met een eenvoudige boodschap, in dit geval over de feestdagen, en wanneer u naar beneden scrolt of op de knop "Nu winkelen" klikt, wordt de bezoeker naar de producten geleid.

Het is een echt verfijnde en schone look, bezoekers zullen zeker langer blijven, geboeid door de ervaring. Wat betreft het menu, er zijn twee opties om te zoeken, een zoekknop waar u een trefwoord kunt typen, als u hebt beperkt wat u zoekt; of klik op de winkelknop en kies vervolgens waar of hoe u wilt verkennen, op categorie, op collectie of bekijk de geschenksets.

En nu het meest verbazingwekkende ooit, de taalswitcher. Je vindt hem onderaan de pagina en als je erop klikt, zie je de huidige winkelinstellingen, met dropdownmenu's met alternatieven.

En dit is iets waar we eerder over hebben gesproken in het artikel over soorten taalknoppen, het is fantastisch dat ze twee opties hebben, één voor gebied en de andere voor taal, omdat we weten dat niet iedereen in hun taal of in hun land surft. Deze website is het perfecte voorbeeld van een goed uitgevoerde lokalisatieklus. 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

Allereerst, verbluffend werk. Geweldige beslissingen overal, vind je niet? En fantastisch gebruik van kleur om contrast en focusgebieden te creëren. Laten we alle goede dingen van deze site opsommen: negatieve ruimte, verschillende lettertypes, aangepast artwork, kleur en tint.

De indeling van de elementen met verschillende groottes laat zien waar u kunt beginnen met lezen en de witruimte geeft de lezer de tijd om even te pauzeren.

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

Van minst naar meest belangrijk: de zakenpartners in lichtere tinten, “Make it happen” in een klein lettertype, “let's talk”-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 “Maak het waar” en “Laten we praten” de bezoeker ook bij hun browse-ervaring.

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

De taalknoppen vindt u onderaan de pagina. Ze zijn klein, maar alle opties zijn zichtbaar. Bovendien zijn de kleuren helder en heel anders dan het kleurenpalet van Digital Menta, zodat u ze gemakkelijk kunt vinden.

Yoga

Hier hebben we een schattig voorbeeld van opgeruimde websites. Er is veel negatieve ruimte en de gekleurde figuren zijn geanimeerd, dit wekt een gevoel van nieuwsgierigheid op bij bezoekers! Casual browsers zullen zeker blijven en de rest van de website bekijken en meer leren 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 die yogaposes doen, gaat niet over het tonen van programmeervaardigheden, 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 de impulskopers aan met een "Koop"-knop en helpen een potentiële klant ook om eerst meer te leren over het product door ze naar de tutorials te leiden.

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

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

Marineblauw of grijs

Veel aangepaste kunstwerken in deze lijst, dat weten we. Het is zo'n veelzijdig element en deze websites gebruiken ze zo goed om een specifieke look en feel te creëren.

Navy and Grey is het laatste voorbeeld op deze lijst, het heeft ook de functies die we eerder hebben geprezen, heb je ze ook geïdentificeerd? Het zorgt voor een zeer verfijnde ervaring, het is boeiend. Het geeft me een kalm gevoel, als ik al die negatieve ruimte zie, ik word helemaal niet overweldigd door het idee om op deze website te browsen en de duidelijke menubalk verzekert me ervan dat ik zonder enige moeite zal vinden wat ik zoek.

Ik waardeer het dat ze 'Overhemden' en 'Pakken' in het menu hebben gescheiden. Dat 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 draagt het bij aan die gepolijste look.

Deze website in het bijzonder heeft hun taalknop rechtsboven geplaatst 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 design volgen, maar ook omdat alle beslissingen gerechtvaardigd kunnen worden. De redenen kunnen het bedrijfsgebied zijn waarin ze actief zijn, maar het kan ook het doelpubliek zijn. Houd dus bij het nemen van beslissingen rekening met de identiteit, idealen en het publiek van uw bedrijf.

Het belangrijkste is om na te denken over hoe u de zoekopdracht kunt vereenvoudigen en hoe u uw bezoeker met zo min mogelijk klikken naar wat hij of zij zoekt kunt leiden.

Kortom, geef uw bezoekers een call-to-action zodra ze de homepage bezoeken en gebruik negatieve ruimte om contrast te creëren en de belangrijke zaken, zoals uw boodschap, te benadrukken. En last but not least, zorg voor een eenvoudig menu en een taalknop.

U lijkt klaar om internationaal te verkopen en u heeft waarschijnlijk veel fantastische ideeën gekregen tijdens het lezen van dit artikel. Leer meer over ConveyThis en verhoog uw online verkopen!