← Back to list

Расположение логотипа: как повысить узнаваемость в 2 раза

1. Наличие логотипа

Eduard Fayzullin ⚡️ in Conversant · 2020-11-21 20:26 · 0 claps · 2.6 min read
#ux #ui #конверсия #conversant
Open on Medium ↗

Расположение логотипа: как повысить узнаваемость в 2 раза

1. Наличие логотипа

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

2. Расположение логотипа

Логотип — это первое что ищет взглядом пользователь, впервые попавший на сайт. Именно по логотипу можно быстро определить, попал ли пользователь туда куда ему нужно. И так как пользователи попадают на сайт не только через главную страницу, а например, сразу на внутренние страницы сайта через поисковые системы, то логотип желательно размещать на всех страницах сайта в привычном месте. Под привычным местом подразумевается левый верхний угол, потому что именно оттуда начинает движение взгляд большинства пользователей. Это связано с тем, что в большинстве видов письменностей, в частности в кириллице и латинице, направление письма слева направо и сверху вниз, аналогично чтению текста в к книге. Соответственно, при чтении или сканировании страницы, привычной стартовой точкой для взгляда получается как раз левый-верхний угол. Отсюда же исходит так называемый F-паттерн, когда пользователи идут по сайту слева-сверху направо и вниз, а в результате движения взгляда получается латинская буква “F”.

Тепловая карта движения взгляда по странице поисковой выдачи на сайте Google  образует F-паттерн, исследование Nielsen Norman Group с использование ай-треккера

Тепловая карта движения взгляда по странице поисковой выдачи на сайте Google образует F-паттерн, исследование Nielsen Norman Group с использование ай-треккера

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

Ключевые элементы страницы расположены в соответствии с Z-паттерном, vk.com

Ключевые элементы страницы расположены в соответствии с Z-паттерном, vk.com

Тепловая карта взгляда. Ключевые элементы страницы расположены в соответствии с Z-паттерном, vk.com

Тепловая карта взгляда. Ключевые элементы страницы расположены в соответствии с Z-паттерном, vk.com

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

✖ Ошибка: логотип размещен по центру, hartwellhotel.com

✖ Ошибка: логотип размещен по центру, hartwellhotel.com

Пионеры в области юзабилити, Nielsen Norman Group провели исследование, в котором взяли разные сайты отелей и сделали для каждого копию главной страницы. Единственное отличие это размещение логотипа, в оригинальном варианте он был слева, а во втором варианте справа.

Сайт отеля Hudson, исследование Nielsen Norman Group

Сайт отеля Hudson, исследование Nielsen Norman Group

Затем сайты поочередно показывали пользователям. А после этого попросили вспомнить названия отелей, которые были указаны в логотипах. В результате, логотипы размещенные слева вспомнили 39% респондентов, а логотипы размещенные справа лишь 21%. Более того, в результате опроса выяснили, что пользователи не считают логотип справа более стильным или уникальным. Поэтому, в погоне за уникальностью, размещение логотипа справа или по центру может снизить конверсию.

✓ Решение: логотип размещен слева, radissonhotels.com

✓ Решение: логотип размещен слева, radissonhotels.com

Точка роста конверсии: расположите логотип в верхнем-левом углу

В данной статье рассмотрена лишь одна точка роста конверсии. Узнать ещё 100+ точек роста конверсии и UX-исследований можно в электронном учебнике Conversant.

[embed]


메타데이터
post_id
a5c805687343
slug
расположение-логотипа-как-повысить-узнаваемость-в-2-раза-a5c805687343
url
https://medium.com/conversant-me/%D1%80%D0%B0%D1%81%D0%BF%D0%BE%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF%D0%B0-%D0%BA%D0%B0%D0%BA-%D0%BF%D0%BE%D0%B2%D1%8B%D1%81%D0%B8%D1%82%D1%8C-%D1%83%D0%B7%D0%BD%D0%B0%D0%B2%D0%B0%D0%B5%D0%BC%D0%BE%D1%81%D1%82%D1%8C-%D0%B2-2-%D1%80%D0%B0%D0%B7%D0%B0-a5c805687343
canonical_url
https://medium.com/conversant-me/%D1%80%D0%B0%D1%81%D0%BF%D0%BE%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF%D0%B0-%D0%BA%D0%B0%D0%BA-%D0%BF%D0%BE%D0%B2%D1%8B%D1%81%D0%B8%D1%82%D1%8C-%D1%83%D0%B7%D0%BD%D0%B0%D0%B2%D0%B0%D0%B5%D0%BC%D0%BE%D1%81%D1%82%D1%8C-%D0%B2-2-%D1%80%D0%B0%D0%B7%D0%B0-a5c805687343
author_url
https://medium.com/@EduardF
status
ok
fetched_at
2026-07-23 14:34:09