Daugiakalbės svetainės išdėstymo idėjos: gerinkite naudotojų patirtį

Sukurti ar kurti svetainę nėra taip paprasta, kaip iš daugybės šablonų pasirinkti tą, kuris, jūsų nuomone, yra šauniausias. Nors svetainės išvaizda ir pojūtis yra labai svarbūs veiksniai, tai nėra vieninteliai dalykai, į kuriuos turite pagalvoti prieš priimdami sprendimą.

Tai faktas: jūsų svetainės sėkmė yra susijusi su jos išdėstymu, tuo, kaip vartotojai jaučiasi ja besinaudojantys ar naršydami. Tai neabejotinai įtakoja jūsų lankytojų nuomonę apie jūsų svetainę ir tai, ar jie svarstys galimybę pirkti.

Nejuokauju! Remiantis Skaitmeninių agentūrų draugijos (SoDA) ataskaita , prasta svetainės naudotojų patirtis kenkia įmonėms. Taigi tobulas išdėstymas yra pagrindinis svetainės ir naudotojo patirties dizaino aspektas.

Galbūt taip pat pastebėjote, kad jie dalijasi kai kuriomis savybėmis, nes, kaip ir visose kitose pramonės šakose, tendencijos taip pat užvaldo dizaino pasaulį. Šiais laikais dizainerių madingi vaizdai ir trijų stulpelių dizainas.

Bet čia yra problema, jūs turėtumėte iš anksto žinoti, kad bet kuris kelias galioja, jie abu turi savo privalumų ir trūkumų. Taigi, ką, jūsų nuomone, turėtumėte daryti? Galima rinktis iš šių elementų žinomumo kolektyvinėje vaizduotėje arba galite nuspręsti išsiskirti ir atkreipti dėmesį į savo parduotuvę darydami ką nors visiškai kitokio! Į šį klausimą atsakyti nėra lengva, o jūsų pasirinkimas priklausys nuo jūsų tikslinės auditorijos.

Puikios svetainės savybės

Galime drąsiai teigti, kad didybės galimybės yra įvairių formų ir iš daugybės vietų, yra su kuo dirbti, daug galimybių, daug potencialo. Geriausi jūsų pasirinkimai priklausys nuo jūsų tikslinės auditorijos ir jūsų vykdomo verslo tipo. Šie pasirinkimai formuoja ir atspindi jūsų prekės ženklo įvaizdį.

„Adobe“ teigimu, du trečdaliai žmonių mieliau skaitytų ką nors gražaus dizaino, o ne ką nors paprasto, kai jiems trūksta laiko; ir 38 % žmonių paliks svetainę, jei ji bus nepatraukli. Tai atrodo labai bendri teiginiai, kuriems trūksta daug konkretumo. Tačiau UX ir UI visada tiria dizaino ekspertai, todėl užuot ieškoję nepažįstamo žmogaus „gražu“ apibrėžimo, turėtume ieškoti dalykų, kuriuos galėtume paversti gražiais, ir apibrėžti, ką grožis reiškia mūsų kontekste.

Kadangi ne visos įmonės yra vienodos, geros svetainės kriterijai taip pat nesutaps, tačiau galime kalbėti apie visus skirtingus elementus, sudarančius svetainės kūrimo užduotį, ir galite juos apmąstyti, galvodami apie savo verslo sritį. ir principus.

1. Be netvarkos : palikite tarpą tarp turinio, stenkitės rodyti tik tai, kas domina vartotoją. Atsikratykite „papuošalų“. Turėkite didelę neigiamą erdvę, kad elementai būtų lengviau skaitomi.
2. Sąsaja : palengvinkite naršymą. Turėkite paprastus kelius iš vienos sekcijos į kitą.
3. Vaizdinė hierarchija : grafinius elementus išdėstykite pagal svarbą. Svarbiausi dalykai gali būti pirmoje vietoje arba gali užimti daugiausiai vietos. Padėkite lankytojams naršyti, nukreipdami akis į skirtingus elementus. Pavyzdžiui, žmonės pirmiausia perskaito didesnius dalykus .
4. Spalvų paletės ir vaizdo pasirinkimas : Trumpai tariant, ryškios spalvos išsiskiria, todėl puikiai veikia kaip akcentas, o derinant su tinkamais vaizdais galite ilgiau išlaikyti lankytojų susidomėjimą!
5. Pritaikytas mobiliesiems : nuo 2019 m. liepos mėn. visų naujų žiniatinklio domenų numatytasis indeksavimas yra pirmiausia mobiliesiems , taip pat padidino mobiliesiems pritaikytų tinklalapių gretas paieškose. Taigi įsitikinkite, kad jūsų mobiliosios versijos išdėstymas taip pat veikia gerai.
6. Kalbos keitimo mygtukas : kai faktai sako, kad gyvename tarpvalstybinėje ekonomikoje, kurioje šalis, kurioje gyvenate, neriboja, iš kur galite įsigyti, neturėti kelių kalbų svetainės nėra išeitis, jei norite klestėti. .

Kaip atrodo daugiakalbės svetainės?

Puiki naujiena! Galite atsipalaiduoti, sukurti daugiakalbę svetainę nėra sunkus išbandymas, tai taip pat paprasta, kaip pridėti nedidelį kalbos mygtuką prie vieno iš svetainės išdėstymo kampų naudojant ConveyThis . Užsiimti verslu internetu tarptautiniu mastu dar niekada nebuvo taip paprasta.

Pažvelkime į kai kuriuos svetainių maketus ir paanalizuosime, kuo jie tokie patrauklūs.

Crabtree ir Evelyn

Pradėkime nuo „Crabtree & Evelyn“ – kūno ir kvepalų įmonės, kuri savo veiklą pradėjo Vokietijoje, bet išplėtė savo verslą visame pasaulyje, turėdama puikias išdėstymo ir kalbų galimybes.

Kadangi prekių asortimentas yra labai platus, jie nusprendė neužgožti lankytojų, rūpindamiesi jų išdėstymu ir priimdami kruopščius dizaino sprendimus, pavyzdžiui, pirmiausia užpildydami savo pagrindinio puslapio ekraną paprasta žinute, šiuo atveju apie atostogų sezoną. , o slinkus žemyn arba paspaudus mygtuką „Apsipirkti dabar“, lankytojas nukreipiamas prie prekių.

Tai tikrai rafinuota ir švari išvaizda, lankytojai tikrai pasiliks ilgiau, sužavėti patirtimi. Kalbant apie meniu, yra dvi paieškos parinktys: paieškos mygtukas, kuriame galite įvesti raktinį žodį, jei susiaurinote tai, ko ieškote; arba spustelėkite parduotuvės mygtuką, tada pasirinkite, kur ir kaip norite tyrinėti, pagal kategoriją, kolekciją arba patikrinkite dovanų rinkinius.

O dabar – į nuostabiausią dalyką – kalbos keitiklį. Jį galite rasti puslapio apačioje, o spustelėjus rodomi dabartiniai parduotuvės nustatymai su išskleidžiamaisiais meniu su alternatyvomis.

Ir tai yra kažkas , apie ką jau kalbėjome straipsnyje apie kalbos mygtukų tipus , nuostabu, kad jie turi dvi parinktis – vieną sritį, kitą – kalbą, nes žinome, kad ne visi naršo savo kalba arba savo kalba. Šalis. Ši svetainė yra puikus gerai atlikto lokalizavimo darbo pavyzdys. Susisiekite su „ConveyThis“ komanda, kad sužinotumėte daugiau apie tai, kaip galite padaryti savo svetainę svetingesnę naudotojams visame pasaulyje!

Skaitmeninė monetų kalykla

Visų pirma, nuostabus darbas. Puikūs sprendimai visur, ar ne? Ir fantastiškas spalvų panaudojimas kontrastui ir fokusavimo sritims nustatyti. Išvardinkime visus gerus dalykus apie šią svetainę: neigiamą erdvę, skirtingų dydžių šriftus, pasirinktinius meno kūrinius, spalvas ir atspalvius.

Skirtingų dydžių elementų išdėstymas parodo, kur pradėti skaityti, o tarpas suteikia skaitytojui laiko pristabdyti.

Čia yra aiškus vizualinės hierarchijos pavyzdys:

Nuo mažiausiai iki svarbiausių: verslo partneriai šviesesniais atspalviais, „Make it happen“ mažu šriftu, mygtukas „pakalbėkime“ juodu fonu ir baltomis raidėmis, „Evolutionary digital“ dideliu ir paryškintu šriftu ir „rinkodara“. tuo pačiu šriftu kaip ir anksčiau, bet paryškinta žalia spalva.

Be to, įpareigojimai „Padaryk tai“ ir „Pasikalbėkime“ taip pat padeda lankytojui naršyti.

Naršymo juosta yra tokia pat paprasta ir aiški kaip Crabtree & Evelyn's, o dešinėje esanti socialinės žiniasklaidos juosta yra puikus pasirinkimas įmonėms, kurios labai priklauso nuo socialinės žiniasklaidos.

Jų kalbos mygtukus rasite puslapio apačioje, jie yra nedideli, tačiau matomos visos parinktys, o jų spalvos yra ryškios ir labai skiriasi nuo Digital Menta spalvų paletės, todėl juos galima lengvai rasti.

Joga

Čia turime žavingą netvarkingų svetainių pavyzdį. Yra daug neigiamos erdvės, o spalvotos figūros yra animuotos, tai lankytojams sukelia smalsumo jausmą! Įprastos naršyklės tikrai liks ir pažvelgs į likusią svetainės dalį bei sužinos daugiau apie „Yogang“. Puikus dizainas.

Yogang yra įdomus žaidimas vaikams, kuriame dera fizinė veikla, atsipalaidavimas, dalijimasis ir kūrybiškumas, o jų pagrindinis puslapis tai atspindi. Įvairių personažų, darančių jogos pozas, animacija nėra skirta programavimo įgūdžių demonstravimui, tai produkto dvasios atspindys.

Vienu metu žavinga ir raginimas veikti, kad Yogang taptų jūsų vaikų vaikystės dalimi. Jie kreipiasi į impulsyvius pirkėjus naudodami mygtuką „Pirkti“, taip pat padeda potencialiam klientui pirmiausia sužinoti daugiau apie produktą, nukreipdami juos į mokymo programas.

Jų ilgesnė meniu juosta pateisinama tuo, kad jie parduoda B2B ir B2C, todėl turi skirtingus lankytojus, ieškančius skirtingų dalykų, ir visi turi greitai rasti tai, ko ieško.

Jų kalbos mygtukas yra nepastebimas mygtukas su parinktimis „EN“ ir „FR“. Jie turi siauras kalbos parinktis, tačiau aiškiai nustatė didžiausias rinkas ir daug dėmesio skyrė geriausios įmanomos naudotojo patirties teikimui.

Navy arba pilka

Mes žinome, kad šiame sąraše yra daug nestandartinių meno kūrinių. Tai toks universalus elementas, ir šiose svetainėse jie taip gerai naudojami, kad sukurtų specifinę išvaizdą.

„Navy“ ir „Gray“ yra paskutinis pavyzdys šiame sąraše. Jame taip pat yra funkcijų, kurias anksčiau gyrėme, ar jas taip pat nustatėte? Tai suteikia labai sudėtingą patirtį, ji žavi. Jaučiuosi ramus, matydamas visą tą negatyvią erdvę, manęs visiškai neužvaldo mintis naršyti šioje svetainėje, o aiški meniu juosta patikina, kad be vargo surasiu tai, ko ieškau.

Aš vertinu, kaip jie meniu atskyrė „Marškinius“ ir „Kostiuminius“, tai tinkamas sprendimas siuvimo verslui, daugelis kitų parduotuvių būtų sukūrusios šių produktų antrinius puslapius, ir tai taip pat yra pagrįstas sprendimas, bet tamsiai ar pilkai, tai prisideda prie tos nugludintos išvaizdos.

Visų pirma, ši svetainė viršuje dešinėje įdėjo kalbos mygtuką, o jų pasirinktas šriftas yra toks pat kaip ir likusioje svetainėje. Apatiniame kairiajame kampe jie pridėjo „Whatsapp“ mygtuką, kad galėtumėte greitai susisiekti.

Sukurkite puikią svetainę savo auditorijai

Išvardintos svetainės yra puikios, nes jos vadovaujasi bendraisiais gero dizaino principais, bet taip pat todėl, kad visi sprendimai gali būti pagrįsti, priežastys gali būti verslo sritis, kurioje jie yra, bet gali būti ir tikslinė auditorija. Taigi priimdami sprendimus nepamirškite savo verslo tapatybės, idealų ir auditorijos.

Svarbiausia pagalvoti, kaip supaprastinti paiešką ir kaip nukreipti lankytoją prie to, ko jis ieško su mažiausiai paspaudimų.

Trumpai tariant, paraginkite savo lankytojus veikti, kai tik jie pasiekia pagrindinį puslapį, ir naudokite neigiamą erdvę, kad sukurtumėte kontrastą ir paryškintumėte svarbius dalykus, pvz., pranešimą; ir paskutinis, bet ne mažiau svarbus dalykas – turėti paprastą meniu ir kalbos mygtuką.

Atrodote pasiruošę parduoti tarptautiniu mastu ir tikriausiai sugalvojote daug fantastiškų idėjų skaitydami šį straipsnį. Sužinokite daugiau apie ConveyThis ir padidinkite pardavimus internetu!