Nápady na rozloženie vašej viacjazyčnej webovej stránky: Zlepšenie používateľského zážitku

Vytvoriť alebo navrhnúť webovú stránku nie je také jednoduché, ako vybrať si zo sortimentu šablón tú, ktorú považujete za najúžasnejšiu. Zatiaľ čo vzhľad a dojem z webovej stránky sú veľmi dôležité faktory, nie sú to jediné veci, na ktoré musíte myslieť, kým sa rozhodnete.

Faktom je, že úspech vašej webovej stránky súvisí s jej rozložením, s tým, ako sa používatelia cítia, keď ju používajú alebo prehliadajú. To určite ovplyvní vašich návštevníkov k lepšiemu alebo k horšiemu v ich názore na vašu stránku a či budú uvažovať o kúpe.

Nerobím si srandu! Podľa správy Spoločnosti digitálnych agentúr (SoDA) je zlá používateľská skúsenosť s webovými stránkami pre podniky škodlivá. Dokonalé rozloženie je teda kľúčovým aspektom dizajnu webových stránok a používateľského prostredia.

Možno ste si tiež všimli, že zdieľajú niektoré funkcie, pretože rovnako ako všetky ostatné odvetvia, aj trendy berú svet dizajnu útokom. V súčasnosti sú dizajnérmi v móde obrázky bez okrajov a trojstĺpcový dizajn.

Ale tu je problém, mali by ste vopred vedieť, že každá cesta je platná, obe majú svoje pre a proti. Čo by ste teda podľa vás mali robiť? Možnosti sú využiť známosť týchto prvkov v kolektívnej imaginácii, alebo sa môžete rozhodnúť vyniknúť a pritiahnuť pozornosť do svojho obchodu tým, že urobíte niečo úplne iné! Na túto otázku nie je ľahké odpovedať a váš výber bude závisieť od vašej cieľovej skupiny.

Charakteristika skvelého webu

Pokojne môžeme povedať, že možnosti pre veľkosť prichádzajú v mnohých podobách a z mnohých miest, je s čím pracovať, veľa možností, veľa potenciálu. Vaša najlepšia voľba bude závisieť od vašej cieľovej skupiny a typu podnikania, ktoré prevádzkujete. Tieto voľby formujú a odrážajú imidž vašej značky.

Podľa spoločnosti Adobe by dve tretiny ľudí radšej čítali niečo krásne navrhnuté ako niečo obyčajné, keď ich tlačí čas; a 38 % ľudí opustí webovú stránku, ak je neatraktívna. Zdá sa, že ide o veľmi všeobecné vyhlásenia, ktorým chýba veľa konkrétnosti. Ale UX a UI vždy študujú odborníci na dizajn, takže namiesto hľadania definície „krásneho“ podľa cudzieho človeka by sme mali hľadať veci, ktoré by sme mohli zmeniť na krásne, a definovať, čo krása v našom kontexte znamená.

Keďže nie všetky firmy sú rovnaké, nebudú sa zhodovať ani kritériá pre dobrú webovú stránku, ale môžeme sa porozprávať o všetkých rôznych prvkoch, ktoré tvoria úlohu pri navrhovaní webovej lokality, a môžete o nich uvažovať a zároveň premýšľať o svojej obchodnej oblasti. a zásad.

1. Bez zbytočností : Umiestnite medzi obsah medzeru, snažte sa zobraziť len to, čo používateľa zaujíma. Zbavte sa „ozdôb“. Majte podstatný negatívny priestor, takže prvky budú ľahšie čitateľné.
2. Rozhranie : Zjednodušte navigáciu. Majte priame cesty z jednej sekcie do druhej.
3. Vizuálna hierarchia : Usporiadajte grafické prvky podľa dôležitosti. Najdôležitejšie veci môžu byť na prvom mieste alebo môžu zaberať najviac miesta. Pomôžte svojim návštevníkom orientovať sa tak, že ich oči prevediete rôznymi prvkami. Ľudia si napríklad najprv prečítajú väčšie veci .
4. Paleta farieb a výber obrázkov : Stručne povedané, jasné farby vynikajú, a preto skvele fungujú ako akcenty, a v spojení so správnymi obrázkami môžete svojich návštevníkov zaujať dlhšie!
5. Vhodné pre mobilné zariadenia : Od júla 2019 je predvolenou hodnotou pre všetky nové webové domény indexovanie zamerané na mobilné zariadenia a tiež vylepšené hodnotenia webových stránok vhodných pre mobilné zariadenia vo vyhľadávaniach. Uistite sa teda, že dobre funguje aj rozloženie vašej mobilnej verzie.
6. Tlačidlo na zmenu jazyka : Keď fakty hovoria, že žijeme v cezhraničnej ekonomike, kde krajina, v ktorej žijete, neobmedzuje, kde môžete nakupovať, nemať viacjazyčnú webovú stránku nie je riešením, ak chcete prosperovať. .

Ako vyzerajú viacjazyčné webové stránky?

Skvelá správa! Môžete si oddýchnuť, vytvorenie viacjazyčnej webovej stránky nie je utrpenie, je to také jednoduché ako pridanie malého jazykového tlačidla do jedného z rohov rozloženia vašej webovej stránky pomocou ConveyThis . Podnikanie online na medzinárodnej úrovni nebolo nikdy jednoduchšie.

Poďme sa pozrieť na niektoré rozloženia webových stránok a analyzovať, prečo sú také atraktívne.

Crabtree a Evelyn

Začnime s Crabtree & Evelyn, spoločnosťou zaoberajúcou sa telom a vôňami, ktorá začala v Nemecku, ale vďaka skvelému rozloženiu a jazykovým možnostiam presadila svoje podnikanie globálne.

Keďže paleta produktov je taká široká, rozhodli sa nezahltiť svojich návštevníkov starostlivosťou o ich rozloženie a starostlivými rozhodnutiami o dizajne, ako napríklad vyplnenie obrazovky svojej domovskej stránky jednoduchou správou, v tomto prípade o dovolenkovej sezóne. , a keď sa posuniete nadol alebo kliknete na tlačidlo „Nakupovať“, návštevník bude presmerovaný na produkty.

Je to naozaj prepracovaný a čistý vzhľad, návštevníci určite zostanú dlhšie uchvátení zážitkom. Čo sa týka ponuky, existujú dve možnosti vyhľadávania, tlačidlo vyhľadávania, kde môžete zadať kľúčové slovo, ak ste zúžili to, čo hľadáte; alebo kliknite na tlačidlo obchodu a potom vyberte, kde alebo ako chcete preskúmať, podľa kategórie, kolekcie alebo si pozrite darčekové sady.

A teraz k tej najúžasnejšej veci, k prepínaču jazykov. Nájdete ho v spodnej časti stránky a po kliknutí naň sa vám zobrazia aktuálne nastavenia obchodu s rozbaľovacími ponukami s alternatívami.

A to je niečo , o čom sme hovorili predtým v článku o typoch jazykových tlačidiel , je fantastické, že majú dve možnosti, jednu pre oblasť a druhú pre jazyk, pretože vieme, že nie každý si prehliada vo svojom jazyku alebo vo svojom krajina. Táto webová stránka je dokonalým príkladom dobre vykonanej lokalizačnej práce. Kontaktujte tím ConveyThis a zistite viac informácií o tom, ako môžete urobiť svoju webovú stránku príjemnejšou pre používateľov na celom svete!

Digitálna mincovňa

V prvom rade ohromujúca práca. Skvelé rozhodnutia všade, nemyslíte? A fantastické využitie farieb na vytvorenie kontrastu a oblastí zaostrenia. Uveďme si všetky dobré veci na tejto stránke: negatívny priestor, rôzne veľkosti písma, vlastné umelecké diela, farby a odtieň.

Usporiadanie prvkov rôznej veľkosti vám ukazuje, kde začať čítať, a biele miesto dáva čitateľovi čas na prestávku.

Tu máme jasný príklad vizuálnej hierarchie:

Od najmenšieho po najdôležitejšie: obchodní partneri v svetlejších odtieňoch, „Urobte to“ malým písmom, tlačidlo „Poďme sa rozprávať“ s čiernym pozadím a bielymi písmenami, „Evolučné digitálne“ veľkým a tučným písmom a „marketing“ rovnakým písmom ako predtým, ale zvýraznené zelenou farbou.

Okrem toho imperatívy „Urobte to“ a „Poďme sa porozprávať“ tiež pomáhajú návštevníkovi pri prehliadaní.

Navigačná lišta je jednoduchá a jasná ako Crabtree & Evelyn's a lišta sociálnych médií vpravo je skvelou voľbou pre firmy, ktoré sa ako nástroj spoliehajú na sociálne médiá.

Ich jazykové tlačidlá nájdete v spodnej časti stránky, sú malé, ale všetky možnosti sú viditeľné a ich farby sú jasné a veľmi odlišné od farebnej palety Digital Menta, takže ich možno ľahko nájsť.

Joga

Tu máme rozkošný príklad upchatých webových stránok. Je tu veľa negatívneho priestoru a farebné postavy sú animované, čo v návštevníkoch vyvoláva pocit zvedavosti! Príležitostné prehliadače určite zostanú a prezrú si zvyšok webu a dozvedia sa viac o Yogangu. Brilantný dizajn.

Yogang je zábavná hra pre deti, ktorá spája fyzickú aktivitu, relax, zdieľanie a kreativitu, a ich domovská stránka to odráža. Animácia rôznych postáv v jogových pózach nie je o predvádzaní programátorských zručností, je to odraz ducha produktu.

Zároveň rozkošný a výzva k akcii, aby sa Yogang stal súčasťou detstva vašich detí. Tlačidlom „Kúpiť“ oslovujú impulzívnych kupujúcich a tiež pomáhajú potenciálnemu zákazníkovi dozvedieť sa najskôr viac o produkte tým, že ho vedú k návodom.

Ich dlhší panel s ponukami je odôvodnený tým, že predávajú B2B a B2C, takže majú rôzne druhy návštevníkov, ktorí hľadajú rôzne veci a všetci musia rýchlo nájsť to, čo hľadajú.

Ich tlačidlo jazyka je nenápadné tlačidlo s možnosťami „EN“ a „FR“. Majú úzke jazykové možnosti, ale jasne určili svoje najväčšie trhy a výrazne sa zamerali na poskytovanie čo najlepšieho zážitku pre používateľa.

Námornícka alebo šedá

Vieme, že v tomto zozname je veľa vlastných umeleckých diel. Je to taký všestranný prvok a tieto webové stránky ich tak dobre využívajú na vytvorenie špecifického vzhľadu a štýlu.

Navy and Grey je posledným príkladom v tomto zozname, má tiež vlastnosti, ktoré sme už predtým chválili, identifikovali ste ich aj vy? Vytvára to veľmi sofistikovaný zážitok, je to podmanivé. Cítim sa pokojne, keď vidím všetok ten negatívny priestor, vôbec ma neprekvapuje predstava prehliadania tejto webovej stránky a prehľadný panel s ponukami ma uisťuje, že bez problémov nájdem to, čo hľadám.

Oceňujem, ako v ponuke oddelili “Košele” a “Suits”, je to vhodné rozhodnutie pre krajčírsky biznis, veľa iných obchodov by pre tieto produkty vytvorilo podstránky a to je tiež rozumné rozhodnutie, ale pre Navy alebo Grey, prispieva k tomu vyleštenému vzhľadu.

Najmä táto webová stránka má tlačidlo jazyka vpravo hore a písmo, ktoré si vybrali, je rovnaké ako na zvyšku webovej stránky. A vľavo dole pridali tlačidlo Whatsapp pre rýchly kontakt.

Navrhnite skvelý web pre svoje publikum

Uvedené webové stránky sú skvelé, pretože sa riadia všeobecnými zásadami dobrého dizajnu, ale aj preto, že všetky rozhodnutia môžu byť odôvodnené, dôvodom môže byť oblasť podnikania, v ktorej sa nachádzajú, ale môže to byť aj cieľová skupina. Nezabudnite preto pri rozhodovaní mať na pamäti identitu, ideály a publikum svojej firmy.

Základom je zamyslieť sa nad tým, ako zjednodušiť vyhľadávanie a ako priviesť návštevníka k tomu, čo hľadá, s čo najmenším počtom kliknutí.

Stručne povedané, dajte svojim návštevníkom výzvu na akciu hneď, ako vstúpia na domovskú stránku, a použite negatívny priestor na vytvorenie kontrastu a zvýraznenie dôležitých vecí, ako je vaša správa; a v neposlednom rade majú jednoduché menu a jazykové tlačidlo.

Vyzeráte pripravení predávať medzinárodne a pri čítaní tohto článku ste pravdepodobne prišli s množstvom fantastických nápadov. Zistite viac o ConveyThis a zvýšte svoj online predaj!