Автор: Часть 1: Фундаментальные принципы и эвристики
В октябре 2024 года в Челябинске прошел масштабный образовательный интенсив «Маркетинг практикум», где одним из ключевых спикеров выступил Василий Долгушев. Предлагаем вашему вниманию адаптированные материалы его выступления на тему «Юзабилити и аналитика веб-ресурсов».
Что такое юзабилити и почему это важно
Термин «юзабилити» часто переводят как «удобство использования», однако это понятие гораздо шире и глубже. Основоположник данного направления Якоб Нильсен определил юзабилити как «степень эффективности, продуктивности и удовлетворенности, с которой определенный пользователь решает определенную задачу в определенном контексте».
Именно эти три компонента – эффективность, продуктивность и удовлетворенность – формируют основу современного подхода к проектированию интерфейсов. Эффективность определяет, насколько полно пользователь достигает поставленных целей; продуктивность измеряет ресурсы (время, когнитивные усилия), затраченные на решение задачи; а удовлетворенность отражает субъективное восприятие и эмоциональный отклик от взаимодействия с интерфейсом.
Значимость юзабилити сложно переоценить в эпоху цифровой конкуренции. Согласно исследованиям, 88% пользователей с меньшей вероятностью вернутся на сайт после негативного опыта взаимодействия с ним. При этом улучшение юзабилити способно повысить конверсию на 200-400% в зависимости от отрасли и исходного состояния ресурса.
Десять эвристик Нильсена: фундаментальные принципы удобства
В 1994 году Нильсен сформулировал десять принципов юзабилити, которые он назвал эвристиками. Многие из них не теряют актуальности и сегодня, несмотря на колоссальные изменения в цифровой среде. Рассмотрим каждый из них подробно, с современными примерами и практическими рекомендациями.
1. Понятное состояние системы
Пользователь должен всегда понимать, что происходит с системой в данный момент. Информационная прозрачность создает ощущение контроля и снижает когнитивную нагрузку.
Примеры реализации:
- Индикаторы загрузки файлов на Яндекс.Диске с процентным отображением прогресса
- Анимированные уведомления о добавлении товара в корзину в интернет-магазинах
- Процентные показатели выполнения операции на YouTube при загрузке видеоконтента
- Статусы заказа в приложениях доставки еды с детализацией каждого этапа
- Индикаторы активности собеседника в мессенджерах («печатает», «онлайн»)
Отсутствие обратной связи вызывает у пользователя дезориентацию и тревогу: «Происходит ли что-то вообще? Система зависла или обрабатывает мой запрос?» Исследования показывают, что пользователи готовы ждать дольше, если видят индикатор прогресса, даже если фактическое время ожидания одинаково.
Практические рекомендации:
- Используйте прогресс-бары для операций длительностью более 2 секунд
- Добавляйте анимированные индикаторы для коротких операций (спиннеры, пульсации)
- Предоставляйте текстовые пояснения к визуальным индикаторам
- Информируйте о примерном времени завершения длительных операций
- Обеспечьте мгновенную обратную связь на действия пользователя (изменение состояния кнопок, звуковые сигналы)
2. Соответствие между системой и реальным миром
Интерфейс должен говорить на языке пользователя, используя понятные ему термины, концепции и визуальные метафоры. Ментальные модели пользователей формируются на основе их повседневного опыта, поэтому цифровые интерфейсы должны отражать знакомые паттерны взаимодействия.
Примеры реализации:
- Иконки должны быть интуитивно понятными и соответствовать общепринятым визуальным кодам
- Названия кнопок и пунктов меню – однозначными и отражающими реальные действия
- Визуальные элементы – соответствовать своему функциональному назначению
- Терминология должна соответствовать профессиональному уровню целевой аудитории
Негативный пример – сайт стоматологической клиники, где иконки процедур выглядят абстрактно и не соответствуют своему содержанию: отбеливание обозначено иконкой грузовика, а циркониевая коронка представлена непонятным символом. Такой подход вызывает когнитивный диссонанс и затрудняет навигацию.
Даже если иконки кажутся дизайнеру очевидными, лучше дополнить их текстовыми подписями, как это делают в мобильных приложениях банков. Исследования показывают, что комбинация иконки и текста повышает скорость распознавания на 34% по сравнению с использованием только иконок.
Практические рекомендации:
- Используйте общепринятые метафоры и символы (корзина для покупок, лупа для поиска)
- Избегайте профессионального жаргона, если ваша аудитория не состоит из специалистов
- Тестируйте понятность терминологии и иконографики на представителях целевой аудитории
- Дублируйте иконки текстовыми подписями для однозначной интерпретации
- Адаптируйте язык интерфейса под культурный контекст целевой аудитории
3. Пользовательский контроль и свобода действий
Любое действие должно быть обратимым, а пользователь должен иметь возможность отменить операцию или вернуться на предыдущий шаг. Этот принцип особенно важен для снижения стресса при взаимодействии с новыми интерфейсами.
Примеры реализации:
- Удаленные файлы можно восстановить из корзины в течение определенного периода
- Всплывающие окна имеют заметную кнопку закрытия в стандартном месте (обычно правый верхний угол)
- Модальные окна закрываются при клике вне их области (правило хорошего тона)
- Функция отмены последнего действия (Ctrl+Z) в редакторах
- Возможность редактирования или удаления комментариев в социальных сетях
- Опция «Вернуться к покупкам» после добавления товара в корзину
«Правило хорошего тона» – предоставлять пользователю возможность отменить любое действие и вернуться на предыдущий шаг. Это снижает когнитивную нагрузку и позволяет экспериментировать без страха совершить непоправимую ошибку. Согласно исследованиям, наличие функции отмены действия повышает уровень исследовательской активности пользователей на 28%.
Практические рекомендации:
- Обеспечьте четкие пути выхода из любого процесса или диалога
- Предоставляйте функцию отмены для критических действий
- Реализуйте историю действий с возможностью возврата к предыдущим состояниям
- Запрашивайте подтверждение только для необратимых действий
- Сохраняйте промежуточные результаты для восстановления при сбоях
4. Последовательность и стандарты
Единообразие элементов интерфейса критически важно для формирования предсказуемого пользовательского опыта. Консистентность снижает когнитивную нагрузку и ускоряет процесс обучения работе с интерфейсом.
Примеры реализации:
- Один-два основных шрифта на всем сайте с четкой иерархией размеров
- Унифицированный формат кнопок с согласованными отступами и радиусами скругления
- Согласованная цветовая схема с четким функциональным назначением каждого цвета
- Стандартизированные элементы управления с предсказуемым поведением
- Единообразное расположение навигационных элементов на всех страницах
Допустимы вариации для акцентных элементов (например, кнопка призыва к действию может отличаться цветом), но базовая визуальная система должна быть последовательной. Исследования показывают, что консистентность интерфейса сокращает время выполнения задач на 30-50% и снижает количество ошибок.
Для обеспечения единообразия разрабатывается фирменный стиль сайта, где прописываются параметры типографики, размеры и стили кнопок, цветовая палитра и другие элементы дизайн-системы. Современные практики включают создание UI-kit и дизайн-системы с компонентным подходом, что обеспечивает масштабируемость и поддерживаемость интерфейса.
Практические рекомендации:
- Разработайте дизайн-систему перед началом проектирования интерфейса
- Ограничьте количество шрифтов (1-2) и их начертаний (3-4 для каждого шрифта)
- Создайте цветовую палитру с четким функциональным назначением каждого цвета
- Стандартизируйте отступы и выравнивание элементов по модульной сетке
- Используйте библиотеки компонентов для обеспечения единообразия
Часть 2: Практические аспекты юзабилити и методы тестирования
5. Предотвращение ошибок
Лучше предупредить ошибку, чем исправлять её последствия. Проактивный подход к предотвращению ошибок значительно улучшает пользовательский опыт и повышает эффективность взаимодействия.
Примеры реализации:
- Маски ввода для телефонных номеров, ограничивающие ввод только цифрами в нужном формате
- Предупреждения перед необратимыми действиями с описанием возможных последствий
- Информация о требуемых форматах файлов и ограничениях перед загрузкой
- Автоматическое сохранение черновиков форм и документов
- Валидация данных в реальном времени с подсветкой некорректных полей
- Предложение альтернативных вариантов при опечатках в поисковых запросах
Примеры из повседневного опыта: предупреждение Windows перед форматированием диска или уведомление на смартфоне «Не выключайте устройство во время обновления». Такие предупреждения защищают пользователя от потенциально разрушительных последствий необдуманных действий.
Исследования показывают, что реализация проактивных мер по предотвращению ошибок может снизить количество обращений в техническую поддержку на 25-40% и значительно повысить уровень удовлетворенности пользователей.
Практические рекомендации:
- Анализируйте типичные ошибки пользователей и разрабатывайте механизмы их предотвращения
- Используйте контекстные подсказки и примеры заполнения форм
- Реализуйте умные значения по умолчанию, основанные на типичных сценариях использования
- Применяйте прогрессивное раскрытие сложных функций для снижения когнитивной нагрузки
- Внедряйте двухэтапное подтверждение для критических и необратимых операций
6. На виду, а не по памяти
Важная информация должна быть доступна без дополнительных действий. Этот принцип основан на понимании ограничений кратковременной памяти человека и стремлении минимизировать когнитивную нагрузку.
Примеры реализации:
- Информация о доставке и возврате на странице товара, а не только в отдельном разделе
- Контактные данные в футере каждой страницы для быстрого доступа
- Подписанные иконки вместо абстрактных символов, требующих запоминания
- Отображение текущего местоположения в навигационной цепочке (хлебные крошки)
- Сохранение параметров фильтрации при возврате к списку результатов
- Автозаполнение ранее введенных данных в формах
Пользователь не должен запоминать информацию из одной части интерфейса, чтобы использовать её в другой. Согласно исследованиям, человек способен одновременно удерживать в рабочей памяти только 5-9 элементов, поэтому интерфейсы, требующие запоминания большего количества информации, создают избыточную когнитивную нагрузку.
Практические рекомендации:
- Размещайте связанную информацию в непосредственной близости
- Используйте визуальные подсказки и контекстную помощь
- Реализуйте функцию автозаполнения и сохранения истории ввода
- Отображайте текущее состояние и контекст в интерфейсе
- Предоставляйте визуальные индикаторы для ранее посещенных разделов
7. Гибкость и эффективность использования
Интерфейс должен быть удобен как для новичков, так и для опытных пользователей. Многоуровневый подход к проектированию позволяет удовлетворить потребности различных категорий пользователей без ущерба для функциональности.
Примеры реализации:
- Календари с визуальным выбором вместо ручного ввода дат
- Выбор из списка с автодополнением вместо заполнения полей вручную
- Интерактивные карты для выбора адреса с автоматическим заполнением полей
- Горячие клавиши для опытных пользователей наряду с кнопками интерфейса
- Возможность настройки интерфейса под индивидуальные предпочтения
- Адаптивные формы, меняющие сложность в зависимости от опыта пользователя
Негативный пример – сатирический проект «Если бы сатана был веб-дизайнером», где номер телефона вводится путем последовательного выбора каждой цифры из выпадающего списка. Такой интерфейс намеренно усложняет простую задачу, делая её утомительной и раздражающей.
Различные режимы работы для новичков и опытных пользователей (как в Яндекс.Директе) позволяют адаптировать интерфейс под уровень компетенции пользователя. Исследования показывают, что внедрение ускоренных путей выполнения задач для опытных пользователей может повысить производительность на 35-60%.
Практические рекомендации:
- Предоставляйте как простые, так и продвинутые способы выполнения операций
- Реализуйте горячие клавиши для часто используемых функций
- Создавайте шаблоны и пресеты для типовых сценариев использования
- Разрабатывайте адаптивные интерфейсы, учитывающие уровень опыта пользователя
- Обеспечьте возможность персонализации и настройки интерфейса
8. Эстетика и минимализм
Интерфейс должен содержать только необходимые элементы. Каждый дополнительный элемент конкурирует за внимание пользователя и снижает относительную заметность действительно важных компонентов.
Примеры реализации:
- Лаконичный дизайн главной страницы Google с фокусом на основной функции поиска
- Поэтапные формы вместо громоздких анкет с множеством полей
- Фокус на основной функциональности с прогрессивным раскрытием дополнительных опций
- Использование визуальной иерархии для выделения приоритетного контента
- Скрытие редко используемых функций в дополнительных меню
Минимализм – это не просто дизайнерский тренд, а функциональное решение, снижающее когнитивную нагрузку на пользователя. Пример эффективного подхода – разбиение длинных форм на несколько шагов с индикацией прогресса, как это делает Тинькофф при оформлении кредитной карты.
Исследования показывают, что минималистичные интерфейсы не только эстетически привлекательны, но и повышают скорость выполнения задач на 22-30% за счет снижения когнитивной нагрузки и времени принятия решений.
Практические рекомендации:
- Проводите регулярный аудит интерфейса на предмет избыточных элементов
- Применяйте принцип прогрессивного раскрытия для сложных функций
- Используйте визуальную иерархию для выделения приоритетного контента
- Разбивайте сложные процессы на логические шаги с индикацией прогресса
- Группируйте связанные элементы для улучшения восприятия
Часть 3: Диагностика проблем и инструментальные методы анализа
Эвристики юзабилити (завершение)
9. Помощь в распознавании и исправлении ошибок
Сообщения об ошибках должны быть информативными и конструктивными. Они должны точно указывать на проблему и предлагать конкретные шаги по её устранению.
Примеры реализации:
- Понятные сообщения на языке пользователя без технических кодов
- Точное указание на проблемное поле с подсветкой
- Конкретные рекомендации по исправлению ошибки
- Предложение альтернативных действий при невозможности выполнить запрошенную операцию
- Сохранение корректно введенных данных при перезагрузке формы
Негативный пример – сообщение «Подтвердите действие» с непонятными техническими кодами «Error name, Error E-Mail» вместо человекочитаемого «Пожалуйста, введите имя и электронную почту». Такие сообщения вызывают фрустрацию и не дают пользователю четкого понимания, как исправить ситуацию.
Исследования показывают, что конструктивные сообщения об ошибках, предлагающие конкретное решение, повышают вероятность успешного завершения задачи на 40-60% по сравнению с общими уведомлениями.
Практические рекомендации:
- Используйте позитивный и конструктивный тон в сообщениях об ошибках
- Предоставляйте конкретные инструкции по исправлению проблемы
- Визуально выделяйте проблемные области интерфейса
- Избегайте технического жаргона и кодов ошибок в пользовательском интерфейсе
- Сохраняйте контекст и введенные данные при возникновении ошибок
10. Справка и документация
Даже интуитивно понятный интерфейс должен сопровождаться доступной справкой. Идеальная справочная система интегрирована в пользовательский опыт и доступна в контексте выполняемых задач.
Примеры реализации:
- Интерактивные подсказки при первом использовании (онбординг)
- Значки с вопросительными знаками рядом со сложными элементами
- Контекстная помощь, доступная непосредственно в процессе работы
- Всплывающие подсказки при наведении на элементы интерфейса
- Обучающие видеоролики и интерактивные руководства
- База знаний с возможностью поиска по ключевым словам
Яндекс.Метрика – хороший пример интеграции справочной информации: каждый термин сопровождается значком вопроса, нажав на который можно получить подробное объяснение. Такой подход позволяет пользователям получать необходимую информацию непосредственно в контексте работы, не прерывая основной процесс.
Исследования показывают, что интегрированная контекстная помощь повышает эффективность выполнения задач на 25-35% по сравнению с традиционными справочными системами, требующими перехода в отдельный раздел.
Практические рекомендации:
- Разрабатывайте справочные материалы на основе реальных пользовательских сценариев
- Интегрируйте помощь непосредственно в интерфейс с контекстной доступностью
- Создавайте многоуровневую систему помощи для различных категорий пользователей
- Используйте визуальные материалы (скриншоты, видео) для наглядной демонстрации
- Обеспечьте возможность обратной связи о полезности справочных материалов
Методы тестирования юзабилити
Пользовательское тестирование
Основной метод оценки юзабилити – наблюдение за реальными пользователями, решающими конкретные задачи. Этот метод позволяет выявить проблемы, которые невозможно обнаружить при теоретическом анализе.
Ключевые параметры оценки:
- Скорость освоения нового интерфейса (learnability)
- Способность вспомнить функциональность после перерыва (memorability)
- Количество и характер ошибок при выполнении типовых задач (errors)
- Эффективность выполнения задач после освоения интерфейса (efficiency)
- Субъективное удовлетворение от использования (satisfaction)
Простейший способ – метод «Спросите маму» (из одноименной книги): покажите сайт представителю целевой аудитории и попросите выполнить типичную задачу, наблюдая за процессом и собирая обратную связь. Этот метод не требует специального оборудования и может дать ценные инсайты даже при минимальном количестве участников.
Согласно исследованиям Якоба Нильсена, тестирование с участием всего 5 пользователей позволяет выявить около 85% проблем юзабилити. Дополнительные участники дают все меньше новых инсайтов, поэтому эффективнее проводить несколько итераций тестирования с небольшими группами, чем одно масштабное исследование.
Методики пользовательского тестирования:
- Модерируемые сессии с озвучиванием мыслей (think-aloud protocol)
- Немодерируемые удаленные тесты с записью экрана и аудиокомментариями
- A/B-тестирование альтернативных версий интерфейса
- Карточная сортировка для оптимизации информационной архитектуры
- Юзабилити-тестирование с отслеживанием движения глаз (eye-tracking)
Инструментальные методы
Яндекс.Взгляд
Сервис для тестирования UX-дизайна на этапе разработки, позволяющий получить обратную связь от реальных пользователей без необходимости создания работающего прототипа.
Функциональные возможности:
- Загрузка до 5 макетов интерфейса в виде изображений
- Формулировка конкретных заданий для пользователей
- Настройка интерактивных зон и переходов между экранами
- Анализ тепловой карты кликов и траекторий движения курсора
- Сбор качественной и количественной обратной связи
Стоимость тестирования фиксированная – 999 рублей за один тест с гарантированным участием не менее 100 пользователей из Яндекс.Толоки. Преимущество раннего тестирования – возможность выявить проблемы на этапе дизайна, когда их исправление требует минимальных затрат.
Согласно исследованиям, стоимость исправления ошибок юзабилити возрастает в 10 раз на каждой последующей стадии разработки: от дизайна к прототипу, от прототипа к разработке, от разработки к выпущенному продукту.
Практические рекомендации:
- Тестируйте ключевые пользовательские сценарии на ранних этапах дизайна
- Формулируйте конкретные задания, соответствующие реальным пользовательским задачам
- Анализируйте не только успешность выполнения, но и траекторию решения
- Проводите итеративное тестирование с внесением корректировок между итерациями
- Сравнивайте альтернативные решения для выбора оптимального варианта
Яндекс.Вебвизор
Инструмент, записывающий действия пользователей на сайте, позволяющий анализировать реальное поведение посетителей и выявлять проблемные места интерфейса.
Функциональные возможности:
- Запись и воспроизведение сессий пользователей
- Отслеживание движения курсора, кликов и скроллинга
- Анализ заполнения форм и взаимодействия с элементами интерфейса
- Фильтрация записей по различным параметрам (источник трафика, устройство и т.д.)
- Интеграция с целями и сегментами Яндекс.Метрики
Часть 3: Диагностика проблем и инструментальные методы анализа (продолжение)
В отличие от зарубежных аналогов, Вебвизор предоставляется бесплатно в составе Яндекс.Метрики. Ограничения: хранение записей до 15 дней и лимит в 150 000 посетителей в день. Эти ограничения вполне достаточны для большинства проектов среднего масштаба.
Для активации необходимо:
- Установить код Яндекс.Метрики на сайт
- Включить опцию Вебвизора в настройках счетчика
- Настроить цели для отслеживания ключевых действий пользователей
- Регулярно анализировать записи с фокусом на проблемные сценарии
Практические рекомендации по работе с Вебвизором:
- Сосредоточьтесь на анализе сессий с незавершенными целевыми действиями
- Изучайте поведение пользователей на страницах с высоким показателем отказов
- Анализируйте заполнение форм для выявления проблемных полей
- Сравнивайте поведение пользователей из разных источников трафика
- Отмечайте и сохраняйте записи с типичными паттернами проблемного поведения
Комплексный подход к анализу юзабилити
Для получения полной картины рекомендуется комбинировать различные методы анализа и тестирования. Каждый метод имеет свои преимущества и ограничения, а их совместное использование позволяет получить многомерное представление о пользовательском опыте.
Количественные методы анализа
Количественные методы позволяют измерить масштаб проблем юзабилити и отслеживать динамику изменений после внесения улучшений.
Ключевые метрики:
- Коэффициент конверсии для целевых действий
- Время выполнения типовых задач
- Показатель отказов на ключевых страницах
- Глубина просмотра и время на сайте
- Процент заполнения и отправки форм
- Частота использования функций поиска и навигации
Эти метрики можно отслеживать с помощью аналитических инструментов, таких как Яндекс.Метрика и Google Analytics. Важно устанавливать базовые показатели перед внесением изменений и регулярно сравнивать результаты для оценки эффективности улучшений.
Качественные методы анализа
Качественные методы позволяют понять причины проблем юзабилити и получить инсайты для разработки решений.
Эффективные подходы:
- Интервью с пользователями о их опыте взаимодействия с сайтом
- Анализ обратной связи и обращений в службу поддержки
- Модерируемые сессии юзабилити-тестирования с озвучиванием мыслей
- Анализ записей Вебвизора с фокусом на поведенческие паттерны
- Экспертная оценка интерфейса на соответствие принципам юзабилити
Качественные методы особенно ценны на ранних этапах разработки и при исследовании новых функций. Они позволяют выявить неочевидные проблемы и получить глубокое понимание пользовательских потребностей.
Часть 4: Практическое применение принципов юзабилити в различных сценариях
Юзабилити для различных типов веб-ресурсов
Принципы юзабилити универсальны, но их практическое применение может существенно различаться в зависимости от типа веб-ресурса и его целевой аудитории. Рассмотрим специфику юзабилити для различных категорий сайтов.
Интернет-магазины
Юзабилити интернет-магазина напрямую влияет на конверсию и средний чек. Ключевые аспекты:
Критические элементы юзабилити:
- Удобная навигация по категориям товаров и фильтрация
- Информативные карточки товаров с качественными изображениями
- Прозрачное отображение наличия, сроков и стоимости доставки
- Понятный процесс оформления заказа с минимальным количеством шагов
- Сохранение корзины между сессиями и устройствами
- Персонализированные рекомендации и история просмотров
Исследования показывают, что оптимизация процесса оформления заказа может повысить конверсию на 35-60%. Особое внимание следует уделить мобильной версии, так как более 60% пользователей просматривают товары с мобильных устройств, даже если финальную покупку совершают с десктопа.
Практические рекомендации:
- Реализуйте поиск с автодополнением и исправлением опечаток
- Обеспечьте возможность сравнения товаров по ключевым характеристикам
- Предоставьте подробную информацию о товаре, включая отзывы и рейтинги
- Минимизируйте количество полей при оформлении заказа
- Реализуйте функцию быстрой покупки для повторных клиентов
- Обеспечьте прозрачность на всех этапах процесса покупки
Корпоративные сайты
Корпоративный сайт формирует первое впечатление о компании и влияет на доверие потенциальных клиентов и партнеров.
Критические элементы юзабилити:
Четкая структура с логичной иерархией информации
Понятное позиционирование компании на главной странице
Доступность контактной информации из любой точки сайта
Удобные формы обратной связи с минимальным количеством обязательных полей
Актуальный и структурированный раздел новостей/блог
Адаптивность для различных устройств и скорость загрузки
Согласно исследованиям, 94% первых впечатлений о компании формируются на основе дизайна и юзабилити её веб-сайта. При этом 75% пользователей судят о надежности компании по качеству её цифрового присутствия.
Практические рекомендации:
- Размещайте ключевую информацию о компании на главной странице
- Структурируйте контент по принципу перевернутой пирамиды (от общего к частному)
- Обеспечьте быстрый доступ к часто запрашиваемой информации
- Интегрируйте социальные доказательства (кейсы, отзывы, клиенты)
- Оптимизируйте скорость загрузки для улучшения пользовательского опыта
- Регулярно обновляйте контент для поддержания актуальности
Информационные порталы и блоги
Для информационных ресурсов ключевыми показателями эффективности являются глубина просмотра, время на сайте и возвращаемость аудитории.
Критические элементы юзабилити:
- Удобная навигация по категориям и тегам
- Эффективный поиск с релевантными результатами
- Читабельная типографика с оптимальной длиной строки и интерлиньяжем
- Структурированный контент с подзаголовками и списками
- Рекомендации связанных материалов для увеличения глубины просмотра
- Возможность сохранения и шеринга контента
Исследования показывают, что правильно структурированный контент увеличивает время чтения на 25-30% и повышает вероятность прочтения материала до конца. Оптимальная длина строки составляет 50-75 символов, а размер шрифта для основного текста должен быть не менее 16px.