Idees de disseny per al vostre lloc web multilingüe: millora l'experiència de l'usuari

Idees de disseny per al vostre lloc web multilingüe: millora l'experiència de l'usuari amb ConveyThis, utilitzant IA per garantir una navegació perfecta en diversos idiomes.
Transmet aquesta demostració
Transmet aquesta demostració
botiga 4156934 1280

Crear o dissenyar un lloc web no és tan fàcil com triar entre una varietat de plantilles la que considereu la més fantàstica. Tot i que l'aspecte d'un lloc web són factors molt importants, no són les úniques coses en què cal pensar abans de prendre una decisió.

És un fet: l'èxit del vostre lloc web està relacionat amb la seva disposició, com se senten els usuaris mentre l'utilitzen o naveguen. Definitivament, això influeix en els vostres visitants, per bé o per mal, segons la seva opinió del vostre lloc i si es plantejaran fer una compra.

No és broma! Segons un informe de la Society of Digital Agencies (SoDA) , una mala experiència d'usuari del lloc web és perjudicial per a les empreses. Per tant, tenir el disseny perfecte és un aspecte fonamental del disseny del lloc web i de l'experiència d'usuari.

És possible que també hagis notat que comparteixen algunes característiques, perquè, com totes les altres indústries, les tendències també prenen el món del disseny per assaltar. Avui en dia, les imatges a plena sang i un disseny de tres columnes estan de moda entre els dissenyadors.

Però aquí està el problema, has de saber abans que qualsevol dels dos camins és vàlid, tots dos tenen els seus pros i contres. Aleshores, què creus que hauries de fer? Les opcions són aprofitar la familiaritat d'aquests elements en l'imaginari col·lectiu, o pots decidir destacar i cridar l'atenció a la teva botiga fent quelcom molt diferent! No és una pregunta fàcil de respondre, i la vostra elecció dependrà del vostre públic objectiu.

Les característiques d'un gran lloc web

Podem dir còmodament que les possibilitats de grandesa es presenten en moltes formes i des de molts llocs, hi ha molt per treballar, moltes opcions, molt potencial. Les vostres millors opcions dependran del vostre públic objectiu i del tipus d'empresa que dirigiu. Aquestes opcions formen i reflecteixen la vostra imatge de marca.

Segons Adobe , dos terços de la gent preferiria llegir alguna cosa ben dissenyada que una cosa senzilla quan es pressiona per temps; i el 38% de les persones deixaran un lloc web si no és atractiu. Semblan afirmacions molt generals i mancades de molta especificitat. Però la UX i la IU sempre estan sent estudiades per experts en disseny, de manera que en comptes de buscar una definició de "bell" segons un desconegut, hauríem de buscar coses que podríem tornar belles i definir què significa bellesa en el nostre context.

Com que no tots els negocis són iguals, els criteris d'una bona pàgina web tampoc no coincidiran, però podem parlar de tots els diferents elements que formen la tasca de dissenyar una pàgina web i poder-hi reflexionar alhora que penses en la teva àrea de negoci. i principis.

  1. Sense desordres : poseu espai entre els vostres continguts, intenteu mostrar només allò que interessa a l'usuari. Desfer-vos dels "ornaments". Teniu un espai negatiu substancial perquè els elements es puguin llegir més fàcilment.
  2. Interfície : simplifica la navegació. Tenir camins senzills d'un tram a un altre.
  3. Jerarquia visual : Ordena els elements gràfics per ordre d'importància. Les coses més importants poden ser primer o poden ocupar més espai, ajuda els teus visitants a navegar guiant la seva mirada pels diferents elements. Per exemple, la gent llegeix primer coses més grans .
  4. Paleta de colors i elecció d'imatges : en poques paraules, els colors brillants destaquen i, per tant, funcionen molt bé com a accents, i, combinats amb les imatges adequades, podeu mantenir l'interès dels vostres visitants més temps!
  5. Adequat per a mòbils : a partir del juliol de 2019, el valor predeterminat per a tots els dominis web nous és la indexació per a mòbils i també ha augmentat els rangs de pàgines web adaptades per a mòbils a les cerques. Així que assegureu-vos que el disseny de la vostra versió mòbil també funcioni bé.
  6. Botó de canvi d'idioma : quan els fets diuen que vivim en una economia transfronterera on el país on viviu no limita on podeu comprar, no tenir un lloc web multilingüe no és una opció si voleu prosperar. .

Com són els llocs web multilingües?

Una gran notícia! Podeu relaxar-vos, crear un lloc web multilingüe no és un calvari, és tan fàcil com afegir un petit botó d'idioma a un dels racons del disseny del vostre lloc web mitjançant ConveyThis . Fer negocis en línia a nivell internacional mai ha estat tan fàcil.

Fem una ullada a alguns dissenys de llocs web i analitzem què els fa tan atractius.

Crabtree i Evelyn

web multilingüe

Comencem per Crabtree & Evelyn, una empresa de cos i fragància que va començar a Alemanya, però que ha agafat el seu negoci globalment amb un disseny i opcions d'idioma excel·lents.

Com que la varietat de productes és tan àmplia, han optat per no aclaparar als seus visitants tenint cura de la seva disposició i prenent decisions de disseny acurades, com ara omplir primer la pantalla de la seva pàgina d'inici amb un missatge senzill, en aquest cas, sobre la temporada de vacances. , i quan us desplaceu cap avall o feu clic al botó "Compra ara", el visitant es dirigeix als productes.

És un aspecte realment sofisticat i net, sens dubte els visitants es quedaran més temps, captivats per l'experiència. Pel que fa al menú, hi ha dues opcions de cerca, un botó de cerca on pots escriure una paraula clau, si has reduït el que estàs buscant; o feu clic al botó de la botiga i, a continuació, trieu on o com voleu explorar, per categoria, per col·lecció o consulteu els jocs de regal.

I ara a la cosa més sorprenent mai, el canviador d'idioma. El podeu trobar a la part inferior de la pàgina i, quan hi feu clic, us mostra la configuració actual de la botiga, amb menús desplegables amb alternatives.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cDiqGub KUl7crx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0

I d'això ja hem parlat anteriorment a l'article sobre tipus de botons d'idioma , és fantàstic que tinguin dues opcions, una per zona i l'altra per idioma, perquè sabem que no tothom està navegant en el seu idioma o en el seu país. Aquest lloc web és l'exemple perfecte d'un treball de localització ben fet. Contacteu amb l'equip de ConveyThis per obtenir més informació sobre com podeu fer que el vostre lloc web sigui més acollidor per als usuaris de tot el món!

Digital Menta

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

Primer de tot, una feina impressionant. Grans decisions a tot arreu, no creieu? I un ús fantàstic del color per establir zones de contrast i focus. Enumerem totes les coses bones d'aquest lloc: espai negatiu, tipus de lletra de diferents mides, il·lustracions personalitzades, color i tint.

La disposició dels elements de diferents mides us mostra per on començar a llegir i l'espai en blanc dóna temps al lector per fer una pausa.

Aquí tenim un exemple clar de jerarquia visual:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTz

De menys a més important: els socis comercials amb matisos més clars, "Fes-ho realitat" amb una lletra petita, un botó "parlem" amb fons negre i lletres blanques, "Evolutionary digital" en una font gran i en negreta i "màrqueting" amb el mateix tipus de lletra que abans però ressaltat amb verd.

A més, els imperatius "Fes-ho realitat" i "Parlem" també ajuden el visitant en la seva experiència de navegació.

La barra de navegació és tan senzilla i clara com la de Crabtree & Evelyn, i la barra de xarxes socials de la dreta és una opció fantàstica per a les empreses que depenen molt de les xarxes socials com a eina.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

Podeu trobar els seus botons d'idioma a la part inferior de la pàgina, són petits, però totes les opcions són visibles i els seus colors són brillants i molt diferents a la paleta de colors de Digital Menta perquè es puguin trobar fàcilment.

Ioga

Aquí tenim un exemple adorable de llocs web desordenats. Hi ha molt d'espai negatiu i les figures de color estan animades, això inculca una sensació de curiositat als visitants! Els navegadors casuals definitivament es quedaran i donaran una ullada a la resta del lloc web i aprendran més sobre Yogang. Disseny brillant.

Yogang és un joc divertit per a nens que combina activitat física, relaxació, compartir i creativitat, i la seva pàgina d'inici ho reflecteix. L'animació dels diferents personatges fent posicions de ioga no es tracta de mostrar habilitats de programació, és un reflex de l'esperit del producte.

Simultàniament adorable i una crida a l'acció per fer que Yogang formi part de la infància dels teus fills. Atreuen els compradors impulsius amb un botó "Comprar" i també ajuden un client potencial a obtenir més informació sobre el producte primer guiant-los als tutorials.

La seva barra de menú més llarga es justifica perquè venen B2B i B2C, de manera que tenen diferents tipus de visitants que busquen coses diferents i tots han de trobar el que busquen ràpidament.

El seu botó d'idioma és un botó discret amb les opcions "EN" i "FR". Tenen opcions d'idioma limitades, però han identificat clarament els seus mercats més grans i s'han centrat molt a oferir la millor experiència possible per a l'usuari.

Marí o Gris

A

Moltes obres d'art personalitzades en aquesta llista, ho sabem. És un element tan versàtil i aquests llocs web els utilitzen molt bé per crear un aspecte i una sensació específics.

Marí i gris és l'últim exemple d'aquesta llista, també té les característiques que hem elogiat abans, també les vau identificar? És una experiència molt sofisticada, és captivadora. Em fa sentir tranquil, veient tot aquest espai negatiu, no m'aclapara gens la idea de navegar per aquesta web i la barra de menú clara m'assegura que trobaré el que busco sense cap mena de lluita.

Agraeixo com han separat "Camisetes" i "Trats" al menú, és una decisió adequada per a un negoci de sastreria, moltes altres botigues haurien creat subpàgines per a aquests productes, i aquesta també és una decisió raonable, però per a la Marina o Gris, contribueix a aquest aspecte polit.

Aquest lloc web en concret, ha posat el seu botó d'idioma a la part superior dreta, i el tipus de lletra que han escollit és el mateix que la resta del lloc web. I a la part inferior esquerra, han afegit un botó de Whatsapp per a un contacte ràpid.

Dissenyeu un lloc web fantàstic per al vostre públic

Els llocs web enumerats són excel·lents perquè segueixen els principis generals del bon disseny, però també, perquè totes les decisions es poden justificar, els motius poden ser l'àrea de negoci en què es troben, però també pot ser el públic objectiu. Així que recordeu tenir en compte la identitat, els ideals i el públic de la vostra empresa a l'hora de prendre decisions.

La clau és pensar com simplificar la cerca i com conduir el visitant al que busca amb la menor quantitat de clics.

En poques paraules, feu una crida a l'acció als vostres visitants tan bon punt accedeixin a la pàgina d'inici i utilitzeu l'espai negatiu per crear contrast i ressaltar les coses importants, com ara el vostre missatge; i per últim, però no menys important, tenir un menú senzill i un botó d'idioma.

Sembla que estàs preparat per vendre a nivell internacional i probablement t'hagin sorgit moltes idees fantàstiques mentre llegia aquest article. Obteniu més informació sobre ConveyThis i impulseu les vostres vendes en línia!

Comentari (1)

  1. 4 comerços electrònics inspiradors que ho fan tot bé
    20 de febrer de 2020 Respon

    […] Els nominats esmentats compten amb grans dissenyadors que ho donen tot i aporten totes les millors idees que reflectiran tots els ideals de la marca en una impressionant botiga virtual que convertirà els visitants en clients. […]

Deixa un comentari

La teva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats*