Banner blindness
Пользователи игнорируют элементы, которые выглядят как реклама. Чем больше блок похож на баннер, тем меньше шансов, что его заметят — даже если там важная информация.
Дизайн, простота, тексты, скорость, SEO, доверие и CMS — разбираем каждый критерий с данными Stanford, Google, Nielsen Norman Group и Baymard Institute.
Пользователь оценивает визуальное качество сайта почти мгновенно. Если впечатление негативное, исправить его последующим текстом почти невозможно.
Столько нужно, чтобы сформировать визуальное впечатление о странице и решить, выглядит ли она заслуживающей доверия.
Lindgaard et al., 2006Пользователей судят о кредибилитации компании по дизайну её сайта.
Stanford Web Credibility ProjectНазвали дизайн и вёрстку главным фактором доверия к сайту — больше, чем отзывы или контент.
Stanford, 2 684 участникаПлохой дизайн не просто «некрасив». Он активно разрушает доверие и снижает вероятность покупки. 88% посетителей вряд ли вернутся после плохого пользовательского опыта — это данные HubSpot и Nielsen Norman Group.
Lindgaard, Fernandes, Dudek & Brown (2006); Fogg et al., Stanford Persuasive Technology Lab; HubSpot / Nielsen Norman Group.
Хороший сайт не перегружен. Пользователь должен сразу понимать, куда нажать, чтобы получить нужное. Избыток графики и анимации затрудняет восприятие.
Пользователи игнорируют элементы, которые выглядят как реклама. Чем больше блок похож на баннер, тем меньше шансов, что его заметят — даже если там важная информация.
Только 10–30% пользователей готовы прокручивать страницу вглубь. Если ключевая информация не видна на первом экране, большая часть аудитории её не увидит.
Каждый лишний элемент — это решение, которое должен принять пользователь. Чем меньше выбора, тем быстрее он доходит до целевого действия.
Nielsen Norman Group: banner blindness, eyetracking research; Jakob Nielsen, 1996.
Текст должен быть не только грамотным, но и физически удобным для чтения. Здесь работают измеримые параметры, а не вкусовщина.
Оптимальное количество символов в строке для веба. Уже — глаз «спотыкается», шире — теряет строку.
Nielsen Norman Group; Smashing MagazineМинимальный комфортный размер основного текста. Меньше — пользователь напрягается и уходит.
Nielsen Norman GroupМинимальный коэффициент контраста текста и фона по WCAG AA. Низкий контраст — одна из самых частых ошибок.
WCAG 2.1Заголовки и подзаголовки помогают сканировать текст. Пользователь не читает — он ищет. Логичные блоки с понятными заголовками ускоряют поиск нужного.
Чёткие и лаконичные формулировки без жаргона. Каждый элемент контента должен нести пользу и вести к целевому действию.
Nielsen Norman Group (типографика, читаемость); WCAG 2.1; Smashing Magazine.
Медленная загрузка убивает конверсию быстрее, чем неудачный дизайн. Пользователи не ждут — они уходят.
Мобильных посетителей покидают страницу, если она загружается дольше 3 секунд.
Google / DoubleClick, 2016Рост конверсии при ускорении загрузки на одну секунду.
HubSpot / Nielsen Norman GroupПадение конверсии на каждую дополнительную секунду загрузки.
HubSpot / Nielsen Norman GroupGoogle учитывает LCP, INP и CLS как сигналы пользовательского опыта. Страницы, которые соответствуют всем трём порогам, в среднем ранжируются на 12% выше. Но скорость важна не только для SEO — она напрямую влияет на то, останется ли человек на странице.
Google / DoubleClick, «The Need for Mobile Speed»; Google CrUX; HubSpot / NN/g.
SEO — это не «накрутка», а базовая гигиена: структура URL, метатеги, адаптивность и качественный контент.
Лучше ранжируются по сравнению с длинными URL с множеством параметров.
Backlinko, 2024Пользователи больше доверяют читаемым URL и чаще по ним кликают.
BrightEdge, 2024Ранжируются выше, если соответствуют всем трём порогам Core Web Vitals.
Google, 2024Backlinko (2024); BrightEdge (2024); Google (2024); Screaming Frog / SEMrush.
Доверие не возникает из воздуха. Его формируют конкретные элементы: контакты, отзывы, гарантии, прозрачность.
Рост конверсии при добавлении и оптимизации сигналов доверия: отзывов, гарантий, безопасных платежей.
Baymard InstituteПокупателей не завершают заказ, если не доверяют сайту.
Baymard InstituteПользователей оценивают кредибилитацию компании по дизайну сайта.
Stanford Web Credibility ProjectBaymard Institute; Stanford Web Credibility Project; HubSpot / NN/g.
Tilda даёт бизнесу возможность быстро обновлять контент и собирать страницы без разработчика. Но у платформы есть технические ограничения, которые важно учитывать.
HTTP Archive; Speedlify (Lighthouse, CrUX); Tilda Education; SEOTakeoff.
Понятно ли за 5 секунд, что вы предлагаете? Нет ли визуального шума? Есть ли один акцент в блоке?
Читается ли текст без напряжения? Длина строки 45–75 символов? Шрифт не меньше 16 px? Есть ли подзаголовки?
Что показывает PageSpeed Insights? LCP ≤ 2,5 с? CLS ≤ 0,1? Нет ли тяжёлых изображений и лишних скриптов?
Человекочитаемые URL? Уникальные title? Есть ли контакты, отзывы, гарантии? Всё ли видно на мобильном?
Откройте сайт на телефоне и попробуйте за 10 секунд ответить: что это, для кого, сколько стоит и что делать дальше. Если не получается — проблема не в «мало блоков», а в структуре.
Он помогает пользователю быстро понять предложение, принять решение и совершить действие. Всё остальное — дизайн, тексты, скорость, SEO — подчинено этой задаче.
С первого экрана ясно, что вы предлагаете и что делать дальше. Без лишних когнитивных усилий.
Страница загружается быстро, текст удобно читать, элементы не конкурируют за внимание.
Есть сигналы доверия, а решения опираются на данные, а не на вкус. Хороший сайт можно проверить, а не только «почувствовать».