Идеи за распоред за вашата повеќејазична веб-страница: Подобрување на корисничкото искуство

Идеи за распоред за вашата повеќејазична веб-локација: Подобрување на корисничкото искуство со ConveyThis, користејќи вештачка интелигенција за да се обезбеди беспрекорна навигација на повеќе јазици.
Пренесете го ова демо
Пренесете го ова демо
продавница 4156934 1280

Креирањето или дизајнирањето на веб-локација не е толку лесно како изборот од асортиман на шаблони што го сметате за најкул. Иако изгледот и чувството на веб-локација се многу важни фактори, тие не се единствените работи за кои треба да размислите пред да донесете одлука.

Факт е: успехот на вашата веб-страница е поврзан со нејзиниот распоред, како се чувствуваат корисниците додека ја користат или прелистуваат. Ова дефинитивно влијае на вашите посетители на подобро или на лошо според нивното мислење за вашата страница и дали тие ќе размислат за купување.

Не се шегувам! Според извештајот на Здружението на дигитални агенции (SoDA) , лошото искуство на корисникот на веб-локацијата е штетно за бизнисите. Значи, да се има совршен распоред е клучен аспект на дизајнот на веб-страницата и корисничкото искуство.

Можеби сте забележале дека споделуваат некои карактеристики, затоа што, како и сите други индустрии, трендовите исто така го заземаат светот на дизајнот. Во денешно време, сликите со полно крвавење и дизајнот со три колони се сите бесни кај дизајнерите.

Но, тука е проблемот, однапред треба да знаете дека било која патека е валидна, и двете имаат свои добри и лоши страни. Значи, што мислите дека треба да направите? Опциите се да ја искористите запознаеноста на овие елементи во колективното имагинарно, или можете да одлучите да се истакнете и да го привлечете вниманието на вашата продавница со тоа што ќе направите нешто многу различно! Не е лесно да се одговори на прашањето, а вашиот избор ќе зависи од вашата целна публика.

Карактеристики на одлична веб-страница

Можеме удобно да кажеме дека можностите за величина доаѓаат во многу форми и од многу места, има многу да се работи, многу опции, многу потенцијал. Вашиот најдобар избор ќе зависи од вашата целна публика и од видот на бизнисот што го водите. Овие избори го формираат и одразуваат имиџот на вашиот бренд.

Според Adobe , две третини од луѓето повеќе би сакале да читаат нешто убаво дизајнирано отколку нешто едноставно кога ќе се притисне времето; и 38% од луѓето ќе ја напуштат веб-локацијата ако е непривлечна. Овие изгледаат како многу општи изјави на кои им недостасува многу специфичност. Но, UX и UI секогаш се проучуваат од дизајнерски експерти, па наместо да бараме дефиниција за „убаво“ според странец, треба да бараме работи што би можеле да ги направиме убави и да дефинираме што значи убавина во нашиот контекст.

Бидејќи не се сите бизниси исти, ниту критериумите за добра веб-локација нема да се совпаѓаат, но можеме да зборуваме за сите различни елементи кои ја сочинуваат задачата за дизајнирање веб-локација и можете да размислувате за нив додека размислувате и за вашата деловна област и принципи.

  1. Без метеж : ставете простор помеѓу вашата содржина, обидете се да го прикажете само она што го интересира корисникот. Ослободете се од „украсите“. Имајте значителен негативен простор за полесно да се читаат елементите.
  2. Интерфејс : Направете ја навигацијата едноставна. Имајте директни патеки од еден дел до друг.
  3. Визуелна хиерархија : Подредете ги графичките елементи по редослед на важност. Најважните работи можат да бидат на прво место или можат да заземат најмногу простор, да им помогнат на вашите посетители да се движат водејќи ги очите низ различните елементи. На пример, луѓето прво читаат поголеми работи .
  4. Палета на бои и избор на слика : Накратко, светлите бои се издвојуваат и затоа функционираат одлично како акценти, а во комбинација со правилните слики можете да ги задржите вашите посетители подолго заинтересирани!
  5. Погодно за мобилни телефони : од јули 2019 година, стандардно за сите нови веб-домени е индексирање на прво место за мобилни телефони , а исто така ги зголеми рангот на веб-страници погодни за мобилни телефони во пребарувањата. Затоа, погрижете се и распоредот на вашата мобилна верзија да работи добро.
  6. Копче за менување јазик : Кога фактите велат дека живееме во прекугранична економија каде што земјата во која живеете не ограничува од каде можете да купувате, немањето повеќејазична веб-страница не е опција ако сакате да напредувате .

Како изгледаат повеќејазичните веб-страници?

Одлична вест! Можете да се опуштите, создавањето повеќејазична веб-локација не е тешко искушение, тоа е лесно како додавање на мало јазично копче на еден од аглите на распоредот на вашата веб-локација со помош на ConveyThis . Водење бизнис онлајн на меѓународно ниво никогаш не било полесно.

Ајде да погледнеме некои распореди на веб-страници и да анализираме што ги прави толку привлечни.

Крабтри и Евелин

повеќејазична веб-страница

Да почнеме со Crabtree & Evelyn, компанија за тело и мириси која започна во Германија, но го презеде својот бизнис глобален со одличен распоред и јазични опции.

Бидејќи разновидноста на производите е толку голема, тие избраа да не ги преоптоваруваат своите посетители со тоа што ќе се грижат за нивниот распоред и ќе донесуваат внимателни одлуки за дизајнот, како на пример да го пополнат екранот на нивната почетна страница прво со едноставна порака, во овој случај, за сезоната на празници. , и кога ќе скролувате надолу или ќе кликнете на копчето „Купи сега“, посетителот се води до производите.

Тоа е навистина софистициран и чист изглед, посетителите дефинитивно ќе останат подолго, воодушевени од искуството. Во однос на менито, има две опции за пребарување, копче за пребарување каде што можете да напишете клучен збор, доколку сте го стесниле она што го барате; или кликнете на копчето продавница, а потоа изберете каде или како сакате да истражувате, по категорија, по колекција или проверете ги комплетите за подароци.

И сега на најневеројатното нешто досега, менувачот на јазици. Можете да го најдете на дното на страницата и кога ќе кликнете на него, ви ги прикажува тековните поставки на продавницата, со паѓачки менија со алтернативи.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiFwSCHUbO6

И ова е нешто за што зборувавме претходно во статијата за типови јазични копчиња , фантастично е што имаат две опции, едната за областа и другата за јазикот, бидејќи знаеме дека не секој прелистува на својот јазик или на својот јазик. земја. Оваа веб-локација е совршен пример за добро завршена работа за локализација. Контактирајте со тимот на ConveyThis за да дознаете повеќе информации за тоа како можете да ја направите вашата веб-страница подобредојдена за корисниците ширум светот!

Дигитална нане

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPbytIF

Пред сè, неверојатна работа. Одлични одлуки насекаде, не мислите? И фантастична употреба на боја за воспоставување на контраст и области на фокусирање. Ајде да ги наведеме сите добри работи за оваа страница: негативен простор, фонтови со различна големина, прилагодени уметнички дела, боја и нијанса.

Распоредот на елементите со различна големина ви покажува каде да започнете со читање, а белиот простор му дава време на читателот да паузира.

Овде имаме јасен пример за визуелна хиерархија:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJWMZKOGoSS9Tug

Од најмалку до најважно: деловните партнери во посветли нијанси, „Make it happen“ со мал фонт, копче „ајде да разговараме“ со црна позадина и бели букви, „Evolutionary digital“ со голем и задебелен фонт и „маркетинг“ во истиот фонт како претходно, но означен со зелено.

Дополнително, императивите „Направи го тоа да се случи“ и „Ајде да разговараме“ исто така му помагаат на посетителот во нивното искуство со прелистување.

Лентата за навигација е едноставна и јасна како онаа на Crabtree & Evelyn, а лентата за социјални медиуми десно е одличен избор за бизниси кои во голема мера се потпираат на социјалните медиуми како алатка.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

Можете да ги најдете нивните јазични копчиња на дното на страницата, тие се мали, но сите опции се видливи и нивните бои се светли и многу различни од палетата на бои Digital Menta за да можат лесно да се најдат.

Јога

Овде имаме симпатичен пример на несредени веб-страници. Има многу негативен простор и фигурите во боја се анимирани, ова влева чувство на љубопитност кај посетителите! Обичните прелистувачи дефинитивно ќе останат и ќе го разгледаат остатокот од веб-страницата и ќе дознаат повеќе за Yogang. Брилијантен дизајн.

Јогангот е забавна игра за деца која комбинира физичка активност, релаксација, споделување и креативност, а нивната почетна страница го одразува тоа. Анимацијата на различни ликови кои прават јога пози не е за покажување на програмските вештини, тоа е одраз на духот на производот.

Истовремено симпатичен и повик за акција за да го направите јогангот дел од детството на вашите деца. Тие ги привлекуваат импулсните купувачи со копчето „Купи“ и исто така му помагаат на потенцијалниот клиент да дознае повеќе за производот прво со тоа што ќе ги водат до упатствата.

Нивната подолга лента со мени е оправдана со тоа што тие продаваат B2B и B2C, така што имаат различни видови на посетители кои бараат различни работи и сите тие треба брзо да го најдат она што го бараат.

Нивното јазично копче е ненаметливо копче со опциите „EN“ и „FR“. Тие имаат тесни јазични опции, но јасно ги идентификуваа нивните најголеми пазари и се фокусираа многу на обезбедување на најдоброто можно искуство за корисникот.

Морнарица или сива боја

К

Многу сопствени уметнички дела во оваа листа, знаеме. Тоа е толку разновиден елемент и овие веб-локации ги користат толку добро за да создадат специфичен изглед и чувство.

Navy and Grey е последниот пример на оваа листа, ги има и карактеристиките што ги пофаливме претходно, дали ги идентификувавте и вие? Тоа создава многу софистицирано искуство, тоа е волшебно. Ме прави да се чувствувам смирено, гледајќи го целиот тој негативен простор, воопшто не ме обзема идејата да ја прелистувам оваа веб-страница и чистата лента со мени ме уверува дека ќе го најдам тоа што го барам без никаква борба.

Ценим како ги раздвоија „Кошули“ и „Костими“ во менито, тоа е соодветна одлука за кројачки бизнис, многу други продавници би создале подстраници за овие производи, и тоа е исто така разумна одлука, но за Navy или Grey, тоа придонесува за тој полиран изглед.

Конкретно, оваа веб-локација го стави копче за јазик горе десно, а фонтот што го избраа е ист како и останатиот дел од веб-страницата. И долу лево, тие додадоа копче Whatsapp за брз контакт.

Дизајнирајте одлична веб-страница за вашата публика

Наведените веб-страници се одлични затоа што ги следат општите начела за добар дизајн, но и затоа што сите одлуки можат да се оправдаат, причините може да бидат деловната област во која се наоѓаат, но може да биде и целната публика. Затоа, не заборавајте да ги имате на ум идентитетот, идеалите и публиката на вашиот бизнис кога донесувате одлуки.

Клучот е да размислите како да го поедноставите пребарувањето и како да го доведете вашиот посетител до она што го бара со најмалку кликови.

Накратко, дајте им на вашите посетители повик за акција веднаш штом ќе пристапат до почетната страница и користете негативен простор за да создадете контраст и да ги потенцирате важните работи, како вашата порака; и последно, но не и најмалку важно, имајте едноставно мени и копче за јазик.

Изгледате подготвени да продавате на меѓународно ниво и веројатно дојдовте до многу фантастични идеи додека ја читате оваа статија. Дознајте повеќе за ConveyThis и зајакнете ја вашата онлајн продажба!

Коментар (1)

  1. 4 инспиративни е-трговија кои прават сè како што треба
    20 февруари 2020 година Одговори

    [...] Споменатите номинирани имаат одлични дизајнери кои даваат се од себе и ги носат сите најдобри идеи кои ќе ги одразат сите идеали на брендот во неверојатна виртуелна продавница која ќе ги претвори посетителите во клиенти. […]

Оставете коментар

Вашата адреса за е-пошта нема да биде објавена. Задолжителните полиња се означени*