S1
Колодезный пер., д. 2А, стр. 1 107076 Москва, Россия
+7 (499)340-64-04, +7 (499)340-64-04, info@s1-agency.ru

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

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

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

Первым вопросом для рассмотрения будет навигация, ее структура и удобство использования. В статье выделены основные недостатки навигации.

Навигация сайта

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

Надписи в меню

Вторым недостатком является представление надписей. Существует “золотое” правило оптимизации сайта – надписи меню навигации должны быть информативного характера. Так, например, использование пунктов меню «Кто мы?» или «Где мы?» – общие для всех компаний, и подобные названия мало о чем говорят пользователям. Надпись должна характеризовать пункт меню, раскрывать его содержимое: автобиография, портфолио.

Выпадающее меню

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

Ссылки и реклама

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

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

Цветовая гамма

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

Проблемы и ошибки в дизайне сайта – список и советы

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

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

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

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

Выбирая цветовое решения, важно не забывать следующее:

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

Существует несколько методов сочетания цветов:

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

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

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

Нужно продвижение?
По хорошей цене?
С финансовой гарантией результата?
Остались вопросы?
наш телефон:
Чат с менеджером