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

Покажем на примере регионального интернет-магазина, как автоматизировать процесс кластеризации и что делать с результатами.

Что такое кластеризация и почему она важна для SEO

Кажется, что сгруппировать собранную семантику в тематические группы вполне можно, полагаясь на здравый смысл. В самом деле, нетрудно сообразить, что запросы «купить квартиру в новостройке» и «купить новую квартиру» относятся к одной группе, а «купить вторичку» — к другой. Но так бывает не всегда.

Сравним выдачу по двум запросам, которые по смыслу можно отнести в одну группу:

Сравнение выдачи

Здесь можно возразить, что первый запрос («станок чпу») с неясным интентом, который Яндекс интерпретирует скорее как информационный. А во втором («купить станок чпу») транзакционное слово «купить» меняет выдачу на коммерческую. Но начинающему SEO-специалисту, а тем более владельцу бизнеса такие нюансы могут быть не всегда очевидны.

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

Как раз в таких случаях и поможет кластеризация — объединение запросов в группы (кластеры) по принципу схожести результатов поисковой выдачи (SERP).

Методы кластеризации и различия между ними

SEO-специалисты используют два метода кластеризации семантического ядра:

• Soft-кластеризация — поисковая выдача по нужным ключевым запросам сравнивается попарно. Если в топ-10 есть заданное количество одинаковых результатов, то ключи объединяются в один кластер. Число результатов по запросу зависит от настроек кластеризации и может быть от 1 до 10. Чаще всего используется диапазон 3-5.

• Hard-кластеризация — при этом методе результаты SERP сравниваются не только попарно, но и между всеми запросами, входящими в кластер. Ключи, по которым нет определенного количества одинаковых результатов в выдаче, не включаются в кластер.

Кластеризация по методу Hard более точная. Кластеры, сформированные по методу Soft, объединяют ключи зачастую существенно различные по смыслу. Это слишком широкая семантика, с которой еще нужно много работать — вычищать нерелевантные запросы, дробить и перегруппировывать.

Для продвижения по коммерческим конкурентным запросам используется Hard-кластеризация, ведь в таких проектах важна высокая релевантность посадочной страницы группе ключевых слов.

Инструменты для кластеризации семантики

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

В помощь SEO-специалистам есть специализированные сервисы для кластеризации семантики на основе поисковой выдачи (например, SEMparser, s:toolz). Также инструменты кластеризации есть в Key Collector, Rush Analytics, Just-Magic, Топвизоре и других комплексных SEO-сервисах.

Покажем процесс кластеризации семантического ядра для интернет-магазина в инструменте «Кластеризация запросов» от PromoPult. Он кластеризует семантику по методу Hard на основе сравнения топов выдачи Яндекса и Google. Точность кластеризации задается числом или диапазоном от 1 до 10. Результаты хранятся в системе неограниченное время, есть возможность выгрузить их в XSLX-файл. Кроме собственно кластеризации инструмент бесплатно соберет частотности, подсветки, количество главных страниц в топе выдачи и URL сайтов конкурентов.

Кластеризуем семантическое ядро интернет-магазина step-by-step

У нас есть сайт регионального интернет-магазина товаров без упаковки. В нем можно купить еду, косметику и товары для дома в свою или многоразовую тару.

Мы собрали семантическое ядро , теперь необходимо распределить запросы по кластерам.

Шаг 1. Регистрируемся и заполняем данные проекта

Сначала авторизуемся или регистрируемся в PromoPult. Это нужно, чтобы результаты кластеризации сохранялись в системе.

Далее переходим на страницу инструмента.

Сначала можно заполнить необязательные поля — адрес сайта и название проекта.

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

Шаг 2. Загружаем запросы

Загрузить запросы для кластеризации можно двумя способами — XLSX-файлом и списком. Минимальное количество запросов — 20.

Загрузка запросов

Если с загрузкой ключевых фраз списком все понятно, то в случае с XLSX-файлом есть нюансы:

• инструмент обработает фразы только с первого листа файла;

• сбор информации происходит по принципу одна ячейка — одна фраза;

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

Фрагмент XLSX-файла для загрузки в инструмент кластеризации

Шаг 3. Выбираем режим кластеризации

В инструменте кластеризации доступно два способа — «Сравнение ТОПов» (подходит для новичков) и «Профессиональная настройка».

Выбор режима кластеризации

Расскажем подробнее о каждом.

Сравнение ТОПов

Этот режим стоит использовать, если вам нужно быстро сгруппировать ядро и не нужна высокая точность настроек. Для этого нужно:

• Задать точность числом или диапазоном. Точность — это количество совпадений URL в топе, при котором запрос добавляется в кластер. Советуем задать точность в диапазоне 3-5. При значении меньше 3 кластеры будут слишком большими, и в них попадут далекие по смыслу и интенту запросы. При значении от 6-ти образуется слишком много кластеров.

• Выбрать поисковую систему (Яндекс или Google), на основе выдачи которой будет произведена кластеризация.

• Выбрать регион (или несколько регионов) для учета локальной выдачи (это особенно критично для коммерческих запросов).

• Запустить кластеризацию.

Настройка инструмента для режима «Сравнение ТОПов»

Профессиональная настройка

Для кластеризации семантики нашего магазина воспользуемся профессиональной настройкой.

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

• Точность задается только числом. Это базовый уровень точности, при котором запрос добавляется в кластер.

• Далее вы можете задать одно или несколько условий в зависимости от количества фраз в кластере.

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

Настройка кластеризации

Можно добавить еще условия в зависимости от нужного максимума слов в кластере. Таким образом, в режиме «Профессиональная настройка» получаем более точную кластеризацию с учетом особенностей семантики проекта.

Перед запуском процесса система покажет сумму, в которую обойдется кластеризация. Она зависит от трех составляющих:

• количества обработанных ключевых запросов;

• количества поисковых систем;

• числа регионов.

Тариф зависит от стоимости 1 ТЗ — условной единицы, которая означает кластеризацию одного запроса на основании выдачи одной поисковой системы в одном регионе.

Стоимость одного ТЗ уменьшается при увеличении их количества:

	Количество ТЗ
	<1000=10 000xtagstartz/p>

Источник

Google Ads продолжает обновление отчетов, начатое в прошлом году. Вслед за обновленным интерфейсом отчеты дополнились данными по медийной рекламе, чтобы рекламодателям стало проще отслеживать конверсии. Теперь в отчеты по атрибуции добавились отчеты по медийной рекламе, а отчеты по данным YouTube находятся в стадии бета-теста.

Чтобы подключить новые отчеты, необходимо зарегистрироваться в разделе Измерение—Атрибуция в Google рекламе. После подключения вы увидите новые отчеты наряды с поисковыми. Отчеты по атрибуции включают в себя «Основные пути», Метрики пути», «Ассоциированные конверсии» и «Сравнение моделей».

Отчеты по атрибуции вы можете найти по нажатию кнопки гаечного ключа в правом верхнем углу. Затем в разделе «Измерения» необходимо выбрать «Атрибуция».

Источник

В Аналитике появился новый отчет под названием «Популярные характеристики». В нем вы увидите как текущие характеристики популярных товаров, так и те тренды, что были популярны за прошлый период. Отчет доступен для производителей с полным тарифом или магазинам с доступом от третьего уровня.

Для каждого отдельного отчета Яндекс.Маркет добавил фильтр по характеристикам. Под инфопанелью появилась кнопка «Фильтр», с помощью которой можно выбрать необходимые характеристики. Фильтр можно настроить также для всех отчетов разом. Он доступен для тех же групп пользователей, что и новый отчет.

Партнерам Аналитики теперь можно сообщать данные через AppMetrica. Платформа AppMetrica сообщает пользователям о продажах с мобильных устройств. В дальнейшем появится возможность просмотра статистики продаж по типам устройств. Чтобы подключить новый способ передачи данных, необходимо настроить отправку ECommerce-событий для счетчика, добавить новую заявку и выбрать значение AppMetrica в поле «Способ передачи данных», а также указать идентификатор приложения.

Источник

Тематический сборник статей из блога PR-CY:

1. Методики аудита сайта
2. Сервисы для аудита: гайды, настройка, исправление ошибок
3. Эксперименты и тестирование

Методики аудита сайта

Анализ сайта для поиска первоисточника проблем — что проверять и как?

SEO не работает: что делать, когда все сделано, а результатов нет

Бывает, что веб-мастер сделал все запланированные работы по SEO, но ожидаемых результатов нет или наоборот видится ухудшение.

Что в этом случае делать и как сделать это правильно, рассказывает Артур Латыпов, руководитель SEO-отдела компании «SEO-Интеллект». Материал по конспекту лекции на конференции «Cybermarketing».

Что делать, если в SEO нет результатов:

• Проверить на санкции в ПС: метод попарного сравнения

• Перепроверить базовые работы

• Проверить факторы оптимизации

• Провести сводный анализ по поведенческим факторам

• Если это не помогло — что еще может влиять на результаты

Упал трафик сайта — как найти, в чем причина

Если Google Аналитика или Яндекс.Метрика показывает падение трафика для сайта, может быть множество причин — неполадки с сервисами, последствия обновлений на сайте, появления новых ссылок или технических проблем.

Падение трафика в консоли

Как найти причину падения трафика за 14 шагов, рассказывает SEO-специалист с 17-летним опытом DrMax, это конспект его вебинара на Youtube-канале Михаила Шакина.

Показатель отказов на сайте: сколько должно быть и как их считать правильно

Показатель отказов (Bounce Rate) — количество пользователей, которые покинули сайт, обычно потому что не заинтересовались ресурсом.

Разбираем, что означают отказы в SEO, есть ли норма по их количеству на сайте, как настроить подсчет в Google Analytics и Яндекс.Метрике, и что делать, если их слишком много.

Отказы в Google Analytics

Самостоятельный аудит сайта

Первый пост из серии о том, как проверить сайт самостоятельно. В этой части разобрали технический аудит, который помогает найти программные и технические неполадки. Найти ошибки в разметке HTML и CSS, проверить корректность кодировки, найти страницы 404 Not Found и оценить скорость загрузки страниц.

Ссылки на остальные части о SEO и юзабилити-аудите внутри.

Как сделать экспресс-аудит сайтов услуг и интернет-магазинов

Подробный регламент по быстрому аудиту всего сайта авторства команды «Ant-Team».

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

Инструкция: проводим постапдейтную аналитику

Руководитель отдела поискового продвижения Руслан Фатхутдинов из агентства «Реаспект» рассказывает, как проводить постапдейтную аналитику, чтобы найти и устранить ошибки в индексации сайта.

Все, что необходимо — это консоли поисковых систем Яндекс.Вебмастер и Google Search Console.

Анализируем лог-файлы веб-сервера для выявления SEO-проблем

Что такое лог-файл веб-сервера и как анализ лог-файлов позволяет бороться с дублями страниц в интернет-магазинах, переходить на HTTPS без проблем и избавляться от лишних статей на информационных сайтах, которые не видят программы для сканирования.

Сервисы для аудита: гайды, настройка, исправление ошибок

Какие сервисы нужны веб-мастеру, как их настроить и начать работать?

Проверить весь сайт, включая внутренние страницы, и найти ошибки

Получить автоматический полный аудит за пару кликов можно с помощью сервиса «Анализ сайта».

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

Скриншот интерфейса сервиса

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

Попробовать сервис

Локальная поисковая оптимизация и поисковый маркетинг: отслеживаем показатели

Перевод большой статьи с Moz: как настроить отслеживание статистики для бизнеса с региональной привязкой.

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

Разобрали настройку Google Analytics, Search Console, AdWords, Tag Manager, UTM-метки, отслеживание ранжирования, Google Мой Бизнес и другие моменты для регионального бизнеса.

Яндекс.Метрика от А до Я

Подробное руководство по Яндекс.Метрике начиная от регистрации: установка счетчика, настройка системы, работа со сводкой и отчетами и дополнительно с инструментами — Картами и Вебвизором.

Популярные ошибки настройки Яндекс.Метрики

Обзор ошибок, которые часто допускают веб-мастера при работе с Метрикой. Если вы подозреваете, что получаете некорректные данные, советуем проверить на предмет ошибок и сделать правильно.

Ошибки и то, как нужно было сделать, описаны в статье:

• Некорректная установка счетчика Я.Метрики

• Использование другой версии кода при настройке событий в Яндекс.Метрике

• Короткий тайм-аут визита

• Часовой пояс по офису, а не по клиентам

• Блокировка Вебвизора

Google Analytics: базовое руководство

Подробное руководство со скриншотами по настройке и началу использования Google Аналитики. Разобрали установку кода, построение отчетов, как устроен интерфейс Google Analytics и как с ним работать.

10 популярных ошибок настройки Google Analytics и способы их исправить

Список популярных ошибок работы с Аналитикой, которые портят сбор информации на сайте, и способы их исправить.

Какие ошибки в списке:

• Неправильная настройка события взаимодействия

• Отслеживание статистику с других доменов

• Отслеживание ваши собственные сессии

• Нет фильтра на ботов

• Отслеживание спамеров

• Неправильная настройка соответствия цели

• Небрежная настройка параметров UTM

• Не исключение параметров страницы

• Не объединение одних и тех же источников трафика

• Игнорирование списка исключений

Как работать в Google Tag Manager

Что такое Google Tag Manager — Диспетчер тегов, чем он полезен, как с ним работать и кому вообще пригодится этот инструмент. Подробно от установки до интеграции с Google Analytics, Яндекс.Метрикой и настройки отслеживания разных метрик:

• отказов по таймеру;

• переходов по внешним ссылкам;

• внутренних переходов;

• кликов по элементам;

• заполнения формы и клики на социальные кнопки;

• код ретаргетинга или ремаркетинга.

Эксперименты и тестирование

Как проверять гипотезы и улучшать сайт, основываясь на результатах тестов?

A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте

Как продумать и провести свой первый A/B-тест на сайте: подробное руководство по шагам для тех, у кого нет опыта. Разбираем, что это вообще такое, как к нему подготовиться, какие программы использовать и как читать результаты, чтобы понять, что получилось.

Google Optimize: пошаговая инструкция

Разбор сервиса для проведения экспериментов на сайте. Что такое сервис Optimize, кому он нужен, как его настроить, связать Optimize с Google Tag Manager и провести свой первый эксперимент.

9 бесплатных инструментов, чтобы провести юзабилити-тестирование сайта

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

[Кейс] Как настройки колл-трекинга портили статистику по трафику

Пример того, как неправильная настройка портила цифры реального прямого трафика на сайт. Было большое количество прямых переходов, при этом другие показатели взаимодействия с сайтом имели значения «0» и «не установлено» (not set). Оказалось, дело в настройках колл-трекинга — в статье о том, как это поняли и как исправили.

Скриншот из аналитики

[Кейс] Как компания улучшила навигацию сайта и этим разгрузила менеджеров

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

Меню до исправления

Если у вас есть идеи и пожелания, что нам разобрать в блоге, вы можете делиться ими в комментариях!

Источник

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

Знаем, что многие наши читатели сами занимаются оформлением. Советы из статьи могут помочь сделать работу чуть лучше.

Разбираем минимализм как самый популярный сейчас стиль дизайна сайтов и приложений. За основу взяли статью лидеров в исследовании UX Nielsen Norman Group.

В статье:

1. В чем суть минималистичного дизайна

2. 5 принципов полезного UX-дизайна в минимализме

3. Красота в глазах смотрящего

В чем суть минималистичного дизайна

«Не держите дома вещей, о которых вы не можете сказать, что они полезны или красивы»,
— Уильям Моррис, первым охарактеризовал свою профессию словом «дизайнер».

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

Если переборщить с очищением пространства, могут возникнуть проблемы:

• не хватает каких-то важных элементов для работы пользователей, без подсказок и пояснений непонятно, куда нажимать и что это даст;

• сайт выглядит пустым, не связанным с брендом компании, не вызывает нужных ассоциаций и не запоминается.

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

• нужные элементы сложнее найти;

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

Домашняя страница сайта HelloBar очень минималистична визуально, но на главной недостаточно информации о том, чем занимается компания или какие функции доступны пользователю. Это минимализм, но не полезный, хоть и выглядит стильно.

Оформление сайта hellobar.com

Другой пример — сайт 16Personalities с тестированием личности по методу Майерса Бриггса. У сайта не совсем минималистичный стиль, много персонажей, различных блоков, меню разветвленное, есть много подсказок. Тем не менее, он дает только достаточную для работы на сайте информацию и ничего лишнего.

Оформление сайта 16Personalities.com
Оформление тестов на сайте 16Personalities.com

Минималистичный дизайн не значит скучный. Посмотрите на сайт-портфолио ведущего фронтенд-разработчика Max Böck. Выглядит как визитка со ссылками на работы, каждый элемент выполняет свою задачу. Но есть фишка — выбор стиля на усмотрение пользователя.

Среди них выделяются два забавных — «Лобстер» с одноименным шрифтом и курсором в виде лобстера и «Дорога радуги» с мерцающими звездами. Этот прием задержит пользователя на сайте, чтобы он поиграл со стилями, и запомнится ему благодаря такой необычной фишке.

Привлечь внимание пользователей и повысить юзабилити сайта поможет следование этим принципам визуального дизайна.

5 принципов полезного UX-дизайна в минимализме

Как сочетать элементы сайта для продуманных и эстетичных визуальных эффектов.

1. Меньше визуального «шума»

Элементы должны передавать «сигнал», то есть быть полезными. Это направляющие пользователя ярлыки и указатели, простой язык в описаниях к элементам, которые требуют пояснений, четкие изображения, показывающие предмет наглядно.

Сведите к минимуму «шум» — элементы с минимумом информативности. Это бессмысленные картинки, нерелевантная информация, технические термины без объяснения и все, что предназначено только для украшения.

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

К примеру, у приложения Smart Countdown Timer есть «дзен-режим», в котором очень мало «шума»: в состоянии ожидания виден только таймер, но при наведении курсора появляются все нужные элементы управления.

Таймер в «дзен-режиме»

2. Масштаб: самые важные элементы — самые крупные

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

Выделите приоритетные объекты и сделайте их заметнее остальных. На страницах с информацией о товаре важно понять, как пользователь принимает решение:

• Одежда, предметы интерьера, еда, что-то другое, что выбирают по внешнему виду — важнее картинка.

• Детали, оборудование, аппаратура — предметы слабо отличается внешне, характеристики первичны, их стоит выделить.

• Курсы программирования, приложения, сервисы для работы и что-то другое неосязаемое — важны функции и наполнение, подтверждаемое скриншотами.

Картинка неинформативная и не помогает понять содержимое, но конкурирует с большим массивом текста:

Информация об обучающем курсе

Элементы разного размера создадут разнообразие на макете и установят визуальную иерархию.

3. Визуальная иерархия

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

Это делают с помощью вариаций масштаба, цвета, интервала между объектами, местом размещения и множества других сигналов. Чтобы создать четкую визуальную иерархию, используйте 2–3 размера шрифта, чтобы указать пользователям, какие фрагменты контента важнее. Или используйте прозрачность и яркие цвета для акцентов.

К примеру, на сайте статей Medium после бренда и кнопки подписки по приоритету идут названия статей, дальше источники, а потом дата публикации и остальная информация.

Менее важные элементы выглядят мельче

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

К примеру здесь названия характеристик и заполненные данные скомпонованы так, что они не образуют пары, линии выступают разделителями, изучать список неудобно.

Близость элементов нарушена

4. Баланс — равномерное расположение объектов

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

Имеет значение не только количество элементов на одной стороне экрана, но и площадь, которую они занимают. Маленький элемент интерфейса с одной стороны и один большой с другой делают дизайн несбалансированным.

Понять, есть ли баланс на странице, поможет воображаемая ось — линия, делящая экран. Баланс может быть:

• Симметричный: элементы расположены симметрично относительно центральной воображаемой оси.

• Асимметричный: элементы расположены асимметрично, передают динамику.

• Радиальный: элементы исходят из центральной общей точки в круговом направлении.

Это пример симметричного баланса, линия через центр поделила бы экран на равновесные части. Композиция выглядит стабильно и надежно.

Симметрия в балансе

Страница с сайта Nike асимметрично сбалансирована, что дает ощущение энергии и движения, которое соответствует бренду.

Страница Nike.com

5. Контрастность поможет сравнить и передать различия

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

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

«Напоминания» на iOS, удаление элемента обозначено красным

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

Красота в глазах смотрящего

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

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

Интересное по теме:
Бесплатные инструменты для дизайна интерфейсов и разработки сайтов
77 бесплатных инструментов для графического оформления сайта

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

Источник