‘Можно’ и ‘нельзя’ в веб-дизайне
Время чтения: 5 мин.
Веб-дизайн - скользкая тема. При создании веб-сайта вы должны учитывать многое. Чтобы упростить эту задачу, я подготовил список простых принципов, которых должен придерживаться каждый веб-дизайнер.
Можно и нужно
1. Обеспечить аналогичный опыт, независимо от девайса
Посетители заходят на ваш сайт с помощью различных типов устройств: настольный компьютер или ноутбук, планшет, телефон, музыкальный проигрыватель или даже часы. Большая часть дизайна UX гарантирует, что посетитель должен получать одинаковый опыт, независимо от того, какое устройство он использует.
2. Спроектировать легкую и понятную в использовании навигацю
Навигация является важным элементом юзабилити. Помните, не имеет значения, насколько хорош ваш сайт, если пользователи не могут разобраться в нем. Вот почему навигация на вашем сайте должна быть:
Простой (каждый сайт должен иметь элементарную структуру)
Понятной (параметры навигации должны быть очевидными для посетителей)
Согласованной (навигационная система для главной страницы должна быть такой же на каждой странице)
Создайте свою навигацию таким образом, чтобы посетители могли использовать минимальное количество кликов для поиска необходимого.
3. Изменить цвета посещенных ссылок
Ссылки являются ключевым фактором в этом процессе навигации. Если посещенные ссылки не меняют цвет, пользователи могут непреднамеренно повторно просмотреть одни и те же страницы.
4. Облегчить просмотр ваших страниц
Когда пользователи посещают ваш сайт, они с большей вероятностью бегло осматривают станицу, а не читают все. Поэтому, если посетитель хочет найти определенный контент или выполнить задачу, они будут бегло просматривать, пока не найдут, куда им нужно перейти. И вы, как дизайнер, можете помочь им в этом, создав хорошую визуальную иерархию. Визуальная иерархия представляет собой расположение или представление элементов по степени важности (например, где глаза посетителя должны фокусироваться сначала, потом и т.д.).
5. Дважды проверить все ссылки
Пользователь быстро выйдет из себя, если он нажмет на ссылку на сайте и получает ответную страницу с ошибкой 404. Когда посетители ищут контент, они ожидают, что каждая ссылка приведет их туда, куда нужно, без подобных ситуаций.
Нельзя
- Заставлять посетителей ждать загрузки содержимого
Внимание и терпение пользователей сети очень малы. Согласно исследованиям NNGroup:
10 секунд - это максимум времени, чтобы сосредоточить внимание пользователя на задаче
Если посетители будут долго ждать загрузки вашего сайта, они скорее всего разочаруются и покинут ваш его. Даже самый красиво спроектированный индикатор загрузки может заставить пользователей покинуть сайт, если ожидание занимает слишком много времени.
2. Открывать ссылку в новой вкладке
Это грубое поведение отключает кнопку «Назад», которая является стандартным способом возвращения пользователей на предыдущие сайты.
3. Давать рекламе занять главные позиции
Рекламные объявления могут затмить основной контент, и усложнить пользование сайтом. Не стоит и говорить, что все, что похоже на рекламу, обычно игнорируется пользователями (явление известно как banner blindnesьs).
4. Создавать hijack скроллинг
Hijack скроллинг - это когда дизайнеры/разработчики манипулируют полосой прокрутки, чтобы она вела себя по-другому веб-сайте. Это может включать анимированные эффекты, фиксированные точки прокрутки и даже редизайн самой полосы прокрутки. Эти вещи неприятны для многих пользователей, поскольку отбирают у них контроль просмотра и перемещения.
5. Автоматическое воспроизведение видео со звуком
Автовоспроизведение видео, музыки или звуков в фоновом режиме раздражает пользователей. Его следует использовать только тогда, когда необходимо.
6. Жертвовать удобством ради красоты
Дизайн сайта или пользовательского интерфейса никогда не должен мешать пользователю видеть контент на экране. Очень важно избегать использования тяжелого фона за текстом, плохих цветовых схем, недостаточного цветового контраста, которые препятствуют читаемости сайта (в примере ниже).
7. Использовать мигающий текст и рекламу.
Контент, который вспыхивает или мерцает, может вызвать плохо повлиять на восприимчивых людей. Это может не только заставить их дергаться, но, скорее всего, это будет раздражать или отвлекать пользователей в целом.
