5 упущений при разработке сайта, которые всплывают перед запуском
Дизайн готов, адаптивная верстка есть, сайт запрограммирован, основной контент загружен. Начинается тестирование и тут выясняется, что чего-то не хватает.
В этой статье мы не будем обсуждать SEO, микроразметку, скорость загрузки страниц, то, что связано с продвижением. Речь пойдёт о более приземлённых :)) вещах, о которых почему-то вспоминают только в самый последний момент, буквально перед запуском сайта.
Например:
Иконки без страниц
Есть иконки «Избранное» и «Сравнение», а что будет открываться при нажатии на них нарисовать забыли.
Если списки «Избранное» и «Сравнение» пусты, делайте иконки неактивными. Это самый быстрый способ избежать лишней путаницы.
Если вы всё же хотите оставить переход, даже когда списки пусты, добавьте на страницу короткий текст вроде: «Здесь появятся товары, когда вы их добавите». По желанию, кнопку «Вернуться в каталог» или «На главную» для навигации.
Для лучшего восприятия можно также вставить тематическую иллюстрацию. Например, пустую полку, корзину или сердечко без товаров.
Неполные разделы
Сверстали страницу новости, но:
- Нет списка всех новостей
- Нет пагинации/фильтров
- Нет адаптации под разные типы контента (акции, статьи, обзоры).
Если структуру не продумали заранее, сделайте минимальную версию простой список, с сортировкой по дате и кнопкой «Показать ещё».
Фантомный личный кабинет
В макете есть иконка «Личный кабинет», но других страниц ЛК нету и логично, что сам кабинет не реализован.
Уберите ссылку на личный кабинет или поставьте заглушку "Раздел в разработке".
Варианты отображения
На листинге товаров предусмотрено переключение между плиткой и списком. Но реализован только один вариант отображения товаров.
Если не успеваете сделать переключение между плиткой и списком, оставьте в начале один уже готовый вариант, само переключение закомментируйте.
404-страница
О ней часто забывают — считая малозначимой. Но когда пользователь всё же на неё попадает и видит только сухой текст «Ошибка 404», он, скорее всего, просто закрывает сайт. А ведь вместо этого его можно было направить дальше — на главную, в каталог или в популярные разделы.
Если сроки поджимают - упрощайте
Разные варианты карточек и форм
В интернет-магазинах карточка должна меняться не только под тип клиента (розница/опт), но и под особенности конкретной товарной категории.
Так для розничных клиентов:
- Купить в 1 клик
- Добавить в корзину
- Оставить отзыв
- Заказать обратный звонок
- Сообщить о поступлении
Для оптовых покупателей:
- Запросить оптовую цену
- Получить коммерческое предложение
- Скачать прайс-лист
- Заказать консультацию
- Калькулятор
И всё это страница товара.
А теперь добавим если разные категории:
- Для сантехники потребуется блок по монтажу и комплектация
- Для краски — колеровка и палитра
- Для профнастила — калькулятор расчёта материалов
- Для мебели — 3D-модели, варианты цвета и исполнения, доставка с подъёмом
- Для техники — аксессуары, сервисные центры и т.д.
Универсальная карточка товара без учёта специфики работает плохо. Каждой категории — своя логика, своя структура, свой набор форм.
Что делать, если проект «горит»
Если формы однотипные, используйте единый шаблон, меняя лишь заголовки, текст кнопок и количество полей. Это ускоряет верстку и позволяет поддерживать единый стиль.
Но и в таком случае каждая форма требует отдельного программирования. А если добавляется интеграция с CRM — задача усложняется.
Если проект ограничен по времени, разумнее временно отключить часть форм, заранее согласовав это с клиентом.
Если на сайте представлено много разноплановых категорий, карточка товара должна подстраиваться под специфику каждой из них и учитывать потребности разных типов пользователей.
Но предусмотреть всё сразу — редко возможно. Не стоит пытаться «допилить» все в последний момент.
Лучше определить минимально необходимый функционал на запуск, а остальные элементы включить в план следующих релизов. Так вы сохраните качество и не перегрузите команду.
Подытожим
Если слышите "допилим в процессе" — готовьтесь к:
- Раздутому бюджету на правки,
- Сорванным срокам,
- Выгоревшей команде.
Если бюджет позволяет - делайте в начале работы прототипы на главные страницы.
Фиксируйте ТЗ, чтобы не было, что "мы думали это по умолчанию".
Ставьте приоритет - сначала базовый функционал, а потом уже внедряйте плюшки.
Даже если проект делается с нуля и всё детально просчитали — ошибки возможны с обеих сторон. Но чем больше предусмотрено на этапе проектирования, тем меньше получаем "недосмотрел" на сдаче проекта.
📌 По ссылке список страниц и элементов для стандартного интернет-магазина.