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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Йога

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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