Дизайн — статьи о сайтах
Задание на сайт книжного магазина часто начинается со слов «нужен как у крупных, только проще». Студия оценивает такую фразу по-своему, а потом выясняется, что в каталоге тысячи позиций, остатки лежат в учётной системе, а обложек и аннотаций нет. Хорошее задание снимает эти сюрпризы до начала работы.
Что в книжном магазине влияет на устройство сайта
У книги много описательных данных, и покупатель ищет по ним: по автору, серии, издательству, году. Поэтому в задании нужно описать не просто «каталог товаров», а структуру данных. Заранее ответьте на вопросы: сколько наименований в каталоге, как часто меняются остатки, где они хранятся, есть ли розничная точка и склад. Отдельно уточните, продаёте ли вы только новые книги или ещё букинистику и канцелярию. У букинистической книги свои состояние и цена, и общая карточка на все экземпляры ей не подходит.
Какие поля карточки книги нужно перечислить
Выпишите атрибуты, отметьте обязательные и укажите, откуда берутся данные:
- название, авторы, переводчик, иллюстратор;
- издательство, серия, год издания, ISBN;
- переплёт, формат, количество страниц, возрастная маркировка;
- аннотация, фрагмент для чтения, обложка;
- цена, остаток, статус наличия.
Источник тоже нужно назвать: выгрузка из учётной системы, файл поставщика или ручной ввод. Если обложек и аннотаций нет, решите, кто их подготовит, иначе сайт откроется с пустыми карточками. Автора лучше сделать отдельной сущностью со своей страницей, а не текстовым полем. Тогда по клику на имя откроется список всех его книг, а «Толстой Л. Н.» и «Лев Толстой» не превратятся в два разных автора.
Как описать поиск и фильтры, чтобы их можно было проверить
Вместо «удобного поиска» запишите сценарии. Например: ISBN, введённый с дефисами и без них, находит одну и ту же книгу. Фамилия автора с опечаткой всё равно показывает его книги. При нулевом результате покупатель видит подсказки, а не пустую страницу. Для фильтров перечислите поля: автор, издательство, серия, переплёт, год, цена, «только в наличии». Уточните, пересчитываются ли числа рядом со значениями фильтра и сохраняется ли выбор, когда покупатель возвращается из карточки в список.
Как расписать наличие, предзаказ и получение заказа
Назовите статусы явно: «в наличии», «под заказ у поставщика», «ожидается», «нет в продаже». Для каждого опишите, что видит покупатель: можно ли добавить книгу в корзину, какой срок доставки показывается и от чего он считается. Если есть магазин офлайн, решите, выводить ли остатки по точкам и как часто они обновляются. Перечислите способы получения (самовывоз, курьер, почта, пункты выдачи) и то, что от каждого зависит на сайте: поля формы, расчёт стоимости, сроки. По онлайн-кассе и приёму платежей укажите, какие сервисы вы уже используете, а требования к ним уточните у бухгалтера и поставщика кассового решения.
Пример фрагмента задания: карточка книги
Условный пример описания страницы. Его формат можно взять за образец:
- Заголовок: название выводится как H1, под ним авторы ссылками на их страницы и серия ссылкой на список серии.
- Покупка: цена и статус наличия. При статусах «в наличии» и «под заказ» кнопка «В корзину» активна. При «нет в продаже» она заменяется формой «Сообщить о поступлении» с полем e-mail.
- Характеристики: издательство, год, ISBN, переплёт, страницы, возраст. Пустые поля не показываются.
- Описание: аннотация длиннее 600 знаков сворачивается с кнопкой «Читать дальше».
- Блок «Ещё у автора»: до шести книг, сначала те, что в наличии.
- Нет обложки: подставляется заглушка того же размера, чтобы сетка каталога не смещалась.
Такой фрагмент студия может оценить по трудоёмкости, а после разработки по нему можно принять работу, проверяя пункт за пунктом.
Проверочный список перед отправкой задания студии
- Указано число наименований и как оно будет расти.
- Перечислены поля карточки, у каждого есть источник данных.
- Определено, кто готовит обложки и аннотации.
- Автор, серия и издательство оформлены как отдельные страницы.
- Поиск описан сценариями: ISBN, опечатка, пустой результат.
- Названы статусы наличия и поведение кнопки для каждого.
- Описаны способы получения и частота обновления остатков.
- Названы системы, с которыми нужен обмен данными: учётная система, поставщики, касса.
- Для ключевых страниц есть описание по блокам, как в примере выше.
