9 трендов веб-дизайна: чего точно нельзя делать

Коротко

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

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

1. Явный фото слив сток

Когда у проекта нет собственной съёмки, дизайнеры используют фотостоки. Такая фотография полезна только тогда, когда объясняет содержание, а не просто привлекает внимание.

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

2. Скролл как вселенная

Когда пользователь приходит к вам на сайт и просматривает страницы с контентом (каталоги), то здесь все логичным образом складывается. Скролл помогает избежать раздражения долгой загрузки и переключения между страницами. Но на сайте всегда существует главная страница и пользователь попадает изначально на нее. Если у вас на основной странице бесконечный скролл, а пользователь пришел к вам на сайт для того, чтобы получить информацию о компании или найти ваш адрес или телефон. То, скорее всего, он покинет ваш сайт, не получив важной для него информации. Старайтесь не использовать на основных страницах сайта бесконечный скролл. Это поможет пользователям всегда находить важную информацию для них и избавит от лишних телодвижений.

3. 7 секунд, или Как все успеть

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

4. Too much

Сайт должен отличаться от конкурентов, но декоративные приёмы не должны мешать восприятию. Контрастные шрифты и цвета полезны, когда поддерживают иерархию; без системы они отвлекают. Большое количество контента перегружает сайт, и из-за этого он долго загружается. Медленная загрузка повышает риск, что пользователь уйдёт, не выполнив задачу. Большим количеством декоративных элементов вы доставляете больше проблем пользователям, а не делаете сайт красивее. Следите за количеством контента, цветов, шрифтов и дополнительных элементов на вашем сайте, пользователи будут вам благодарны.

5. Гамбургер на десктопе

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

6. Минимализм

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

Минимализм полезен, если подчёркивает содержание и не превращает разные продукты в одинаковые шаблоны.

7. Неудобный дизайн

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

8. Flash Player

Зависимость сайта от Flash уже в 2019 году создавала риск недоступности контента и требовала перехода на поддерживаемые веб-технологии.

Adobe прекратила поддержку Flash Player 31 декабря 2020 года. Этот пункт сохраняем как исторический пример риска зависимости от устаревающей технологии.

9. Отсутствие адаптива

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

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

Впервые опубликовано: 14 февраля 2019 года.