Как воскресить UX и UI: 10 советов

пользовательский опыт

 

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

Ежели вы заподозрили, что с вашим сайтом происходит неладное и пользователи не идут, самое время улучшить UX и UI (пользовательский опыт и интерфейс пользователя) сайта. Запомните, что сайт является “продавцом” ваших услуг, который без обеда и выходных делает не только деньги, но и поддерживает имидж бизнеса. Также нужно понимать, что пользователь не всегда “в теме”, его нужно направлять, помогать и советовать, поэтому сайт должен быть простым и полезным настолько, чтобы человек доверил ему свое время и средства. Так давайте сделаем ваш интерфейс человекоориентированным и способным не просто существовать на просторах сети, но и эффективно помогать.

Теперь, давайте рассмотрим 10 способов по преображению UI вашего сайта.

#1 Единый стиль сайта

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

Так что к вопросу оформления сайта подойдите ответственно, от этого зависит осведомленность масс о вашей компании.

#2 Оптимизация текста

оптимизация текста

Еще в 1997 году Nielsen Norman Group поняли, что 79% пользователей бегло просматривают текст и только 16% вчитываются в его суть. И поверьте, в 2017 году ничего не изменилось, статистика та же, если не хуже. А все из-за того, что сеть перенасыщена контентом, который то и дело норовит попасть на экраны пользователей, хотят они этого или нет. Более того, люди стали более занятыми и у них элементарно не хватает времени вникать в каждый предлагаемый текст.

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

Оптимизировать тексты легко:

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

#3 Навигация в меню

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

Существует два основных вида меню – горизонтальное и вертикальное. Каждое имеет свое предназначение и особенности:

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

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

вертикальное меню сайта

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

горизонтальное и вертикальное меню сайта

 

#4 Визуализация ввода

Ввод данных – это неотъемлемый элемент любого сайте. Будь то электронный адрес, калькулятор или реквизиты карточки, пользователя всегда просят что-то напечатать. И зачастую этот процесс оказывается монотонным и скучным.

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

#5 Мобильная адаптивность

мобильная адаптивность

 

Учитывая тот факт, что переход на сайты с мобильных устройств вырос на 180% за последние 3 года и 80% пользователей имеют смартфоны, адаптировать ресурс под мобильную выдачу жизненно необходимо для вашего бизнеса. С утра до вечера люди пользуются переносными гаджетами и просматривают сайты находясь в пути, в офисе, на обеде, на прогулке. Так что никто не будет морочиться с неадаптивным сайтом и быстро найдет ему замену. Плюс ко всему, Google запустил отдельные мобильные индексы и поощряет сайты с AMP (ускоренные мобильные страницы).

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

#6 Время загрузки страниц

Время загрузки – это тоже один из решающих факторов, который определяет, будет ли пользователь ждать, или же предпочтет конкурентов. Как мы уже говорили, ритм современной жизни не позволяет долго ждать: пользователю нужно получить необходимую информацию немедленно. Более 73% опрошенных пользователей утверждают, что они не ждут пока страницы прогрузятся и 3 секунды – это уже потолок ожидания. Рекомендуем для начала оценить скорость загрузки вашего сайта, а потом исправить ошибки, если таковые имеются. Инструментов для этого дела много, попробуйте, например, WebPageTest или Pingdom, они довольно исчерпывающе показывают скорость ресурса по многим показателям.

pingdon

pingdon

#7 Отзывы живых клиентов

отзывы на сайте

Выстраивайте доверие издалека. Многие будущие клиенты и покупатели ориентируются на положительные (или не очень) отзывы. Если на сайте отсутствуют отзывы, пользователи идут на форумы, а согласитесь, такие источники не всегда правдивы. Добавьте отдельную секцию для отзывов, желательно на главной странице, и дайте людям прямую возможность делиться мнениями. Да, конечно, фейковые отзывы практикуются везде и всюду, но это не дает и вам права обманывать аудиторию. Рано или поздно поддельные комментарии раскроются и доверие будет потеряно.

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

#8 Отлов ошибок

ошибка на сайте

Как часто вы продолжали работу на сайте, если вам выдавало 404-ю или какую другую ошибку? Наверное нечасто, ибо расположение практически потеряно. Перманентно проверяйте ваш сайт на предмет ошибок и предупреждайте их появление. UX (пользовательский опыт) как раз состоит из таких факторов и мы не советуем играть с доверием пользователей и испытывать их терпение.

#9 CTA тоже не помешают

CTA

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

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

#10 Разберитесь с пространством сайта

дизайн интерфейса

Часто встречаются сайты, пространство которых крайне неоптимизированное. Припоминаете такие? Они или перенасыщены ненужной информацией, от которой пестрит в глазах или же кажется абсолютно пустыми. Но интерфейсы в стиле Босха или полная tabula rasa не привлекут адекватных пользователей.

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

 

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

 

Читайте также:

Махинации с интерфейсом: а пользователь и не знал…

Тепловая карта как инструмент для оптимизации конверсий

Создайте интерфейс с нами!


admin

Мы - сертифицированные партнеры Google Adwords

google partner

У нас есть сертифицированные специалисты Google Analytics

yandex

У нас есть сертифицированные специалисты Яндекс Директ

google partner

Мы - сертифицированные партнеры 1С-Битрикс

Контакты





Адрес:
Украина, Одесса,
Адмиральский проспект дом. 33-А, офис 401

info@singree.com
chief@singree.com

Тел: +38 (048) 795 - 87 -13
+38 (044) 362 - 38 - 61
Факс: +38 (048) 749 - 19 - 05
Моб: +38 (067) 556 - 24 - 87
map