20 ошибок начинающего веб-дизайнера

Топ-20 ошибок веб-дизайнера

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

1. Множество цветов

Обилие цветов создает дисгармонию и путает посетителей. Когда все вокруг пестрит и «спорит», трудно выделить главное. Если трудно определить цветовую гамму, пользуйтесь специальными ресурсами, например:

http://www.flatuicolorpicker.com/all

https://color.adobe.com/

 

2. Нечитабельность текста

Главное назначение текста – быть прочитанным. И если так случилось, что он слишком мелкий, или неконтрастный к фону, или шрифт слишком замысловатый – лучше это исправить.

 

3. Несоблюдение стилистики

Лучше сразу определиться со стилем и придерживаться его. Например, будет странно, если на страничке в стиле flat появятся объемные кнопки.

 

4. Отсутствие выравнивания

Выравнивание заключается в размещении того или иного объекта (или группы) относительно других объектов. Расположение элементов дизайна не только оказывает влияние на настроение всей страницы, но и помогает четко и эффективно изложить суть содержимого. Рекомендую пользоваться системой http://960.gs/

 

5. Макет не рассчитан на изменения

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

 

6. Проблема в приоритетности подачи информации

Бывает такое, что не совсем понятно, какой блок важнее, а какой – второстепеннее. Применяйте средства выразительности (яркость, интенсивность цвета, размер шрифта), чтобы помочь пользователям разобраться.

 

7. Визуальный шум

Когда слишком много всего. Так много и может по отдельности эти элементы хороши собой, но когда они вместе это путает и, опять же, теряется главное. Мера во всем!

 

8. Излишний минимализм

Чистый, функциональный интерфейс улучшает пользовательский опыт, однако излишний минимализм отталкивает посетителей.

 

9. Мало воздуха

Нельзя бояться воздуха. Это пустота, которая не бывает неправильной или кривой. Для адекватного восприятия информации нам нужно свободное пространство между элементами.

 

10. Больше трех размеров шрифтов

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

 

11. Устаревший дизайн

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

 

12. Медленная загрузка страниц

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

Максимально уменьшите размер изображений и видео-роликов (можно использовать Vimeo или Wistia).

 

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

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

 

14. Игнорирование экранов с разным разрешением

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

 

15. Новые окна

Оставьте пользователю самому решать, открывать ли ему страницу в новом окне.

 

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

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

 

17. Нечеткий и расплывчатый логотип

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

 

18. Длинная форма регистрации

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

 

19. Нефукциональность футера

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

 

20. Иконки выбиваются их общего стиля

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

А вот пару отличных сервисов со стильными иконками:

http://www.flaticon.com/

http://www.freepik.com/