Ny kollektion av språkväxlaresigner från Digidop

Alla som någonsin har arbetat med – eller ens funderat på – webbdesign är medvetna om detta: det är inte så lätt att hitta rätt balans mellan en vacker och attraktiv design. Det är inte heller lätt att hitta en design som ger en enkel och effektiv användarupplevelse. Detta gäller alla delar av en webbplats, och i den här artikeln kommer vi att vara ännu mer specifika genom att fokusera på knapparna för språkomkoppling.

Förutom att vara en lösning för översättning av webbinnehåll gör Weglot det Weglot möjligt att publicera en webbplats på flera språk ur ett UX-perspektiv, tack vare en knapp för språkbyte. När du har integrerat Weglot en webbplats hittar du en standardknapp som är lika enkel som effektiv. Men om du känner dig kreativ vill du förmodligen ha något mer personligt. I så fall kan du dra nytta av några grundläggande inställningar, använda mallar eller till och med designa din egen knapp om du är en mästare på CSS.

I den här artikeln ska vi titta på dessa mallar för språkomkopplare, som du hittar i vår egen Switcher Gallery. För ännu fler alternativ, ta en titt på vår samling, som vi har skapat i samarbete med Finsweet.

Om samarbetet

För flera år sedan samarbetade vi med Finsweet, en webbbyrå som är välkänd inom Webflow , om flera olika språkväxlare som kunde klonas och återanvändas på vilken Webflow som helst. De kan till och med användas på vilken teknik som helst. Det har varit en stor framgång, eftersom dessa språkväxlare har kopierats mer än 8 000 gånger på alla möjliga typer av webbplatser!

Allt fler designers, och i synnerhet webbyråer, har dock börjat tänka utanför boxen genom att justera eller till och med designa sina egna switchers för att erbjuda en unik upplevelse för användarna av de webbplatser de utvecklar.

Och det är uppenbarligen fallet med Digidop. Denna webbbyrå grundades 2021 och är den första och enda franska byrån Webflow specialiserar sig på Webflow tre ackrediteringar: Webflow , Client-First och Webflow Leader. Sedan dess har byrån genomfört mer än 60 webbprojekt för kunder inom en rad olika sektorer och har delat med sig av sin kunskap genom gratis innehåll och en onlineakademi. Florian och Thomas, byråns två grundare, har varit bland Weglot mest aktiva partners sedan starten. De har delat med sig av sin expertis om Weglot sin community via olika dokument och videor, men framför allt har de alltid varit villiga att ge relevant feedback om Weglot, vilket har gjort det möjligt för oss att kontinuerligt förbättra vårt verktyg.

När vi funderade på att erbjuda en ny kollektion av språkväxlare i samarbete med en byrå, visste vi att Digidop-teamets erfarenhet och kritiska och tekniska blick skulle leda till ett givande samarbete.

Det första steget var alltså att Weglot och Digidops team funderade på hur man kunde förbättra den tekniska integrationen och funktionen hos språkväxlarna för att göra dem så smidiga som möjligt. Därefter var det Digidops teams konstnärliga och designmässiga talanger som tog fram fem olika designförslag för språkväxlarna, som vi här presenterar i detalj.

5 språkväxlar-design att använda på dina webbplatser

Minimalism och eleganta linjer har varit en stor trend på webben den senaste tiden. Och det är precis denna trend som Digidops första språkomkopplare följer. Det är en enkel rullgardinsmeny, ganska lik den som Weglot erbjuder som standard, men med mycket enkla linjer. Lätt att hantera för användaren, men framför allt mycket universell, som anpassar sig till alla webbplatsdesign.

För att hålla UX minimalistisk, här är den andra språkomkopplaren. Språkets namn, en pil och inget mer. Denna språkvals-knapp är universellt tillgänglig och stör inte designen på din webbplats. Enkel, effektiv och diskret.

En av begränsningarna med dessa mycket enkla designlösningar uppstår när en webbplats erbjuder ett stort antal språk. Språkomkopplaren måste förbli enkel och inte se ut som en inköpslista. För att hantera detta och samtidigt behålla en strömlinjeformad design har byrån Digidop utvecklat denna tredje språkomkopplare, som kan nås genom att helt enkelt klicka på språket för att öppna ett fönster för språkval. Menyer i form av stora fönster är också en ny trend på webbplatser. Denna språkomkopplare är idealisk för webbplatser med många språk.

När du surfat på nätet under de senaste månaderna har du säkert stött på webbplatser med väldigt få färger, eller till och med tvåfärgade webbplatser med starka kontraster. För att uppnå ett snyggt och effektivt resultat måste du vara noga med att hålla elementen överskådliga. Det är precis den utmaningen som denna fjärde språkomkopplare tar sig an. Här väljer du språk genom att klicka på det ena eller det andra, precis som en strömbrytare. Naturligtvis fungerar denna design bäst om du bara erbjuder två språk.

I samma anda driver vissa webbplatser den bichromatiska, grova och tumlande strategin genom att använda stora, ibland feta, teckensnitt - och går så långt som att använda versaler. Detta är vad Citadium-webbplatsen erbjuder. Baserat på denna trend har Digidop-teamet kommit fram till denna 5:e och sista switcher. Den kan användas för 2 eller ett stort antal språk och säkerställer att den är lättillgänglig för användaren.

‍

Dessa språkväxlare är utformade för att du ska kunna använda dem, leka med dem eller till och med inspireras av dem. Du kan klona och anpassa dem så att de passar din design och UX. I det här nya samarbetet, och baserat på Digidops rekommendationer, har vi tagit den här samlingen ett steg längre genom att erbjuda dig chansen att återanvända dem i frontend. Du är också fri att använda dem under mock-up-fasen i dina projekt.

Thomas Labonne, medgrundare av Digidop, avslöjar alla hemligheter i detta samarbete och förklarar hur man använder språkväxlarna direkt i Figma i den här videon. Här hittar du Figma-filen.

Om du sedan vill ta steget och återanvända dessa språkväxlare direkt på din Webflow hittar du här alla klonbara komponenter, och jag överlämnar dig till Florian Bodelot, medgrundare av Digidop, som kommer att guida dig genom användningen av dessa språkväxlare.

Slutsats

Nu är det upp till dig att återanvända dessa komponenter i dina webbdesignprojekt. Vi vill tacka Digidops agentteam för deras feedback, tekniska support och fantastiska designfärdigheter. Glöm inte att kolla in deras utbildningsinnehåll, som hjälper dig att ta dina projekt ännu längre.

Eftersom webbdesign ständigt utvecklas planerar vi att släppa nya kollektioner med språkväxlare. Så om du har några designidéer, tveka inte att höra av dig till oss.