Найти в Дзене
Web Dev

Недружественный Web UX дизайн

Оглавление

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

UX (User Experience) — Пользовательский опыт, а точнее те впечатления\ощущения которые человек получает в работе с данным интерфейсом (дизайном).

UX design
UX design

Авто-воспроизведение видео\музыки

Наверняка, каждый из нас натыкался на такой сайт, при заходе на который начиналось воспроизводится видео, что особенно неприятно когда это сопровождается громким звуком. А такая проблема уже тянется с далеких годов, когда только появился FLASH. Сейчас на смену FLASH'у пришел HTML5, но лучше не стало, из-за не очень хорошего атрибута autoplay.

Избыточное количество информации

arngren.net
arngren.net

Пример одного Норвежского сайта, местный Ozon. Вот так делать, точно не нужно! Информация должна быть структурирована и удобна для просмотра. Разместить большое количество (даже полезной) информации на минимальном пространстве - очень плохая идея.

Слишком запутанные формы

Bulk Rename Utility
Bulk Rename Utility

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

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

Адаптивность (мобильные устройства)

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

Цветовая палитра сайта

Часто встречаемая ошибка это плохо читаемый текст, как правило, это связанно из-за неудачно выбранного цвета для фона. Например черный фон и белый цвет для текста, если контента на 1000+ символов, после минуты чтения такого контента глаза это явно почувствуют и не будут вам благодарны. Хуже может быть только если при этом размер шрифта меньше рекомендуемого. < 12px Для некоторых шрифтов это значение может быть чуть больше.

greatdreams.com
greatdreams.com

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

Усложненная навигация по сайту

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

Технические проблемы

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

-

Естественно это далеко не все проблемы которые встречаются на сайтах, а только самые распространённые, а что бы вы добавили еще к этому списку?