Структура разметки типа F

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

• начало верхней линии
• верхняя линия
• конец верхней линии
• начало второй линии
• вторая линия
• конец второй линии
• начала всех последующих линий

Структурные составляющие

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

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

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

Начало второй линии
До этого строение и функции разметки типа F совпадали с разметкой типа Z, но после конца первой линии всё меняется. Так как конце верхней линии закончил первый цикл чтения, вторая линия должна инициировать новый цикл. В отличие от верхней линии, здесь нет необходимости презентовать предприятие или область его деятельности. Вместо этого стоит дать более подробное описание сферы деятельности или же сразу предложить товары и услуги. Наилучшим содержанием здесь является либо начало фразы (если это рекламный слоган или девиз), либо изображение, которое привлечёт дополнительное внимание.

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

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

Начала всех последующих линий
Это именно то место, куда пользователи будут смотреть в первую очередь. Их взгляд будет двигаться дальше, только если содержание этого пункта привлечёт внимание достаточно сильно. Таким образом, в начала всех последующих линий рекомендуется помещать изображения или сконцентрированные названия, напечатанные большими буквам. Чем дальше и ниже от начала буквы F расположено содержание, тем меньше шансов, что пользователь обратит на него внимание. В соответствии с этим, не рекомендуется помещать в этих точка важные вещи - их место выше.