Ідеї макету для вашого багатомовного веб-сайту: покращення взаємодії з користувачем

Ідеї макетів для вашого багатомовного веб-сайту: покращення взаємодії з користувачем за допомогою ConveyThis, використання штучного інтелекту для забезпечення бездоганної навігації кількома мовами.
Передайте цю демонстрацію
Передайте цю демонстрацію
магазин 4156934 1280

Створити або розробити веб-сайт не так просто, як вибрати з асортименту шаблонів той, який ви вважаєте найкращим. Хоча зовнішній вигляд веб-сайту є дуже важливими факторами, це не єдине, про що вам слід подумати, перш ніж приймати рішення.

Це факт: успіх вашого веб-сайту пов’язаний із його макетом, тим, як почуваються користувачі під час використання чи перегляду. Це безперечно впливає на думку ваших відвідувачів про ваш сайт у кращу чи гіршу сторону та на те, чи будуть вони розглядати можливість покупки.

Без жартів! Відповідно до звіту Товариства цифрових агенцій (SoDA) , поганий досвід користувачів веб-сайту шкодить бізнесу. Отже, наявність ідеального макета є ключовим аспектом дизайну веб-сайту та взаємодії з користувачем.

Можливо, ви також помітили, що вони мають деякі спільні риси, тому що, як і в інших галузях, тенденції також штурмують світ дизайну. Зараз у дизайнерів модні зображення без полів і дизайн із трьох колонок.

Але ось проблема, ви повинні заздалегідь знати, що будь-який шлях дійсний, обидва мають свої плюси та мінуси. Отже, що, на вашу думку, вам слід зробити? Варіанти полягають у тому, щоб скористатися перевагами знайомства цих елементів у колективній уяві, або ви можете вирішити виділитися та привернути увагу до свого магазину, зробивши щось надзвичайно інше! Відповісти на це запитання непросто, і ваш вибір залежатиме від цільової аудиторії.

Характеристики чудового веб-сайту

Ми можемо з комфортом сказати, що можливості для величі мають багато форм і з багатьох місць, є з чим працювати, багато варіантів, багато потенціалу. Ваш найкращий вибір буде залежати від вашої цільової аудиторії та типу бізнесу, який ви ведете. Ці варіанти формують і відображають імідж вашого бренду.

За даними Adobe , дві третини людей радше прочитають щось красиво оформлене, ніж щось зрозуміле, коли бракує часу; і 38% людей залишать веб-сайт, якщо він непривабливий. Це здається дуже загальними твердженнями, яким бракує великої кількості конкретики. Але UX та UI завжди вивчаються експертами з дизайну, тож замість того, щоб шукати визначення «красивого» за словами незнайомців, ми повинні шукати речі, які ми могли б перетворити на красиві, і визначити, що означає краса в нашому контексті.

Оскільки не всі підприємства однакові, критерії хорошого веб-сайту також не будуть збігатися, але ми можемо говорити про всі різні елементи, які складають завдання розробки веб-сайту, і ви можете поміркувати над ними, одночасно думаючи про сферу свого бізнесу і принципи.

  1. Без захаращення : додайте відстань між вмістом, намагайтеся відображати лише те, що цікавить користувача. Позбудьтеся «прикрас». Майте істотний негативний простір, щоб елементи було легше читати.
  2. Інтерфейс : зробіть навігацію простою. Майте прямі шляхи від однієї ділянки до іншої.
  3. Візуальна ієрархія : упорядкуйте графічні елементи в порядку важливості. Найважливіші речі можуть стояти на першому місці або можуть займати найбільше місця, допоможіть вашим відвідувачам орієнтуватися, проводячи їхні очі крізь різні елементи. Наприклад, люди спочатку читають більші речі .
  4. Колірна палітра та вибір зображень : Коротше кажучи, яскраві кольори виділяються, а тому чудово підходять для акцентів, а в поєднанні з правильними зображеннями ви можете довше зацікавити відвідувачів!
  5. Зручність для мобільних пристроїв : станом на липень 2019 року за замовчуванням для всіх нових веб-доменів використовується індексація, орієнтована на мобільні пристрої , а також покращені рейтинги веб-сторінок, зручних для мобільних пристроїв, у результатах пошуку. Тому переконайтеся, що макет вашої мобільної версії також працює добре.
  6. Кнопка перемикання мови : якщо факти свідчать про те, що ми живемо в транскордонній економіці, де країна, у якій ви живете, не обмежує, де ви можете купувати, відсутність багатомовного веб-сайту не є варіантом, якщо ви прагнете процвітати .

Як виглядають багатомовні веб-сайти?

Відмінна новина! Ви можете розслабитися, створення багатомовного веб-сайту – це не важке випробування, це так само просто, як додати маленьку кнопку мови в один із кутів макета веб-сайту за допомогою ConveyThis . Вести міжнародний бізнес онлайн ще ніколи не було простіше.

Давайте розглянемо деякі макети веб-сайтів і проаналізуємо, що робить їх такими привабливими.

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

багатомовний веб-сайт

Почнемо з Crabtree & Evelyn, компанії з виробництва парфумів і тіла, яка розпочала свою діяльність у Німеччині, але розвинула свій бізнес у всьому світі завдяки чудовому макету та варіантам мови.

Оскільки різноманітність продуктів така широка, вони вирішили не перевантажувати своїх відвідувачів, піклуючись про їх макет і приймаючи ретельні дизайнерські рішення, наприклад, заповнивши екран своєї домашньої сторінки спочатку простим повідомленням, у цьому випадку про святковий сезон. , і коли ви прокручуєте вниз або натискаєте кнопку «Купити зараз», відвідувач переходить до продуктів.

Це справді вишуканий і чистий вигляд, відвідувачі точно залишаться довше, зачаровані враженнями. Щодо меню, є два варіанти пошуку: кнопка пошуку, де ви можете ввести ключове слово, якщо ви звузили те, що шукаєте; або натисніть кнопку магазину, а потім виберіть, де або як ви хочете досліджувати, за категорією, за колекцією або перевірте подарункові набори.

А тепер до найдивовижнішої речі – перемикача мови. Ви можете знайти його в нижній частині сторінки, і, натиснувши його, він покаже поточні налаштування магазину зі спадними меню з альтернативами.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cFSd KlOnlGubU7cDiQ

І це щось ми про що говорилося раніше в статті про типи мовних кнопок, чудово, що вони мають два варіанти, один для регіону, а інший для мови, тому що ми знаємо, що не всі переглядають сторінку своєю мовою чи у своїй країні. Цей веб-сайт є чудовим прикладом добре виконаної роботи з локалізації. Зв’яжіться з командою ConveyThis, щоб дізнатися більше про те, як зробити свій веб-сайт кращим вітаємо користувачів у всьому світі!

Цифровий монетний двор

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

Перш за все, приголомшлива робота. Чудові рішення скрізь, вам не здається? І фантастичне використання кольору для встановлення контрасту та зон фокусування. Давайте перерахуємо всі хороші сторони цього сайту: негативний простір, шрифти різного розміру, власне зображення, колір і відтінок.

Розташування елементів різного розміру показує, з чого почати читання, а пробіл дає читачеві час для паузи.

Ось наочний приклад візуальної ієрархії:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

Від найменшого до найважливішого: ділові партнери світлішими відтінками, «Make it happen» дрібним шрифтом, кнопка «поговоримо» з чорним фоном і білими літерами, «Evolutionary digital» великим жирним шрифтом і «маркетинг» тим же шрифтом, що й раніше, але виділено зеленим.

Крім того, імперативи «Зробіть це дійсним» і «Давайте поговоримо» також допомагають відвідувачеві під час перегляду.

Панель навігації така ж проста й зрозуміла, як у Crabtree & Evelyn, а панель соціальних мереж праворуч є чудовим вибором для компаній, які значною мірою покладаються на соціальні мережі як інструмент.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

Ви можете знайти їх кнопки мови внизу сторінки, вони маленькі, але всі параметри видно, а їхні кольори яскраві та сильно відрізняються від палітри кольорів Digital Menta, тому їх легко знайти.

Йога

Ось чудовий приклад розбитих веб-сайтів. Тут багато негативного простору, а кольорові фігури анімовані, це викликає у відвідувачів почуття цікавості! Звичайні веб-переглядачі точно залишаться й переглянуть решту веб-сайту та дізнаються більше про Yogang. Блискучий дизайн.

Йоганг — це весела гра для дітей, яка поєднує фізичну активність, розслаблення, обмін і творчість, і їхня домашня сторінка відображає це. Анімація різних персонажів, які виконують пози йоги, не означає демонстрацію навичок програмування, це відображення духу продукту.

Одночасно чарівний і заклик до дії, щоб зробити Yogang частиною дитинства ваших дітей. Вони звертаються до імпульсивних покупців за допомогою кнопки «Купити», а також допомагають потенційним клієнтам дізнатися більше про продукт, скеровуючи їх до навчальних посібників.

Їх довша панель меню виправдана тим, що вони продають B2B і B2C, тому вони мають різні типи відвідувачів, які шукають різні речі, і всі вони повинні швидко знайти те, що шукають.

Їхня кнопка мови – це непомітна кнопка з параметрами «EN» і «FR». У них обмежені мовні можливості, але вони чітко визначили свої найбільші ринки та зосередилися на забезпеченні найкращого досвіду для користувача.

Темно-синій або сірий

ДО

Ми знаємо, що в цьому списку багато нестандартних творів мистецтва. Це такий універсальний елемент, і ці веб-сайти так добре використовують їх, щоб створити особливий вигляд і відчуття.

Темно-сірий — останній приклад у цьому списку, він також має функції, які ми хвалили раніше. Ви їх теж визначили? Це створює дуже складний досвід, це захоплює. Це змушує мене почуватися спокійним, коли я бачу весь цей негативний простір, я зовсім не приголомшений ідеєю переглядати цей веб-сайт, а зрозуміла панель меню запевняє мене, що я знайду те, що шукаю, без жодних зусиль.

Я ціную те, що вони розділили «Сорочки» та «Костюми» в меню, це відповідне рішення для пошиття одягу, багато інших магазинів створили б підсторінки для цих товарів, і це також розумне рішення, але для темно-синього або сірого, це сприяє цьому полірованому вигляду.

Цей веб-сайт, зокрема, розмістив кнопку мови у верхньому правому куті, а шрифт, який вони вибрали, такий самий, як і на решті веб-сайту. А внизу зліва вони додали кнопку Whatsapp для швидкого зв’язку.

Створіть чудовий веб-сайт для своєї аудиторії

Перелічені веб-сайти чудові, тому що вони дотримуються загальних принципів хорошого дизайну, а також тому, що всі рішення можуть бути виправданими, причинами можуть бути бізнес-сфера, у якій вони працюють, але це також може бути цільова аудиторія. Тож не забувайте пам’ятати про індивідуальність, ідеали та аудиторію свого бізнесу, приймаючи рішення.

Головне — подумати про те, як спростити пошук і як привести відвідувача до того, що він шукає, за допомогою найменшої кількості кліків.

У двох словах, спонукайте своїх відвідувачів до дії, щойно вони переходять на домашню сторінку, і використовуйте негативний простір, щоб створити контраст і виділити важливі речі, як-от ваше повідомлення; і останнє, але не менш важливе, мати просте меню та кнопку мови.

Здається, ви готові продавати на міжнародному рівні, і, напевно, у вас виникло багато фантастичних ідей, читаючи цю статтю. Дізнайтеся більше про ConveyThis і збільште свої онлайн-продажі!

Коментар (1)

  1. 4 надихаючі електронні комерції, які роблять усе правильно
    20 лютого 2020 року Відповісти

    […] У згаданих номінантів є чудові дизайнери, які віддають всі свої сили та привносять усі найкращі ідеї, які відображатимуть усі ідеали бренду, у приголомшливий віртуальний магазин, який перетворить відвідувачів на клієнтів. […]

Залишити коментар

Ваша електронна адреса не буде опублікована. Обов'язкові поля позначені*