Заголовок
Провести UX/UI аудит сайта
Компонента
Дизайн, Проектирование
Текст
Необходимо провести UX/UI-аудит сайта [ссылка на сайт] и подготовить перечень выявленных замечаний в формате комментария к задаче. Цель аудита — определить проблемы, которые мешают пользователю быстро понимать содержание сайта, находить нужную информацию и выполнять целевые действия: оставить заявку, оформить заказ, записаться, позвонить, перейти в каталог или получить консультацию. В рамках аудита необходимо проверить сайт по следующим пунктам: 1. Первое впечатление и первый экран Оценить, ясно ли пользователю с первых секунд, чем занимается компания, какие товары или услуги представлены на сайте и какое основное действие от него ожидается. Проверить заголовок, подзаголовок, УТП, визуальную подачу, заметность основной кнопки и ясность дальнейшего пути. 2. Навигация и структура Проверить логичность меню, ясность названий разделов, удобство переходов между страницами, доступность ключевых разделов, наличие поиска, фильтров, хлебных крошек и других элементов навигации. Пользователю должно быть ясно, где он находится и как быстро перейти к нужной информации. 3. Целевые действия Оценить заметность и ясность основных кнопок и ссылок: купить, заказать, записаться, получить консультацию, оставить заявку, позвонить, написать в мессенджер, скачать документ. Проверить, не конкурируют ли кнопки между собой, ясны ли их названия и расположены ли они в логичных местах. 4. Визуальный дизайн Проверить актуальность внешнего вида сайта, визуальную иерархию, единообразие карточек, кнопок, форм и ссылок. Оценить, нет ли визуального шума, перегруза цветами, плашками, анимацией или декоративными элементами. Проверить, достаточно ли воздуха между блоками и соответствует ли дизайн тематике сайта. 5. Цвета, контраст и читаемость Проверить, хорошо ли читается текст на фоне, достаточно ли контрастны кнопки и ссылки, не используется ли слишком мелкий текст, слишком длинные строки или лишний капс. Отдельно оценить, ясно ли визуально, какие элементы являются активными, кликабельными или выбранными. 6. Тексты и оформление контента Оценить ясность заголовков, структуру текстов, деление на абзацы, списки и смысловые блоки. Проверить, нет ли слишком длинных, сложных или повторяющихся текстов. Контент должен помогать пользователю быстро понять суть блока и принять решение. 7. Изображения и видео Проверить качество изображений, их соответствие смыслу страницы, отсутствие размытых, растянутых или случайных визуалов. Оценить, не мешают ли изображения чтению текста и корректно ли используется видеоконтент. 8. Формы, контакты и обратная связь Проверить, легко ли найти форму заявки, телефон, email, адрес, мессенджеры, карту и график работы. Оценить удобство заполнения форм, количество полей, ясность обязательных полей, наличие согласия на обработку персональных данных, сообщений об ошибке и успешной отправке. 9. Адаптивность Проверить корректность отображения сайта на десктопе и мобильных устройствах: читаемость текстов, удобство нажатия на кнопки и ссылки, отсутствие горизонтального скролла, корректную работу меню, форм, поиска, фильтров, поп-апов и виджетов. 10. Технические UX-проблемы Оценить скорость загрузки, работу кнопок, ссылок, меню, форм, поиска, фильтров и других интерактивных элементов. Проверить, нет ли ошибок, задержек или сценариев, которые мешают пользователю выполнить действие. 11. Дополнительная проверка для интернет-магазина Если сайт является интернет-магазином, дополнительно проверить каталог, карточку товара, поиск по товарам, фильтры и сортировку, корзину, оформление заказа, доставку, оплату, цены, наличие, характеристики, избранное, сравнение, пустые состояния и ошибки. Результат нужно подготовить в виде комментария следующего формата: 1. [Краткое название проблемы] Где: [страница / блок / элемент] Описание: [что именно не так] Почему важно: [как это влияет на пользователя или целевое действие] Рекомендация: [что необходимо исправить] 2. [Краткое название проблемы] Где: [страница / блок / элемент] Описание: [что именно не так] Почему важно: [как это влияет на пользователя или целевое действие] Рекомендация: [что необходимо исправить] 3. [Краткое название проблемы] Где: [страница / блок / элемент] Описание: [что именно не так] Почему важно: [как это влияет на пользователя или целевое действие] Рекомендация: [что необходимо исправить] В начале комментария нужно кратко указать общее впечатление по сайту и 3–5 основных проблем, которые стоит исправить в первую очередь.
