5 правил веб-дизайна

Tags: дизайн сайта | создание сайта

pravila_web_dizaina

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

-простота чтения;
-простота навигации;
-простота поиска;
-согласованность в макете и дизайне;
-высокая скорость загрузки;


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

Правило 1. Простота чтения.

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


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


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


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


Правило 3. Простота поиска.
     Данное правило имеет множество значений.  Ваш сайт должны легко находить коммерческие поисковые системы (Google, Yandex,  Rambler) Кроме того предлагаемые товары должны быть легко доступны целевым пользователям.
      Максимальная поисковая видимость заключается в том, что ваш сайт легко обнаруживается с помощью поисковых систем. Как уже говорилось, что на сайте должен быть свободный доступ к продаваемым товарам или услугам. Если главная страница сообщает о том, что вы предлагаете три вида услуг, то эти услуги должны быть зрительно выделены, прям на главной странице при помощи графики.


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


Правило 5.Быстрая загрузка.
     Большинство из посетителей сайтов желают, чтобы страница грузилась не дольше 30 секунд при модемном подключении. Ниже приведены несколько общих рекомендаций, позволяющих ускорить загрузку страницы.
     Минимум анимации. Применяйте анимацию только для привлечения внимания к самым главным разделам сайта
     Следуйте правилу KISS («keep it simple ,stupig» - «будь проще, дурень») Всегда старайтесь придерживаться максимальной простоты во всем. Ведь в конечном итоге цель вашего сайта донести до пользователя ту или иную информацию, а не предложить полюбоваться дизайном.
     Отображайте  товары в  виде уменьшенных изображений, миниатюр. Страница «Товары» с миниатюрами загрузится быстрее, чем с полноэкранными картинками.
     По возможности используйте одинаковые графические элементы на всех страницах сайта. Например, логотип сайта, размещенный на всех страницах ( с гиперссылкой на главную страницу) будет способствовать навигации, брендингу, а так же поможет пользователю лучше запомнить сайт, на котором он находится. При этом изображение логотипа загружается только один раз, так как оно будет сохранено в КЭШе.


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

AddThis Social Bookmark Button