Web-дизайн — планируем структуру удобного сайта

Web-дизайн — планируем структуру удобного сайта изображение поста

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

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

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

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

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

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

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

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

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

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

Комментарии