Layoutidéer til dit flersprogede websted: Forbedring af brugeroplevelsen

At oprette eller designe en hjemmeside er ikke så let som at vælge den, du finder den fedeste, blandt et udvalg af skabeloner. Selvom udseendet og fornemmelsen af en hjemmeside er meget vigtige faktorer, er de ikke de eneste ting, du skal tænke over, før du træffer en beslutning.

Det er en kendsgerning: dit websteds succes er knyttet til dets layout, hvordan brugerne har det, mens de bruger det eller browser. Dette påvirker helt sikkert dine besøgende på godt og ondt i deres mening om dit websted, og om de vil overveje at foretage et køb.

Ingen sjov! Ifølge en rapport fra Society of Digital Agencies (SoDA) er en dårlig hjemmesidebrugeroplevelse skadelig for virksomheder. Så at have det perfekte layout er et centralt aspekt af websteds- og brugeroplevelsesdesign.

Du har måske også lagt mærke til, at de deler nogle funktioner, det er fordi, ligesom alle andre brancher, så tager trends også designverdenen med storm. Nu til dags er fuld udløbsbilleder og et design med tre søjler alle mode hos designere.

Men her er problemet, du skal vide på forhånd, at begge veje er gyldige, de har begge deres fordele og ulemper. Så hvad synes du, du skal gøre? Mulighederne er at drage fordel af kendskabet til disse elementer i den kollektive imaginære, eller du kan beslutte dig for at skille dig ud og skabe opmærksomhed til din butik ved at gøre noget helt anderledes! Det er ikke et let spørgsmål at besvare, og dit valg afhænger af din målgruppe.

Kendetegnene ved en fantastisk hjemmeside

Vi kan roligt sige, at mulighederne for storhed kommer i mange former, og mange steder fra er der meget at arbejde med, masser af muligheder, masser af potentiale. Dine bedste valg vil afhænge af din målgruppe og den type virksomhed, du driver. Disse valg danner og afspejler dit brandimage.

Ifølge Adobe vil to tredjedele af mennesker hellere læse noget smukt designet end noget almindeligt, når de er presset på tid; og 38 % af folk vil forlade et websted, hvis det er uattraktivt. Det virker som meget generelle udsagn, der mangler en masse specificitet. Men UX og UI bliver altid studeret af designeksperter, så i stedet for at lede efter en definition af "smuk" ifølge en fremmed, bør vi kigge efter ting, som vi kunne gøre smukke, og definere, hvad skønhed betyder i vores sammenhæng.

Da ikke alle virksomheder er ens, vil kriterierne for en god hjemmeside heller ikke matche, men vi kan tale om alle de forskellige elementer, der indgår i opgaven med at designe en hjemmeside, og du kan reflektere over dem, samtidig med at du tænker over dit forretningsområde og principper.

1. Rodfrit : Sæt mellemrum mellem dit indhold, prøv kun at vise det, som brugeren er interesseret i. Slip af med "ornamenterne". Har et betydeligt negativt mellemrum, så elementerne bliver lettere at læse.
2. Interface : Gør navigationen enkel. Har ligetil veje fra en sektion til en anden.
3. Visuelt hierarki : Arranger de grafiske elementer i rækkefølge efter vigtighed. De vigtigste ting kan komme først eller kan optage mest plads, hjælpe dine besøgende med at navigere ved at lede deres øjne gennem de forskellige elementer. For eksempel læser folk større ting først .
4. Farvepalet og billedvalg : Kort fortalt skiller lyse farver sig ud og fungerer derfor godt som accenter, og sammen med det rigtige billedsprog kan du holde dine besøgende interesserede længere!
5. Mobilvenlig : Fra og med juli 2019 er standarden for alle nye webdomæner mobil-først-indeksering og øgede også rækken af mobilvenlige websider i søgninger. Så sørg for, at layoutet på din mobilversion også fungerer godt.
6. Sprogskifteknap : Når fakta siger, at vi lever i en grænseoverskridende økonomi, hvor det land, du bor i, ikke begrænser, hvor du kan købe fra, er det ikke en mulighed at have en flersproget hjemmeside, hvis du ønsker at trives .

Hvordan ser flersprogede hjemmesider ud?

Gode nyheder! Du kan slappe af, at oprette en flersproget hjemmeside er ikke en prøvelse, det er lige så nemt som at tilføje en lille sprogknap til et af hjørnerne af dit hjemmesidelayout ved at bruge # {1}#. At drive forretning online internationalt har aldrig været nemmere.

Lad os tage et kig på nogle hjemmesidelayouts og analysere, hvad der gør dem så attraktive.

Crabtree og Evelyn

Lad os starte med Crabtree & Evelyn, en krops- og duftvirksomhed, der startede i Tyskland, men som har taget sin forretning globalt med et fantastisk layout og sproglige muligheder.

Da udvalget af produkter er så stort, har de valgt ikke at overvælde deres besøgende ved at passe på deres layout og træffe omhyggelige designbeslutninger, som at fylde skærmen på deres hjemmeside først med en simpel besked, i dette tilfælde, om feriesæsonen , og når du scroller ned eller klikker på knappen "Køb nu", ledes den besøgende til produkterne.

Det er et virkelig sofistikeret og rent udseende, besøgende vil helt sikkert blive længere, betaget af oplevelsen. Vedrørende menuen er der to muligheder for at søge, en søgeknap hvor du kan skrive et søgeord, hvis du har indsnævret det du leder efter; eller klik på butiksknappen, og vælg derefter, hvor eller hvordan du vil udforske, efter kategori, efter samling, eller tjek gavesættene ud.

Og nu til det mest fantastiske nogensinde, sprogskifteren. Du kan finde den nederst på siden, og når du klikker på den, viser den dig de aktuelle butiksindstillinger, med rullemenuer med alternativer.

Og det er noget vi har talt om tidligere i artiklen om typer af sprogknapper, er det fantastisk, at de har to muligheder, en for område og en anden for sprog, fordi vi ved, at ikke alle browser på deres sprog eller i deres land. Denne hjemmeside er det perfekte eksempel på et veludført lokaliseringsjob. Kontakt ConveyThis-teamet for at få flere oplysninger om, hvordan du kan lave dit websted mere imødekommende for brugere over hele verden!

Digital mynte

Først og fremmest fantastisk arbejde. Store beslutninger overalt, synes du ikke? Og fantastisk brug af farve til at etablere kontrast og fokusområder. Lad os liste alle de gode ting ved dette websted: negativt mellemrum, skrifttyper i forskellige størrelser, brugerdefinerede illustrationer, farve og nuance.

Arrangementet af de forskellige størrelser viser dig, hvor du skal begynde at læse, og det hvide rum giver læseren tid til at holde pause.

Her har vi et tydeligt eksempel på visuelt hierarki:

Fra mindst til vigtigst: forretningspartnerne i lysere nuancer, "Gør det til at ske" i en lille skrifttype, "lad os tale"-knap med sort baggrund og hvide bogstaver, "Evolutionær digital" i en stor og fed skrift, og "marketing" i samme skrifttype som før, men fremhævet med grøn.

Derudover hjælper imperativerne "Få det til at ske" og "Lad os tale" også den besøgende i deres browsingoplevelse.

Navigationslinjen er lige så enkel og overskuelig som Crabtree & Evelyns, og den sociale mediebjælke til højre er et godt valg for virksomheder, der er stærkt afhængige af sociale medier som værktøj.

Du kan finde deres sprogknapper nederst på siden, de er små, men alle muligheder er synlige og deres farver er lyse og meget anderledes end Digital Menta farvepaletten, så de let kan findes.

Yoga

Her har vi et yndigt eksempel på rodede hjemmesider. Der er en masse negativ plads og farvefigurerne er animerede, dette indgyder en følelse af nysgerrighed hos besøgende! Casual browsere vil helt sikkert blive og tage et kig på resten af hjemmesiden og lære mere om Yogang. Strålende design.

Yogang er et sjovt spil for børn, der kombinerer fysisk aktivitet, afslapning, deling og kreativitet, og deres hjemmeside afspejler det. Animationen af de forskellige karakterer, der laver yogastillinger, handler ikke om at vise programmeringsevner, det er en afspejling af produktets ånd.

Samtidig bedårende og en opfordring til handling for at gøre Yogang til en del af dine børns barndom. De appellerer til impulskøberne med en "Køb"-knap og hjælper også en potentiel kunde med at lære mere om produktet først ved at guide dem til tutorials.

Deres længere menulinje er begrundet i, at de sælger B2B og B2C, så de har forskellige slags besøgende, der leder efter forskellige ting, og de skal alle hurtigt finde det, de leder efter.

Deres sprogknap er en diskret knap med mulighederne "EN" og "FR". De har snævre sprogmuligheder, men de identificerede klart deres største markeder og har fokuseret stærkt på at give brugeren den bedst mulige oplevelse.

Navy eller grå

Masser af brugerdefinerede kunstværker på denne liste, vi ved. Det er et så alsidigt element, og disse websteder bruger dem så godt til at skabe et specifikt udseende og følelse.

Navy and Grey er det sidste eksempel på denne liste, det har også de funktioner, som vi har rost før, identificerede du dem også? Det giver en meget sofistikeret oplevelse, det er fængslende. Det får mig til at føle mig rolig, når jeg ser alt det negative rum, jeg er slet ikke overvældet af tanken om at browse på denne hjemmeside, og den klare menulinje forsikrer mig om, at jeg vil finde det, jeg leder efter, uden nogen kamp.

Jeg sætter pris på, hvordan de har adskilt "Skjorter" og "Suits" i menuen, det er en passende beslutning for en skræddervirksomhed, mange andre butikker ville have oprettet undersider til disse produkter, og det er også en rimelig beslutning, men for Navy eller Grey, det bidrager til det polerede look.

Især denne hjemmeside har sat deres sprogknap øverst til højre, og den skrifttype de har valgt er den samme som resten af hjemmesiden. Og nederst til venstre har de tilføjet en Whatsapp-knap til hurtig kontakt.

Design en fantastisk hjemmeside til dit publikum

De anførte hjemmesider er fantastiske, fordi de følger de generelle principper for godt design, men også, fordi alle beslutninger kan retfærdiggøres, kan årsagerne være det forretningsområde, de er i, men det kan også være målgruppen. Så husk at huske din virksomheds identitet, idealer og publikum, når du træffer beslutninger.

Nøglen er at tænke over, hvordan man forenkler søgningen, og hvordan man leder dine besøgende til det, de leder efter, med det mindste antal klik.

I en nøddeskal, giv dine besøgende en opfordring til handling, så snart de får adgang til hjemmesiden, og brug negativ plads til at skabe kontrast og fremhæve de vigtige ting, såsom dit budskab; og sidst, men ikke mindst, har du en simpel menu og en sprogknap.

Du ser klar til at sælge internationalt, og du har sikkert fundet på en masse fantastiske ideer, mens du læste denne artikel. Få mere at vide om ConveyThis og øg dit onlinesalg!