Сначала иерархия, потом эффект
На первом экране должны быть заметны продукт, результат и действие. Контраст, размер шрифта и свободное пространство направляют внимание. Если всё одинаково громкое, посетитель не понимает, с чего начать.
Когда уместны 3D и анимация
Объёмная графика полезна, когда показывает продукт, интерфейс, материал или атмосферу бренда. Декоративный эффект не должен перекрывать текст, замедлять загрузку или мешать управлению на телефоне.
Хорошая анимация объясняет связь элементов, подтверждает действие и создаёт ритм. Она остаётся дополнением к содержанию, а не заменяет его.
Мобильная версия проектируется отдельно
Сжатие десктопа не равно адаптации. На телефоне меняются размер заголовка, порядок блоков, длина форм и частота целевых кнопок. Важные элементы должны быть доступны без точного попадания и горизонтальной прокрутки.
Проведите короткий тест без подсказок дизайнера
Покажите страницу человеку, который не участвовал в проекте и похож на будущего заказчика по задаче. Не объясняйте заранее, где что находится. Запишите его ответы и затруднения по трём заданиям ниже. Один такой разговор помогает найти непонятное место, но не измеряет конверсию и не представляет всех посетителей.
Для каждого затруднения сохраните пару «действие — наблюдение»: например, «искал цену — принял декоративную подпись за кнопку». Меняйте причину ошибки: подпись, контраст, порядок или доступность действия. Не делайте вывод «нужен новый дизайн» из одного вкусового замечания. После правки повторите проблемный маршрут.
- Открыть страницу на телефоне и своими словами сказать, что предлагается и кому. Не повторять заголовок на память, а объяснить смысл.
- Найти состав и ограничение услуги. Записать, где искал человек и какой ответ понял неправильно.
- Начать обращение без отправки реальных данных: найти кнопку, понять ожидаемый следующий шаг и вернуться назад.
- Отдельно для 3D или видео: проверить тот же путь при недоступном эффекте и уменьшенном движении. Если без эффекта нельзя прочитать предложение или выполнить действие, нужен доступный запасной вариант.
Короткая проверка перед приёмкой дизайна
Откройте страницу на узком экране и увеличьте текст. Заголовок, условия и кнопка должны оставаться читаемыми; закреплённая шапка не должна закрывать пункт, к которому ведёт ссылка. Пройдите форму клавиатурой и убедитесь, что видно, какое поле или кнопка сейчас выбраны.
Отключите анимацию через настройку уменьшения движения. Смысл страницы и доступ к заявке должны сохраниться. Если фотография служит доказательством результата, проверьте её кадрирование на телефоне: красивый фон не заменяет видимый объект и подпись о том, что именно показано.