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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Йога

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

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

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

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

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

Темно-синий или серый

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

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

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

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

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

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

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

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

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