Layoutidéer för din flerspråkiga webbplats: Förbättra användarupplevelsen

Att skapa eller designa en webbplats är inte så lätt som att välja den som du tycker är coolast från ett sortiment av mallar. Även om utseendet och känslan av en webbplats är mycket viktiga faktorer, är de inte de enda sakerna som du måste tänka på innan du fattar ett beslut.

Det är ett faktum: framgången för din webbplats är kopplad till dess layout, hur användarna känner sig medan de använder den eller surfar. Detta påverkar definitivt dina besökare på gott och ont i deras uppfattning om din webbplats och om de överväger att göra ett köp.

Ingen skojar! Enligt en rapport från Society of Digital Agencies (SoDA) är en dålig webbplatsanvändarupplevelse skadlig för företag. Så att ha den perfekta layouten är en central aspekt av webbdesign och användarupplevelse.

Du kanske också har märkt att de delar vissa funktioner, det beror på att precis som alla andra branscher tar även trender designvärlden med storm. Nuförtiden är fullblodsbilder och en design med tre kolumner allt på modet bland designers.

Men här är problemet, du bör veta i förväg att båda vägarna är giltiga, de har båda sina för- och nackdelar. Så vad tycker du att du ska göra? Alternativen är att dra fördel av förtrogenhet med dessa element i den kollektiva imaginära, eller så kan du bestämma dig för att sticka ut och uppmärksamma din butik genom att göra något helt annorlunda! Det är inte en lätt fråga att svara på, och ditt val beror på din målgrupp.

Egenskaperna hos en bra webbplats

Vi kan lugnt säga att möjligheterna till storhet kommer i många former och från många håll finns det mycket att jobba med, massor av alternativ, massor av potential. Dina bästa val kommer att bero på din målgrupp och vilken typ av företag du driver. Dessa val bildar och återspeglar din varumärkesimage.

Enligt Adobe skulle två tredjedelar av människor hellre läsa något vackert designat än något vanligt när de är tidspressade; och 38 % av människorna kommer att lämna en webbplats om den inte är attraktiv. Dessa verkar vara mycket allmänna uttalanden som saknar mycket specificitet. Men UX och UI studeras alltid av designexperter, så istället för att leta efter en definition av "vacker" enligt en främling, bör vi leta efter saker som vi kan göra vackra och definiera vad skönhet betyder i vårt sammanhang.

Eftersom inte alla företag är lika stämmer inte heller kriterierna för en bra hemsida, men vi kan prata om alla de olika element som ingår i uppgiften att designa en hemsida och du kan reflektera över dem samtidigt som du tänker på ditt affärsområde och principer.

1. Skräpfritt : Lägg mellanrum mellan ditt innehåll, försök att bara visa det användaren är intresserad av. Bli av med "prydnadsföremålen". Ha ett betydande negativt utrymme så att elementen blir lättare att läsa.
2. Gränssnitt : Gör navigeringen enkel. Ha enkla vägar från en sektion till en annan.
3. Visuell hierarki : Ordna de grafiska elementen i ordningsföljd. De viktigaste sakerna kan komma först eller kan ta mest plats, hjälpa dina besökare att navigera genom att guida sina ögon genom de olika elementen. Till exempel läser människor större saker först .
4. Färgpalett och bildval : Kort sagt, ljusa färger sticker ut och fungerar därför utmärkt som accenter, och tillsammans med rätt bildspråk kan du hålla dina besökare intresserade längre!
5. Mobilanpassat : Från och med juli 2019 är standardinställningen för alla nya webbdomäner mobil-först-indexering och har även ökat rankningen av mobilvänliga webbsidor i sökningar. Så se till att layouten på din mobilversion också fungerar bra.
6. Språkbyteknapp : När fakta säger att vi lever i en gränsöverskridande ekonomi där landet du bor i inte begränsar var du kan köpa från, är det inte ett alternativ att inte ha en flerspråkig webbplats om du vill utvecklas .

Hur ser flerspråkiga webbplatser ut?

Goda nyheter! Du kan koppla av, att skapa en flerspråkig webbplats är inte en prövning, det är lika enkelt som att lägga till en liten språkknapp i ett av hörnen av din webbplatslayout med ConveyThis . Att göra affärer online internationellt har aldrig varit enklare.

Låt oss ta en titt på några webbplatslayouter och analysera vad som gör dem så attraktiva.

Crabtree & Evelyn

Låt oss börja med Crabtree & Evelyn, ett kropps- och doftföretag som startade i Tyskland men som har tagit sin verksamhet globalt med en fantastisk layout och språkalternativ.

Eftersom utbudet av produkter är så stort har de valt att inte överväldiga sina besökare genom att ta hand om deras layout och fatta noggranna designbeslut, som att först fylla skärmen på sin hemsida med ett enkelt meddelande, i det här fallet, om semesterperioden , och när du scrollar ner eller klickar på knappen "Handla nu" leds besökaren till produkterna.

Det är ett riktigt sofistikerat och rent utseende, besökarna kommer definitivt att stanna längre, fängslade av upplevelsen. Angående menyn så finns det två alternativ för att söka, en sökknapp där du kan skriva ett nyckelord, om du har avgränsat det du letar efter; eller klicka på butiksknappen och välj sedan var eller hur du vill utforska, efter kategori, efter samling, eller kolla in presentseten.

Och nu till det mest fantastiska någonsin, språkväxlaren. Du hittar den längst ner på sidan, och när du klickar på den visar den de aktuella butiksinställningarna, med rullgardinsmenyer med alternativ.

Och det här är något vi har pratat om tidigare i artikeln om typer av språkknappar , det är fantastiskt att de har två alternativ, ett för område och det andra för språk, eftersom vi vet att alla inte surfar på sitt språk eller på sina Land. Den här webbplatsen är det perfekta exemplet på ett välgjort lokaliseringsjobb. Kontakta ConveyThis- teamet för att få mer information om hur du kan göra din webbplats mer välkomnande för användare över hela världen!

Digital mynta

Först och främst, fantastiskt arbete. Bra beslut överallt, tycker du inte? Och fantastisk färganvändning för att skapa kontrast och fokusområden. Låt oss lista alla bra saker med den här webbplatsen: negativt utrymme, teckensnitt i olika storlekar, anpassade konstverk, färg och nyans.

Arrangemanget av de olika storlekarna visar dig var du ska börja läsa och det vita utrymmet ger läsaren tid att pausa.

Här har vi ett tydligt exempel på visuell hierarki:

Från minst till det viktigaste: affärspartnerna i ljusare nyanser, "Make it happen" i ett litet typsnitt, "let's talk"-knapp med svart bakgrund och vita bokstäver, "Evolutionary digital" i ett stort och fetstilt teckensnitt och "marketing" i samma typsnitt som tidigare men markerad med grönt.

Dessutom hjälper imperativen "Få det att hända" och "Låt oss prata" också besökaren i deras surfupplevelse.

Navigeringsfältet är lika enkelt och tydligt som Crabtree & Evelyns, och fältet för sociala medier till höger är ett utmärkt val för företag som är mycket beroende av sociala medier som verktyg.

Du hittar deras språkknappar längst ner på sidan, de är små, men alla alternativ är synliga och deras färger är ljusa och skiljer sig mycket från Digital Menta-färgpaletten så att de lätt kan hittas.

Yoga

Här har vi ett bedårande exempel på stökiga webbplatser. Det finns mycket negativt utrymme och färgfigurerna är animerade, detta inger en känsla av nyfikenhet hos besökarna! Casual webbläsare kommer definitivt att stanna och ta en titt på resten av webbplatsen och lära dig mer om Yogang. Strålande design.

Yogang är ett roligt spel för barn som kombinerar fysisk aktivitet, avkoppling, delning och kreativitet, och deras hemsida speglar det. Animeringen av de olika karaktärerna som gör yogaställningar handlar inte om att visa upp programmeringsfärdigheter, det är en återspegling av produktens anda.

Samtidigt bedårande och en uppmaning till handling för att göra Yogang till en del av dina barns barndom. De tilltalar impulsköparna med en "Köp"-knapp och hjälper också en potentiell kund att lära sig mer om produkten först genom att guida dem till handledningarna.

Deras längre menyrad motiveras av att de säljer B2B och B2C, så de har olika typer av besökare som letar efter olika saker och alla måste snabbt hitta det de letar efter.

Deras språkknapp är en diskret knapp med alternativen "EN" och "FR". De har smala språkalternativ men de identifierade tydligt sina största marknader och har fokuserat hårt på att ge användaren den bästa möjliga upplevelsen.

Marinblå eller grå

Vi vet massor av anpassade konstverk i den här listan. Det är ett så mångsidigt element och dessa webbplatser använder dem så väl för att skapa ett specifikt utseende och känsla.

Navy and Grey är det sista exemplet på den här listan, den har också de funktioner som vi har berömt tidigare, identifierade du dem också? Det ger en mycket sofistikerad upplevelse, det är fängslande. Det får mig att känna mig lugn, när jag ser allt det där negativa utrymmet, jag är inte alls överväldigad av tanken på att surfa på den här webbplatsen och den tydliga menyraden försäkrar mig att jag kommer att hitta det jag letar efter utan någon kamp.

Jag uppskattar hur de har separerat "skjortor" och "kostymer" i menyn, det är ett lämpligt beslut för en skräddarsysselsättning, många andra butiker skulle ha skapat undersidor för dessa produkter, och det är också ett rimligt beslut, men för Navy eller Grey, det bidrar till den polerade looken.

Särskilt denna webbplats har satt sin språkknapp uppe till höger, och typsnittet de har valt är detsamma som resten av webbplatsen. Och längst ner till vänster har de lagt till en Whatsapp-knapp för snabb kontakt.

Designa en bra webbplats för din publik

Webbplatserna som listas är fantastiska eftersom de följer de allmänna principerna för god design, men också eftersom alla beslut kan motiveras kan orsakerna vara det affärsområde de är inom, men det kan också vara målgruppen. Så kom ihåg att ha ditt företags identitet, ideal och målgrupp i åtanke när du fattar beslut.

Nyckeln är att tänka på hur man förenklar sökningen och hur man leder din besökare till det de letar efter med minsta möjliga antal klick.

I ett nötskal, ge dina besökare en uppmaning till handling så snart de kommer åt hemsidan, och använd negativt utrymme för att skapa kontrast och lyfta fram de viktiga sakerna, som ditt budskap; och sist men inte minst, ha en enkel meny och en språkknapp.

Du ser redo att sälja internationellt och kom förmodligen på massor av fantastiska idéer när du läste den här artikeln. Lär dig mer om ConveyThis och öka din onlineförsäljning!