Elrendezési ötletek többnyelvű webhelyéhez: A felhasználói élmény javítása

Weboldal létrehozása vagy tervezése nem olyan egyszerű, mint kiválasztani a sokféle sablon közül azt, amelyik a legmenőbb. Bár a webhely megjelenése és hangulata nagyon fontos tényezők, nem csak ezekre kell gondolnia, mielőtt döntést hozna.

Ez tény: webhelyének sikere az elrendezésétől függ, és attól, hogy a felhasználók hogyan érzik magukat, miközben használják vagy böngészik. Ez határozottan befolyásolja látogatóit a webhelyről alkotott véleményükben, illetve abban, hogy fontolóra veszik-e a vásárlást.

Ne viccelj! A Digitális Ügynökségek Társasága (SoDA) jelentése szerint a rossz weboldal felhasználói élmény káros a vállalkozásokra. A tökéletes elrendezés tehát a webhely és a felhasználói élmény kialakításának kulcsfontosságú szempontja.

Azt is észrevehette, hogy bizonyos funkciókat megosztanak, mivel csakúgy, mint minden más iparágban, a trendek a formavilágot is viharba veszik. Manapság a telivér képek és a háromoszlopos tervezés divatos a tervezők körében.

De itt van a probléma, tudnod kell előre, hogy bármelyik út érvényes, mindkettőnek megvannak az előnyei és hátrányai. Szóval szerinted mit kellene tenned? A lehetőség az, hogy kihasználja ezen elemek ismerősségét a kollektív képzeletben, vagy dönthet úgy, hogy kiemelkedik, és felhívja a figyelmet az üzletére azzal, hogy valami egészen mást csinál! Nem könnyű megválaszolni ezt a kérdést, és a választás a célközönségtől függ.

Egy nagyszerű weboldal jellemzői

Nyugodtan kijelenthetjük, hogy a nagyszerűség lehetőségei sokféle formában és sok helyről adódnak, sok a munka, sok lehetőség, sok lehetőség. A legjobb választás a célközönségtől és az Ön által vezetett vállalkozás típusától függ. Ezek a választások formálják és tükrözik a márka imázsát.

Az Adobe szerint az emberek kétharmada szívesebben olvas valami gyönyörűen megtervezett dolgot, mint valami egyszerűt, ha szorít az idő; és az emberek 38%-a elhagyja a webhelyet, ha az nem vonzó. Ezek nagyon általános kijelentéseknek tűnnek, amelyekből hiányzik a konkrétság. De az UX-t és az UI-t mindig dizájnszakértők tanulmányozzák, ezért ahelyett, hogy egy idegen szerint a „szép” definícióját keressük, inkább keressük azokat a dolgokat, amelyeket széppé varázsolhatunk, és határozzuk meg, mit jelent a szépség a mi kontextusunkban.

Mivel nem minden vállalkozás egyforma, a jó weboldal kritériumai sem egyeznek meg, de beszélhetünk minden olyan elemről, amely a weboldal tervezésének feladatát tartalmazza, és ezekre reflektálhatsz, miközben az üzleti területedre is gondolsz. és elvek.

1. Rendetlenség : Helyezzen helyet tartalmai között, próbálja csak azt megjeleníteni, ami a felhasználót érdekli. Szabaduljon meg a „díszektől”. Legyen lényeges negatív térköz, így az elemek könnyebben olvashatók lesznek.
2. Interfész : Egyszerűsítse a navigációt. Legyen egyszerű utak egyik szakaszból a másikba.
3. Vizuális hierarchia : Rendezd a grafikai elemeket fontossági sorrendbe. A legfontosabb dolgok lehetnek az elsők, vagy foglalhatják el a legtöbb helyet, segítik látogatóit a tájékozódásban azáltal, hogy végigvezetik a tekintetüket a különböző elemeken. Például az emberek először nagyobb dolgokat olvasnak el .
4. Színpaletta és képválasztás : Dióhéjban az élénk színek kiemelkednek, ezért kiválóan használhatók ékezetként, és a megfelelő képekkel párosítva hosszabb ideig fenntarthatja látogatói érdeklődését!
5. Mobilbarát : 2019 júliusától az összes új webdomain alapértelmezése a mobil-első indexelés , és a keresésekben a mobilbarát weboldalak száma is megemelkedett . Ezért ügyeljen arra, hogy a mobil verziójának elrendezése is jól működjön.
6. Nyelvváltó gomb : Ha a tények azt mondják, hogy határokon átnyúló gazdaságban élünk, ahol az ország, ahol élsz, nem szab határt, hogy hol vásárolhatsz, akkor a többnyelvű webhely hiánya nem megoldás, ha boldogulni szeretne. .

Hogyan néznek ki a többnyelvű webhelyek?

Remek hír! Megpihenhet, egy többnyelvű webhely létrehozása nem egy próbatétel, olyan egyszerű, mint egy kis nyelvi gombot hozzáadni a webhely elrendezésének egyik sarkához a # használatával. {1}#. Soha nem volt ilyen egyszerű a nemzetközi online üzleti tevékenység.

Vessünk egy pillantást néhány webhely elrendezésére, és elemezzük, mi teszi őket olyan vonzóvá.

Crabtree és Evelyn

Kezdjük a Crabtree & Evelyn-nel, egy test- és illatipari vállalkozással, amely Németországból indult, de nagyszerű elrendezéssel és nyelvi lehetőségekkel világméretűvé vált.

Mivel a termékek széles választéka van, úgy döntöttek, hogy nem terhelik meg látogatóikat azzal, hogy ügyelnek az elrendezésükre, és gondos tervezési döntéseket hoznak, például a honlapjuk képernyőjét először egy egyszerű üzenettel töltik meg, jelen esetben az ünnepi szezonról. , és ha lefelé görget, vagy a „Vásároljon most” gombra kattint, a látogató a termékekhez kerül.

Igazán kifinomult és letisztult megjelenés, a látogatók biztosan tovább maradnak, lekötik az élmény. A menüvel kapcsolatban két lehetőség van a keresésre, egy keresőgomb, ahová beírhatunk egy kulcsszót, ha leszűkítettük, hogy mit keresünk; vagy kattintson a vásárlás gombra, majd válassza ki, hol és hogyan szeretné felfedezni, kategóriánként, kollekciónként, vagy nézze meg az ajándékcsomagokat.

És most a valaha volt legcsodálatosabb dologhoz, a nyelvváltóhoz. Az oldal alján találja, és rákattintva megjelenik az aktuális boltbeállítások, alternatívákat tartalmazó legördülő menükkel.

Ezt pedig ezzük meg A nyelvi gombok típusairól szóló cikk kapcsán korábban már szó volt róla, fantasztikus, hogy két lehetőségük van, az egyik a területre, a másik pedig a nyelvre, mert tudjuk, hogy nem mindenki a saját nyelvén böngészik, ill. az országukban. Ez a webhely a jól végzett lokalizációs munka tökéletes példája. Forduljon a ConveyThis csapatához, hogy további információkat kapjon arról, hogyan készítheti el webhelyét. szívesebben fogadják a felhasználókat a világ minden tájáról!

Digitális pénzverde

Először is lenyűgöző munka. Nagyszerű döntések mindenhol, nem gondolod? És fantasztikus színhasználat a kontraszt és a fókuszterületek létrehozásához. Soroljunk fel minden jót az oldallal kapcsolatban: negatív tér, különböző méretű betűtípusok, egyedi grafikák, színek és árnyalatok.

A különböző méretű elemek elrendezése megmutatja, hol kezdje el az olvasást, a fehér szóköz pedig időt ad az olvasónak a szünetre.

Itt van egy világos példa a vizuális hierarchiára:

A legalacsonyabbtól a legfontosabbig: az üzleti partnerek világosabb árnyalatokkal, a „Make it happen” kis betűtípussal, a „beszéljünk” gomb fekete háttérrel és fehér betűkkel, az „Evolutionary digital” nagy és félkövér betűtípussal és a „marketing” ugyanolyan betűtípussal, mint korábban, de zölddel kiemelve.

Ezen túlmenően a „Tegye megtörténjen” és a „Beszéljünk” parancsszavak is segítik a látogatót a böngészési élményben.

A navigációs sáv olyan egyszerű és áttekinthető, mint a Crabtree & Evelyné, a jobb oldali közösségimédia-sáv pedig nagyszerű választás azoknak a vállalkozásoknak, amelyek nagymértékben támaszkodnak a közösségi médiára, mint eszközre.

Nyelvi gombjaikat az oldal alján találja, kicsik, de minden opció látható, színük pedig élénk és nagyon különbözik a Digital Menta színpalettától, így könnyen megtalálhatóak.

Jóga

Itt van egy imádnivaló példa a zsúfolt webhelyekre. Sok a negatív tér és a színes figurák animáltak, ez a kíváncsiság érzését kelti a látogatókban! A hétköznapi böngészők minden bizonnyal maradnak, és megnézik a webhely többi részét, és többet tudhatnak meg a Yogangról. Zseniális dizájn.

A Yogang egy szórakoztató játék gyerekeknek, amely ötvözi a fizikai aktivitást, a pihenést, a megosztást és a kreativitást, és a honlapjuk is ezt tükrözi. A jógapózokat játszó különböző karakterek animációja nem a programozási készségek bemutatásáról szól, hanem a termék szellemiségét tükrözi.

Egyszerre imádnivaló és cselekvésre ösztönöz, hogy a Yogang a gyermekei gyermekkorának részévé váljon. A „Vásárlás” gombbal szólítják meg az impulzusos vásárlókat, és segítenek a potenciális vásárlóknak, hogy először többet tudjanak meg a termékről azáltal, hogy elvezetik őket az oktatóanyagokhoz.

Hosszabb menüsorukat az indokolja, hogy B2B-t és B2C-t árulnak, így másfajta látogatójuk van, akik mást keresnek, és mindenkinek gyorsan meg kell találnia, amit keres.

Nyelvgombjuk egy nem feltűnő gomb, „EN” és „FR” opciókkal. Szűk nyelvi lehetőségekkel rendelkeznek, de egyértelműen azonosították legnagyobb piacaikat, és nagy hangsúlyt fektettek arra, hogy a lehető legjobb felhasználói élményt nyújtsák.

Navy vagy szürke

Tudjuk, hogy sok egyedi műalkotás található ebben a listában. Ez egy nagyon sokoldalú elem, és ezek a webhelyek olyan jól használják őket, hogy sajátos megjelenést és hangulatot hozzanak létre.

A Navy és a Gray az utolsó példa ezen a listán, ezen is megvannak azok a tulajdonságok, amelyeket korábban dicsértünk, ezeket is azonosítottad? Nagyon kifinomult élményt nyújt, magával ragadó. Megnyugtat, látva azt a sok negatív teret, egyáltalán nem nyom el a gondolat, hogy ezen a weboldalon böngészjek, és az áttekinthető menüsor biztosítja, hogy minden küzdelem nélkül megtalálom, amit keresek.

Nagyra értékelem, hogy az étlapon különválasztották az „ingeket” és az „öltönyöket”, ez megfelelő döntés egy szabóüzlet számára, sok más üzlet is készített volna aloldalakat ezekhez a termékekhez, és ez is ésszerű döntés, de a sötétkék vagy a szürke, hozzájárul ahhoz a csiszolt megjelenéshez.

Ez a webhely különösen a jobb felső sarokban helyezte el a nyelv gombját, és az általuk választott betűtípus megegyezik a webhely többi részével. A bal alsó sarokban pedig hozzáadtak egy Whatsapp gombot a gyors kapcsolatfelvételhez.

Tervezz egy nagyszerű webhelyet a közönséged számára

A felsorolt weboldalak azért nagyszerűek, mert követik a jó design általános alapelveit, de azért is, mert minden döntés indokolható, indoka lehet az adott üzletág, de lehet a célközönség is. Ezért ne felejtse el szem előtt tartani vállalkozása identitását, eszményeit és közönségét, amikor döntéseket hoz.

A legfontosabb, hogy gondolja át, hogyan egyszerűsítheti le a keresést, és hogyan vezetheti el látogatóját a legkevesebb kattintással ahhoz, amit keres.

Dióhéjban szóljon a látogatóinak cselekvésre való felhívásáról, amint elérik a kezdőlapot, és használjon negatív teret a kontraszt létrehozására és a fontos dolgok kiemelésére, például az üzenetére; és végül, de nem utolsósorban, legyen egy egyszerű menü és egy nyelv gomb.

Úgy tűnik, készen áll a nemzetközi értékesítésre, és valószínűleg rengeteg fantasztikus ötlet jutott eszébe a cikk olvasása közben. Tudjon meg többet a ConveyThis webhelyről, és növelje online értékesítéseit!