Найти тему
SW SITES

Распространенные ошибки в пользовательских интерфейсах

🔹Никто не застрахован от ошибок, и веб-дизайнеры не исключение. Не стоит бояться ошибок, на них нужно учиться. Представляем вам небольшой обзор часто встречающихся ошибок в дизайне сайтов. Ведь «предупрежден — значит вооружен!» Так что берите на вооружение, друзья:

⤵️

1️⃣Навязчивые всплывающие окна

Почти любой сайт встречает пользователей поп-апами или всплывающими окнами, а то и сразу несколькими. Если при переходе на сайт сразу же будут всплывать окна, которые трудно закрыть, или после закрытия они будут появляться снова — велик риск получить низкую конверсию сайта. Поэтому важно, чтобы поп-ап появлялся хотя бы через 30-60 секунд, имел крестик для закрытия, и не появлялся снова.

2️⃣Отсутствие воздуха в макете

-2

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

3️⃣Некачественные/стоковые картинки

-3

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

4️⃣Неудачные шрифты/Чрезмерное количество различных начертаний

-4

Не используйте некачественные и избитые шрифты, поищите свежую альтернативу уже приевшимся Papyrus, Lobster, Comic Sans, Arial и т.п. Также не переусердствуйте с их количеством — оптимально не более двух шрифтов на сайте.

5️⃣Низкая контрастность текста с фоном

-5

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