В своей работе мы всегда стараемся говорить на одном языке со своими клиентами. Даже обсуждая довольно сложных процессах разработки сайтов и веб-сервисов. К сожалению, в силу профессиональной привычки, иногда все-таки проскакивают специальные термины, которые не редко смущают заказчика, а нам приходится что-то пояснить дополнительно. Именно поэтому, в рамках данной статьи, мы решили поговорить об основных элементах интерфейса веб-сайтов. Начнем с самого верху:
Хедер (header, шапка) – это верхний элемент интерфейса сайта, с которого и начинается взаимодействие с клиентами. Часто в хедер добавляют логотип компании, контактные данные, отображают меню сайта и кнопку для заказа обратного звонка.
Футер (Footer , подвал) – это самый нижний элемент интерфейса сайта, своего рода нижний колонтитул. В него, как правило, также включают лого компании, элементы дополнительной навигации, контактные данные и юридическую информацию о владельце.
ФОС или формы обратной связи – это самый важный элемент незримого диалога между клиентами и поставщиком услуг. ФОСы бывают как открытые (т.е. все поля для ввода данных видных на самом сайте), так и скрытые (вызываются через кнопку. Например, «Заказать звонок»).
«Хлебные крошки» - элемент дополнительной навигации на сайте, который отображает место нахождение пользователя в данный момент относительно всей иерархии сайта.
Пагинация – также является элементом дополнительной навигации, позволяющий разделить большой объем контента на управляемые, отдельные страницы. Часто данный элемент используется в разделах по типу «Блог», «Новости».
Навигационные кнопки – полезный элемент, который упрощает для пользователя процесс поиска информации на сайте. Кнопки могут быть различные по функциональному действию: «Вверх», «Назад», «Вперед».
Поиск на сайте – функция, которая реализовывается, как правило, на корпоративных сайтах или Интернет-магазинах. По сути, эта та же привычная строка поиска, как и во всех известных поисковых системах, с разницей лишь в том, что поиск ограничен данным ресурсом.
Чек-бокс, радиокнопки – элементы навигации, используемые, как правило, в разделе «Каталог», которые позволяют выбрать несколько элементов (чек-боксы) или один (радиокнопка).
СТА-кнопки (Call-To-Action) - кнопки, направляющие пользователя к целевому действию. Например, "Купить", "Заказать", "Подробнее" и т.д.
Слайдер (карусели) – обычно содержат самую важную информацию, на которую хотят обратить внимание пользователя. Данный блок представляет из себя сочетание текстовой и графической информации с возможностью прокрутки и расставленными акцентами. Часто на слайдерах размещают СТА-кнопки, тем самым сразу призывая к действию всех посетителей.
FAQ или блок «Вопрос-ответ». Как правило, визуально имеет простое оформление, но очень важен как для пользователей, так и для собственника сайта, т.к. позволяет заранее получить ответы на самые распространенные вопросы.
Фавикон (от англ. Favorite icon — «значок для избранного») – значок сайта или веб-страницы, отображаемый на вкладке браузера перед названием страницы.
Pop-up (всплывающее окно, попап) – это всплывающее окно, которое появляется на сайте через какое-то время его использования. Как правило, здесь содержится рекламная информация, а основной его смысл – это сбор лидов.
Конечно, в данной статье мы не рассказали обо всех элементах сайта, которые встречаются и обсуждается с клиентами. Более того, мы исходили из того, что такие понятия, как «Меню», «Под меню», «Баннер», «Раздел» и т.д. и так всем интуитивно понятны. Надеемся, что мы помогли вам хоть в чем-то разобраться. Если еще нет, готовы пообщаться лично в рамках вашего индивидуального проекта.
