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

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

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

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

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

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

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

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

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

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

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

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

Чудова новина! Ви можете розслабитися, створити багатомовний веб-сайт – це не важке випробування, це так само просто, як додати невелику кнопку мови в один із кутів макета веб-сайту за допомогою # {1}#. Вести міжнародний бізнес онлайн ще ніколи не було так просто.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Йога

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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