Какой должен быть правильный дизайн сайта

Сайты
Какой должен быть правильный дизайн сайта

Здравствуйте! Вновь на связи автор блога Workip. В основу любого сайта положен дизайн. Если он некачественный, то минимум предвидится плохое продвижение и эффективность, какой бы классный контент не публиковался. Этого ведь не нужно? Тогда давайте смотреть, как грамотно подойти к делу.

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

5 критериев выбора хорошего дизайна для сайта

Этой темой интересуюсь достаточно давно. Раньше долго пытался просчитать какой должен быть дизайн сайта для достижения максимальной эффективности. Знаете, к каким выводам пришел несколько лет назад? Я думал, чем он красивее, ярче, чем больше различных мелькающих элементов, тем лучше. Нет! Я сильно заблуждался, так как хорошие варианты дизайна должны быть не только красивыми, но и не отвлекать от основного контента и способствовать «визуальному комфорту». В ряде случаев, чем проще, тем лучше.

Хороший дизайн сайта должен соответствовать следующим условиям:

  1. не оттягивать на себя внимание от основной информации;
  2. способствовать комфортному визуальному восприятию контента;
  3. визуально облегчать навигацию по сайту;
  4. побуждать к действию;
  5. хорошо запоминаться.

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

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

Практические рекомендации к правильному дизайну

Теория — это, конечно, хорошо. Как же быть с практикой? Не буду «лить воду», сразу к делу. В правильном дизайне сайта для повышения эффективности проекта и удобства пользователей стоит учесть 5 технических нюансов:

  1. Адаптивная версия. Речь идет о дизайне, который учитывает возможность адаптации под устройства с различными разрешениями экранов. Он отлично смотрится на компьютерах и мобильных устройствах. Внимание, речь не о 2 разных версиях — для ПК и мобильных, а об одной адаптивной.
  2. Подборка безопасных цветов. В дизайне желательно применять только «безопасные» html цвета. Они визуально комфортно и аккуратно смотрятся. Посмотрите в интернете, есть специальные таблицы с образцами. 
  3. Нормальная ширина рабочей области. На моем блоге ей является зона основного контента и правая боковая колонка (сайдбар). Для отображения на компьютере вполне нормальной шириной данной области будет 980 px, на мобильных устройствах — 320 px. 
  4. Удобочитаемый шрифт. К примеру, подойдет шрифт Arial с размером 14-16 px для основного контента и от 18-20 px для заголовков. При этом шрифт должен четко выделяться и хорошо смотреться на фоне страницы.
  5. Отсутствие лишних динамических элементов. Летающие и бегающие зверюшки, мерцающие иконки и прочая динамическая графика может сильно «утяжелить» проект, как с технической стороны, так и с точки зрения легкости восприятия.

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

  • Меню. Одновременное использование верхнего и нижнего меню может способствовать увеличению количества кликов на одного посетителя. Улучшаются поведенческие факторы.
  • Поиск по сайту. Позволяет быстро найти нужную информацию. Кто в её поиске будет просматривать десятки, сотни, а иногда и тысячи публикаций?
  • Хлебные крошки. Удобны для навигации. Пример на картинке. 
  • Рубрики. Это не меню, а своеобразная структура сайта из нескольких разделов. Если напротив каждого раздела будет интересная иконка, то можно привлечь больше внимания.
    Информационный блок со списком лучших публикаций. Статьи из категории ТОП могут вызвать повышенный интерес.
  • Плавающий блок. Всегда остается на виду при прокрутке странице вниз и должен хорошо гармонировать с общим дизайном. Отлично подходит для рекламы.
  • Кнопки для взаимодействия с социальными сетями. В конце статьи можно поставить блок «поделиться», а в другом месте выбрать расположение иконок для перехода в нужные социальные группы и страницы. Также можно задуматься о необходимости и полезности вывода различных виджетов социальных сетей.
  • Формы для комментариев, обратной связи, подписки.
  • Оформление структуры комментариев и стандартных картинок, которые для них используются.
  • Кнопка для быстрого перелистывания страницы наверх. Удобно пользоваться в больших статьях. Обратите внимание на стрелочку, которая появляется в правой нижней части страницы.
  • Навигация по страницам.
  • Страница с 404 ошибкой. Если там будет просто надпись об ошибке, то велика вероятность, что пользователь просто закроет сайт. Если же добавить предложение просмотреть другие популярные статьи, то ситуация может улучшиться.

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

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

Все еще продолжается эксперимент по раскрутке блога с нуля. Данная статья написана в его рамках. Все подробности здесь.

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

Хочу оценить статью:
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Рейтинг: 5
Голосов: 2

Добавить комментарий

Комментариев - 2
Ответить

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

Действительно, дизайн и юзабилити взаимосвязаны между собой.