Идеи макета для вашего многоязычного веб-сайта: улучшение пользовательского опыта

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

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

Шутка! Согласно отчету Общества цифровых агентств (SoDA) , плохой пользовательский опыт веб-сайта наносит ущерб бизнесу. Поэтому наличие идеального макета является ключевым аспектом дизайна веб-сайта и пользовательского опыта.

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

Но вот в чем проблема, вы должны знать заранее, что любой из путей действителен, у обоих есть свои плюсы и минусы. Так что, по-вашему, вам следует делать? Варианты таковы: воспользоваться известностью этих элементов в коллективном воображении или решить выделиться и привлечь внимание к своему магазину, сделав что-то совершенно иное! Это нелегкий вопрос, и ваш выбор будет зависеть от вашей целевой аудитории.

Характеристики отличного веб-сайта

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

По данным Adobe , две трети людей предпочтут прочитать что-то красиво оформленное, чем что-то простое, когда у них мало времени; и 38% людей покинут сайт, если он непривлекателен. Это кажется очень общими утверждениями, лишенными особой конкретики. Но UX и UI всегда изучаются экспертами по дизайну, поэтому вместо того, чтобы искать определение «красивого» по мнению незнакомца, мы должны искать вещи, которые мы могли бы сделать красивыми, и определять, что означает красота в нашем контексте.

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

1. Без лишних деталей : оставляйте пространство между контентом, старайтесь отображать только то, что интересно пользователю. Избавьтесь от «украшений». Оставляйте существенное негативное пространство, чтобы элементы было легче читать.
2. Интерфейс : Сделайте навигацию простой. Сделайте прямые пути из одного раздела в другой.
3. Визуальная иерархия : расположите графические элементы в порядке важности. Самые важные вещи могут быть первыми или занимать больше всего места, помогите посетителям ориентироваться, направляя их взгляд через различные элементы. Например, люди сначала читают более крупные вещи .
4. Цветовая палитра и выбор изображений : Короче говоря, яркие цвета выделяются и поэтому отлично работают в качестве акцентов, а в сочетании с правильными изображениями вы сможете дольше удерживать интерес посетителей!
5. Дружелюбный к мобильным устройствам : с июля 2019 года по умолчанию для всех новых веб-доменов используется индексация с приоритетом для мобильных устройств , а также повышены рейтинги страниц, дружелюбных к мобильным устройствам, в результатах поиска. Поэтому убедитесь, что макет вашей мобильной версии также работает хорошо.
6. Кнопка переключения языка : Когда факты говорят о том, что мы живем в трансграничной экономике, где страна, в которой вы живете, не ограничивает вас в том, где вы можете совершать покупки, отсутствие многоязычного веб-сайта — не вариант, если вы хотите преуспеть.

Как выглядят многоязычные сайты?

Отличные новости! Можете расслабиться, создание многоязычного веб-сайта — не испытание, это так же просто, как добавить небольшую кнопку языка в один из углов макета вашего веб-сайта с помощью ConveyThis. Вести бизнес онлайн на международном уровне еще никогда не было так просто.

Давайте рассмотрим некоторые макеты веб-сайтов и проанализируем, что делает их такими привлекательными.

Крэбтри и Эвелин

Начнем с Crabtree & Evelyn — компании по производству средств по уходу за телом и парфюмерии, которая начинала свою деятельность в Германии, но вывела свой бизнес на международный уровень благодаря отличной структуре и языковым возможностям.

Поскольку ассортимент продукции настолько широк, они решили не перегружать своих посетителей, тщательно продумав макет и приняв продуманные дизайнерские решения. Например, сначала они заполнили экран своей домашней страницы простым сообщением, в данном случае о праздничном сезоне, а когда вы прокручиваете страницу вниз или нажимаете кнопку «Купить сейчас», посетитель переходит к товарам.

Это действительно изысканный и чистый вид, посетители определенно останутся дольше, очарованные опытом. Что касается меню, есть два варианта поиска, кнопка поиска, где вы можете ввести ключевое слово, если вы сузили то, что ищете; или нажмите кнопку магазина, а затем выберите, где или как вы хотите исследовать, по категории, по коллекции или проверить подарочные наборы.

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

И это то, о чем мы уже говорили ранее в статье о типах языковых кнопок, здорово, что у них есть два варианта: один для области, а другой для языка, потому что мы знаем, что не все просматривают на своем языке или в своей стране. Этот веб-сайт — прекрасный пример хорошо проделанной работы по локализации. Свяжитесь с командой ConveyThis, чтобы узнать больше информации о том, как сделать свой веб-сайт более привлекательным для пользователей по всему миру!

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

Прежде всего, потрясающая работа. Отличные решения повсюду, не правда ли? И фантастическое использование цвета для создания контраста и фокусных зон. Давайте перечислим все хорошее на этом сайте: негативное пространство, шрифты разного размера, пользовательские иллюстрации, цвет и оттенок.

Расположение элементов разного размера показывает, с чего начать чтение, а пустое пространство дает читателю время сделать паузу.

Здесь мы имеем наглядный пример визуальной иерархии:

От наименее важного к наиболее важному: деловые партнеры более светлыми тонами, «Сделайте это возможным» мелким шрифтом, кнопка «Давайте поговорим» на черном фоне и белыми буквами, «Evolutionary digital» крупным и жирным шрифтом и «маркетинг» тем же шрифтом, что и раньше, но выделенным зеленым цветом.

Кроме того, императивы «Сделай это» и «Давайте поговорим» также помогают посетителям в процессе навигации.

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

Кнопки выбора языка вы найдете внизу страницы. Они небольшие, но все параметры видны, а их цвета яркие и сильно отличаются от цветовой палитры Digital Menta, поэтому их можно легко найти.

Йога

Вот очаровательный пример расхламленных веб-сайтов. Много негативного пространства, а цветные фигуры анимированы, это вызывает у посетителей чувство любопытства! Случайные посетители определенно задержатся и посмотрят на остальную часть веб-сайта и узнают больше о Йоганге. Великолепный дизайн.

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

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

Их более длинная строка меню оправдана тем, что они продают товары и услуги как B2B, так и B2C, поэтому у них есть разные типы посетителей, которые ищут разные вещи, и всем им нужно быстро найти то, что они ищут.

Их кнопка языка — это ненавязчивая кнопка с опциями «EN» и «FR». У них узкие языковые опции, но они четко определили свои самые крупные рынки и в значительной степени сосредоточились на предоставлении наилучшего возможного опыта для пользователя.

Синий или серый

Мы знаем, что в этом списке много пользовательских произведений искусства. Это такой универсальный элемент, и эти веб-сайты так хорошо используют его для создания определенного вида и ощущения.

Navy and Grey — последний пример в этом списке, он также обладает функциями, которые мы хвалили ранее, вы их тоже определили? Это делает опыт очень сложным, он захватывающий. Он заставляет меня чувствовать себя спокойно, видя все это негативное пространство, я совсем не подавлен идеей просмотра этого веб-сайта, а понятная строка меню убеждает меня, что я найду то, что ищу, без каких-либо усилий.

Мне нравится, как они разделили «Рубашки» и «Костюмы» в меню, это подходящее решение для швейного бизнеса, многие другие магазины создали бы подстраницы для этих товаров, и это тоже разумное решение, но для темно-синего или серого это способствует более изысканному виду.

Этот сайт, в частности, разместил свою кнопку языка вверху справа, и шрифт, который они выбрали, такой же, как и на остальной части сайта. А внизу слева они добавили кнопку Whatsapp для быстрого контакта.

Создайте отличный веб-сайт для своей аудитории

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

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

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

Вы выглядите готовыми к международным продажам и, вероятно, придумали множество фантастических идей, читая эту статью. Узнайте больше о ConveyThis и увеличьте свои онлайн-продажи!