10 РАСПРОСТРАНЕННЫХ ОШИБОК В ВЕБ-ДИЗАЙНЕ

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

undraw_work_time_lhoj.png

Обзор самых распространённых ошибок в веб-дизайне

1. Непродуманный макет.

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


2. Неудобная навигация.

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

3. Непоследовательность в дизайне страниц.

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

4. Неудачная цветовая гамма.

При разработке сайта особое внимание следует уделять выбору цветовой гаммы. Цвет должен соответствовать тематике сайта. Так, например, сайт, оформленный в чёрной цветовой гамме - не самый лучший вариант для женской тематики, точно также как сайт красной или розовой цветовой гаммы не подходит для сайта мужской тематики. Если у вас есть корпоративные цвета, то лучше всего для оформления использовать их. Старайтесь использовать цвета в минимальных количествах, чтобы избежать пестроты.
 

5. Мультиэкранность.

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

6. Нет свободного пространства.

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

7. Сложная форма регистрации.

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

8. Отсутствие контактных данных.

В первую очередь это касается интернет-магазинов. Разместите контактные данные на самом видном месте на каждой странице сайта. Контактные данные не должны сливаться с фоном.
 

9. Отсутствие строки поиска.

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

10. Текст на картинке плохо читается.

Для того, чтобы исправить ситуацию, можно сделать следующее – использовать фильтр. Если текст белого или светлого цвета, мы затемняем фото, если текст черного цвета, то наоборот, осветляем его. Также можно по возможности расположить текст на контрастном участке фото.
 

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