Nápady na rozvržení pro váš vícejazyčný web: Vylepšení uživatelské zkušenosti

Vytvořit nebo navrhnout web není tak snadné, jako vybrat si ze sortimentu šablon tu, kterou považujete za nejlepší. Zatímco vzhled a dojem z webu jsou velmi důležité faktory, nejsou to jediné věci, na které musíte myslet, než se rozhodnete.

Faktem je, že úspěch vašeho webu souvisí s jeho rozložením a tím, jak se uživatelé cítí, když je používají nebo procházejí. To rozhodně ovlivní vaše návštěvníky k lepšímu nebo horšímu v jejich názoru na vaše stránky a na to, zda budou uvažovat o nákupu.

Bez legrace! Podle zprávy Společnosti digitálních agentur (SoDA) špatná uživatelská zkušenost webu poškozuje podniky. Dokonalé rozvržení je tedy klíčovým aspektem designu webových stránek a uživatelského dojmu.

Možná jste si také všimli, že sdílejí některé funkce, protože stejně jako všechna ostatní odvětví i trendy berou svět designu útokem. V dnešní době jsou mezi designéry v módě celoplošné obrázky a třísloupový design.

Ale tady je problém, měli byste předem vědět, že platí obě cesty, obě mají své pro a proti. Takže, co si myslíte, že byste měli dělat? Možnosti jsou využít známost těchto prvků v kolektivní imaginaci, nebo se můžete rozhodnout vyniknout a přitáhnout pozornost k vašemu obchodu tím, že uděláte něco úplně jiného! Na tuto otázku není snadné odpovědět a váš výběr bude záviset na vaší cílové skupině.

Vlastnosti skvělého webu

Můžeme pohodlně říci, že možnosti velikosti přicházejí v mnoha podobách a z mnoha míst, je s čím pracovat, spousta možností, spousta potenciálu. Vaše nejlepší volba bude záviset na vaší cílové skupině a typu podnikání, které provozujete. Tyto volby tvoří a odrážejí image vaší značky.

Podle Adobe by dvě třetiny lidí raději četly něco krásně navrženého než něco obyčejného, když je tlačí čas; a 38 % lidí opustí web, pokud je neatraktivní. Zdá se, že jde o velmi obecná prohlášení, která postrádají mnoho konkrétnosti. Ale UX a UI jsou vždy studovány odborníky na design, takže místo hledání definice „krásného“ podle cizího člověka bychom měli hledat věci, které bychom mohli změnit na krásné, a definovat, co krása v našem kontextu znamená.

Vzhledem k tomu, že ne všechny firmy jsou stejné, nebudou se shodovat ani kritéria pro dobrý web, ale můžeme mluvit o všech různých prvcích, které tvoří úkol navrhování webu, a můžete o nich přemýšlet a zároveň přemýšlet o své obchodní oblasti. a principy.

1. Nepořádek : Mezi obsah dejte mezeru, snažte se zobrazovat pouze to, co uživatele zajímá. Zbavte se „ozdob“. Mějte podstatný záporný prostor, takže prvky budou snadněji čitelné.
2. Rozhraní : Usnadněte navigaci. Mějte přímočaré cesty z jedné sekce do druhé.
3. Vizuální hierarchie : Uspořádejte grafické prvky podle důležitosti. Nejdůležitější věci mohou být na prvním místě nebo mohou zabírat nejvíce místa. Pomozte svým návštěvníkům orientovat se tím, že jejich oči projdete různými prvky. Lidé například nejprve čtou větší věci .
4. Paleta barev a výběr obrázků : Stručně řečeno, jasné barvy vynikají, a proto skvěle fungují jako akcenty, a ve spojení se správnými snímky můžete své návštěvníky zaujmout déle!
5. Optimalizace pro mobily : Od července 2019 je výchozím nastavením pro všechny nové webové domény indexování zaměřené na mobily a také posílené hodnocení webových stránek vhodných pro mobily ve vyhledávání. Dbejte tedy na to, aby dobře fungovalo i rozložení vaší mobilní verze.
6. Tlačítko pro změnu jazyka : Když fakta říkají, že žijeme v přeshraniční ekonomice, kde země, ve které žijete, neomezuje, kde můžete nakupovat, nemít vícejazyčné webové stránky není řešením, pokud chcete prosperovat. .

Jak vypadají vícejazyčné webové stránky?

Skvělá zpráva! Můžete si odpočinout, vytvoření vícejazyčného webu není utrpením, je to stejně snadné jako přidání malého jazykového tlačítka do jednoho z rohů rozvržení webu pomocí ConveyThis . Podnikání online v mezinárodním měřítku nebylo nikdy jednodušší.

Pojďme se podívat na některá rozvržení webových stránek a analyzovat, co je činí tak atraktivními.

Crabtree a Evelyn

Začněme s Crabtree & Evelyn, společností na výrobu těl a vůní, která začala v Německu, ale díky skvělému vzhledu a jazykovým možnostem rozšířila své podnikání po celém světě.

Vzhledem k tomu, že paleta produktů je tak široká, rozhodli se nezahltit své návštěvníky tím, že se budou starat o jejich rozvržení a pečlivá rozhodnutí o designu, jako je například zaplnění obrazovky domovské stránky nejprve jednoduchým sdělením, v tomto případě o prázdninách. , a když se posunete dolů nebo kliknete na tlačítko „Nakupovat“, návštěvník bude přesměrován na produkty.

Je to opravdu propracovaný a čistý vzhled, návštěvníci zde určitě zůstanou déle, uchváceni zážitkem. Co se týče nabídky, jsou zde dvě možnosti vyhledávání, tlačítko vyhledávání, kam můžete zadat klíčové slovo, pokud jste zúžili to, co hledáte; nebo klikněte na tlačítko shop a pak si vyberte, kde nebo jak chcete prozkoumat, podle kategorie, podle kolekce nebo si prohlédněte dárkové sady.

A teď k té nejúžasnější věci, k přepínání jazyků. Najdete jej ve spodní části stránky a po kliknutí na něj se zobrazí aktuální nastavení obchodu s rozbalovacími nabídkami s alternativami.

A to je něco , o čem jsme mluvili dříve v článku o typech jazykových tlačítek , je fantastické, že mají dvě možnosti, jednu pro oblast a druhou pro jazyk, protože víme, že ne každý prohlíží ve svém jazyce nebo ve svém země. Tento web je dokonalým příkladem dobře provedené lokalizační práce. Kontaktujte tým ConveyThis a zjistěte více informací o tom, jak můžete své webové stránky učinit přívětivějšími pro uživatele z celého světa!

Digitální mincovna

Za prvé, ohromující práce. Skvělá rozhodnutí všude, nemyslíte? A fantastické využití barev pro stanovení kontrastu a oblastí zaostření. Pojďme si vyjmenovat všechny dobré věci na tomto webu: negativní prostor, různé velikosti písem, vlastní umělecká díla, barvy a odstíny.

Uspořádání různě velkých prvků vám ukazuje, kde začít číst, a bílé místo dává čtenáři čas na pauzu.

Zde máme jasný příklad vizuální hierarchie:

Od nejméně po nejdůležitější: obchodní partneři ve světlejších odstínech, „Udělej to“ malým písmem, tlačítko „Pojďme si promluvit“ s černým pozadím a bílými písmeny, „Evoluční digitální“ velkým a tučným písmem a „marketing“ stejným písmem jako předtím, ale zvýrazněno zelenou barvou.

Kromě toho imperativy „Udělej to“ a „Pojďme si promluvit“ také pomáhají návštěvníkovi v jeho zážitku z prohlížení.

Navigační lišta je stejně jednoduchá a přehledná jako Crabtree & Evelyn's a lišta sociálních médií vpravo je skvělou volbou pro podniky, které se jako nástroj silně spoléhají na sociální média.

Jejich jazyková tlačítka najdete ve spodní části stránky, jsou malá, ale všechny možnosti jsou viditelné a jejich barvy jsou jasné a velmi odlišné od barevné palety Digital Menta, takže je lze snadno najít.

Jóga

Zde máme rozkošný příklad přehledných webových stránek. Je tam hodně negativního prostoru a barevné postavy jsou animované, to v návštěvnících vyvolává pocit zvědavosti! Neformální prohlížeče určitě zůstanou a mrknou na zbytek webu a dozvědí se o Yogangu víc. Brilantní design.

Yogang je zábavná hra pro děti, která kombinuje fyzickou aktivitu, relaxaci, sdílení a kreativitu, a jejich domovská stránka to odráží. Animace různých postav při cvičení jógy není o předvádění programátorských dovedností, je to odraz ducha produktu.

Zároveň rozkošný a výzva k akci, aby se Yogang stal součástí dětství vašich dětí. Oslovují impulzivní kupující pomocí tlačítka „Koupit“ a také pomáhají potenciálnímu zákazníkovi dozvědět se více o produktu nejprve tím, že je navedou na tutoriály.

Jejich delší menu je opodstatněné tím, že prodávají B2B a B2C, takže mají různé druhy návštěvníků, kteří hledají různé věci a všichni musí rychle najít to, co hledají.

Jejich jazykové tlačítko je nenápadné tlačítko s možnostmi „EN“ a „FR“. Mají úzké jazykové možnosti, ale jasně určily své největší trhy a silně se soustředily na poskytování co nejlepší uživatelské zkušenosti.

Námořnická nebo šedá

Víme, že v tomto seznamu je spousta vlastních uměleckých děl. Je to tak všestranný prvek a tyto webové stránky je tak dobře využívají k vytvoření specifického vzhledu a dojmu.

Navy and Grey je poslední příklad na tomto seznamu, má také vlastnosti, které jsme chválili dříve, identifikovali jste je také? Je to velmi sofistikovaný zážitek, je to strhující. Cítím se klidným, když vidím všechen ten negativní prostor, vůbec mě nepřekvapuje představa procházení tohoto webu a přehledná lišta menu mě ujišťuje, že bez námahy najdu, co hledám.

Oceňuji, jak v nabídce oddělili „Košile“ a „Obleky“, je to vhodné rozhodnutí pro krejčovství, mnoho jiných obchodů by pro tyto produkty vytvořilo podstránky, a to je také rozumné rozhodnutí, ale pro Navy nebo Grey, přispívá k tomu uhlazenému vzhledu.

Konkrétně tato webová stránka umístila tlačítko svého jazyka do pravého horního rohu a písmo, které zvolili, je stejné jako na zbytku webu. A vlevo dole přidali tlačítko Whatsapp pro rychlý kontakt.

Navrhněte skvělé webové stránky pro své publikum

Uvedené webové stránky jsou skvělé, protože se řídí obecnými zásadami dobrého designu, ale také, protože všechna rozhodnutí lze odůvodnit, důvody mohou být obchodní oblasti, ve kterých se nacházejí, ale také to může být cílová skupina. Nezapomeňte proto při rozhodování mít na paměti identitu, ideály a publikum vaší firmy.

Základem je myslet na to, jak zjednodušit vyhledávání a jak přivést návštěvníka k tomu, co hledá, s co nejmenším počtem kliknutí.

Stručně řečeno, dejte svým návštěvníkům výzvu k akci, jakmile vstoupí na domovskou stránku, a použijte negativní prostor k vytvoření kontrastu a zvýraznění důležitých věcí, jako je vaše sdělení; a v neposlední řadě mají jednoduché menu a jazykové tlačítko.

Vypadáte připraveni prodávat mezinárodně a pravděpodobně jste při čtení tohoto článku přišli na spoustu fantastických nápadů. Zjistěte více o ConveyThis a zvyšte svůj online prodej!