Веб-дизайн, за который пользователи не скажут «спасибо»

Россия+7 (495) 960-65-87
Шрифт:
5 22989

Эксперты по юзабилити без устали повторяют «Веб-сайт должен быть удобным и понятным для пользователя!». К сожалению, к этим словам прислушиваются далеко не все. Зачастую владельцы сайтов в стремлении сделать интересный и необычный сайт (которым не стыдно похвастать перед друзьями и родственниками) принимают самые безумные решения дизайнеров.

Специалисты eConsultancy сделали интересную подборку «креативных находок» на сайтах, которые не стоит повторять.

Экран загрузки

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

Отсутствие навигации

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

Идея, в общем-то, неплохая. Но вот когда на таких сайтах основное навигационное меню отсутствует вообще, вряд ли пользователи это оценят.

Требования

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

Такие вещи должны делаться в дополнение к стандартной версии сайта для десктопов, но не вместо нее.

Неудачные контрасты

Интересно, все ли пользователи увидят, что написано в полях данной формы?

Сомнительная анимация

Легкая анимация на сайте, может быть, и смотрится интересно и необычно, однако, не всегда стоит ее использовать. Она отвлекает внимание пользователей от содержания, да и не всегда выглядит уместно.

Странные иконки

Использование в навигации иконок вместо слов допустимо, только если их значение очевидно. Но вот что, к примеру, означает иконка в виде галстука?

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

И еще раз о навигации

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

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

Крошечные буквы

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

Бестолковые рор-up’ы

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

Автопроигрывание видео

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

Полный апокалипсис

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

Вывод

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

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

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


Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Gendolf.info
    больше года назад
    А по моему у водки больше проблема с названием чем с юзабилити сайта. Лично у меня название CÎROC у меня ассоциируется с циррозом :)
    -
    0
    +
    Ответить
  • Гость
    больше года назад
    Полнейшая субъективность, лично меня анимация на KIKK фестивале не отвлекает ни разу, и дизайн стефенкавера тоже оригинален и вполне читабелен.
    -
    0
    +
    Ответить
  • Bkmz
    больше года назад


    Могли бы и не говорить про субъективность, уважаемый) И без того понятно, что ваш пост полон аргументов и ценной и подробной информации)))
    -
    0
    +
    Ответить
  • Гость
    больше года назад
    Вы слишком категорично все описали. Вот вам примеры нормальных горизонтальных сайтов aleksandrz.info/design/saity-s-gorizontalnoy-prokrutkoy  
    Каждый сайт выполняет свою роль. Бестолковые поп-апы могут быть агрессивной политикой привлечения пользователей, может быть просто периодом тестирования. И здесь примеры поинтереснее, чем фон голубого неба, коих сейчас в сети вагон и тележка.
    -
    0
    +
    Ответить
  • митяй
    больше года назад
    >Такие вещи должны делаться в дополнение к стандартной версии сайта для десктопов, но не вместо нее.

    ваши бы слова, да в уши мелкософту. они так целую операционку угробили
    -
    0
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
32 инструмента в помощь SEO-специалисту
Игорь
1
комментарий
0
читателей
Полный профиль
Игорь - отличная подборка, сам многим из этих сервисов пользуюсь (ETXT, TEXT.RU, Адаптивность, Pingdom Website Speed Test, Google PageSpeed Tools, 2IP, Whois, Букварикс) Правда не мог найти достойного кластеризатора, но потом наткнулся на вот этот seoquick.com.ua/keyword-grouping/ не сочтите за рекламу:) Было бы интересно услышать ваше мнение о нем. Мне очень даже зашел, из-за скорости работы. Как говорит автор - 100 000 запросов за несколько минут. Я с такими цифрами правда не работал, обычно это до 30 000 точно, но работает очень быстро и в правду. Ну и бесплатно, думаю, это был еще один решающий фактор для меня
Исследование: влияние smart-ссылок на продвижение по СЧ-запросам
Анатолий Шевчик
1
комментарий
0
читателей
Полный профиль
Анатолий Шевчик - +1097988
Все, что нужно SEO-специалисту. Обзор инструментов
Администратор Сайта
1
комментарий
1
читатель
Полный профиль
Администратор Сайта - Шаришь в seo! Сервис реально хороший
Не очень удачный кейс продвижения сайта по услуге «Трезвый водитель» в Москве
Александр Селенков
1
комментарий
0
читателей
Полный профиль
Александр Селенков - Работа проделана огромная. Интересный кейс, все детально и понятно изложено.
Два идеальных способа разориться на старте интернет-магазина
Стас
4
комментария
0
читателей
Полный профиль
Стас - Seonews в последнее время такую чушь несет! Где вы таких афторов находите? Статья ничего не стоит и несет чушь! Кто хоть немного понимает в этом так вам и скажет, и такие де комментаторы горе-сеошники, просто смешно читать, вы хоть модерируете ваши статьи или просто для воды на сайте?! Бред сивой кобылы эта статья до самой последней точки!!!
SEO глазами клиентов 2018
Мария Рогачева
2
комментария
0
читателей
Полный профиль
Мария Рогачева - Никита, в этом вы правы. В каком-то смысле мы оказались заложниками названия. Когда запускали рейтинг, было одно сплошное SEO, сейчас же сложно найти агентства, которые специализируются только на SEO. Не учитывать другие каналы продвижения стало просто неправильно.  Активно думаем в этом направлении.  Спасибо вам за отзыв и внимание к рейтингу! 
Яндекс перестал индексировать сайты, созданные на Wix
Константин Даткунас
3
комментария
0
читателей
Полный профиль
Константин Даткунас - Было бы интересно посмотреть саму выборку из 10 000 и методику анализа.
4 способа быстро собрать теги для сайта
Рустем Низамутинов
5
комментариев
0
читателей
Полный профиль
Рустем Низамутинов - Расписал и закинул в Google Docs, а то здесь в комментариях ссылки на активны. docs.google.com/document/d/1r0TZLNrQyYLdIzDQsD5YKlMG41HUGQgEep3bxE_ij-M/edit?usp=sharing
Эксперимент: как уникальность контента влияет на продвижение сайта
Гоша
4
комментария
0
читателей
Полный профиль
Гоша - Ну да! Тырить легче, чем самому писать... Или хотя бы заказать. Ещё и хвастаемся. Поисковики - не дураки - найдется фильтр и на тех, что воруют чужой контент. Еще немного... еще чуть-чуть. Получается, если ты украл в магазине - ты вор, а если в интернете - ты предприниматель. Успеха!
Яндекс: как мы модерируем объявления
Гость
5
комментариев
0
читателей
Полный профиль
Гость - Это ж Яндекс, чего вы ожидали-то? Коммерческая структура с раздутым штатом, задачей которой является заработать больше денег. Любыми методами. Задача всех пользователей посадить на Директ, даже если придется разрушить суть рунета, реализуется по полной программе. Все возражающие караются и выпиливаются. И каждый из сотрудников делает все возможное и невозможное, чтобы реализовать любую дурацкую идею - за это еще и премию выхватить можно. Даже если потом придется выполнять "откат", премиальные уже заплачены. Так было с одним из фильтров Яндекса, так было с купленным им сайтом Кинопоиска, который из русскоязычной энциклопедии кино был превращен за безумные деньги в банальный платный онлайн-кинотеатр.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
329
Комментариев
262
Комментариев
235
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
86
Комментариев
80
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55
Комментариев
54
Комментариев
53

Отправьте отзыв!
Отправьте отзыв!