Expand technical specification content
This commit is contained in:
Ruslan Bakiev
@@ -1,84 +1,204 @@
|
||||
# Этап 1: UX/UI
|
||||
# 6. Экранные формы и текстовые прототипы
|
||||
|
||||
## Назначение этапа
|
||||
## 6.1 Общие требования к экранным формам
|
||||
|
||||
Первый этап нужен не для полной разработки продукта, а для согласования визуального подхода, экранной структуры и базовой логики пользовательских сценариев.
|
||||
Экранные формы должны обеспечивать понятную навигацию, читаемое отображение статусов, явное разделение клиентского и менеджерского контура и однозначную привязку действий к текущему объекту.
|
||||
|
||||
Согласно приложению к договору, на этапе должны быть представлены `2-3 сверстанные страницы` с основными элементами интерфейса.
|
||||
Для всех ключевых форм должны выполняться требования:
|
||||
|
||||
## Рекомендуемый состав страниц этапа
|
||||
- на экране должен быть понятен текущий объект работы
|
||||
- должен быть виден текущий статус объекта
|
||||
- действия пользователя должны соответствовать роли и статусу объекта
|
||||
- клиент не должен видеть стоимость до публикации условий менеджером
|
||||
- остатки по складам должны отображаться в наглядном виде
|
||||
|
||||
### Страница 1. Каталог / карточка товара
|
||||
## 6.2 Клиентские формы
|
||||
|
||||
Цель страницы:
|
||||
### 6.2.1 Главная страница клиента
|
||||
|
||||
- показать, как клиент выбирает готовую продукцию
|
||||
- показать параметры, доступные варианты и остатки
|
||||
- показать переход к заказу и к расчету
|
||||
Назначение:
|
||||
|
||||
Что должно быть на странице:
|
||||
- входная точка в систему
|
||||
- доступ к основным разделам
|
||||
- отображение важных текущих событий
|
||||
|
||||
- список или карточка типа товара
|
||||
- иллюстрация товара
|
||||
- выбор параметров
|
||||
- описания параметров и сценариев применения
|
||||
- доступные варианты
|
||||
- индикация остатков по складам
|
||||
Состав:
|
||||
|
||||
- шапка с навигацией
|
||||
- блок быстрых переходов
|
||||
- блок актуальных заказов
|
||||
- блок последних уведомлений
|
||||
|
||||
Прототип:
|
||||
|
||||
```text
|
||||
+-------------------------------------------------------------+
|
||||
| Header: каталог | заказы | уведомления | бонусы | профиль |
|
||||
+-------------------------------------------------------------+
|
||||
| Быстрые действия |
|
||||
| [Каталог] [Мои заказы] [Бонусы] [Профиль] |
|
||||
+-------------------------------------------------------------+
|
||||
| Актуальные заказы |
|
||||
| № | статус | дата | действие |
|
||||
+-------------------------------------------------------------+
|
||||
| Последние уведомления |
|
||||
+-------------------------------------------------------------+
|
||||
```
|
||||
|
||||
### 6.2.2 Каталог продукции
|
||||
|
||||
Назначение:
|
||||
|
||||
- показать доступные товарные направления
|
||||
- дать переход в карточку типа товара
|
||||
|
||||
Состав:
|
||||
|
||||
- поиск
|
||||
- сетка карточек типов продукции
|
||||
|
||||
### 6.2.3 Карточка типа товара
|
||||
|
||||
Назначение:
|
||||
|
||||
- выбор параметров товара
|
||||
- просмотр остатков и доступных вариантов
|
||||
- добавление в корзину
|
||||
|
||||
Состав:
|
||||
|
||||
- заголовок
|
||||
- изображение
|
||||
- блок параметров
|
||||
- блок описания параметров
|
||||
- SKU выбранной позиции
|
||||
- действие `В корзину`
|
||||
- действие перехода в расчетный сценарий
|
||||
- таблица доступных вариантов
|
||||
|
||||
### Страница 2. Карточка заявки / заказа клиента
|
||||
Прототип:
|
||||
|
||||
Цель страницы:
|
||||
```text
|
||||
+-------------------------------------------------------------+
|
||||
| Назад | Тип товара |
|
||||
+-------------------------------------------------------------+
|
||||
| Изображение | Параметры выбора | SKU / В корзину |
|
||||
| | ширина | |
|
||||
| | длина | |
|
||||
| | толщина | |
|
||||
| | цвет / надпись | |
|
||||
+-------------------------------------------------------------+
|
||||
| Таблица доступных вариантов |
|
||||
| SKU | ширина | длина | толщина | остатки | действие |
|
||||
+-------------------------------------------------------------+
|
||||
```
|
||||
|
||||
- показать, как клиент видит созданную заявку или заказ
|
||||
- показать статусы, историю изменений и опубликованные менеджером условия
|
||||
### 6.2.4 Корзина
|
||||
|
||||
Что должно быть на странице:
|
||||
Назначение:
|
||||
|
||||
- номер заявки или заказа
|
||||
- текущий статус
|
||||
- состав заказа
|
||||
- стоимость после обработки менеджером
|
||||
- параметры доставки
|
||||
- история статусов
|
||||
- действия `Отправить в работу` / `Отменить`, если стадия это допускает
|
||||
- проверка состава заказа
|
||||
- корректировка количества
|
||||
- отправка заявки
|
||||
|
||||
### Страница 3. Менеджерская обработка заявки
|
||||
### 6.2.5 Карточка заявки / заказа
|
||||
|
||||
Цель страницы:
|
||||
Назначение:
|
||||
|
||||
- показать рабочее место менеджера
|
||||
- показать, как менеджер вносит стоимость и условия
|
||||
- отображение состава, статуса, стоимости, доставки и истории
|
||||
|
||||
Что должно быть на странице:
|
||||
Прототип:
|
||||
|
||||
- данные клиента
|
||||
- состав заявки или параметры расчета
|
||||
- поле стоимости
|
||||
- блок доставки
|
||||
- комментарий менеджера
|
||||
```text
|
||||
+-------------------------------------------------------------+
|
||||
| № заявки / заказа | Статус |
|
||||
+-------------------------------------------------------------+
|
||||
| Состав |
|
||||
+-------------------------------------------------------------+
|
||||
| Стоимость и доставка |
|
||||
+-------------------------------------------------------------+
|
||||
| История изменений |
|
||||
+-------------------------------------------------------------+
|
||||
| [Отправить в работу] [Отменить] |
|
||||
+-------------------------------------------------------------+
|
||||
```
|
||||
|
||||
### 6.2.6 Список заказов
|
||||
|
||||
Назначение:
|
||||
|
||||
- просмотр текущих и архивных заказов
|
||||
- фильтрация по периоду
|
||||
|
||||
### 6.2.7 Уведомления
|
||||
|
||||
Назначение:
|
||||
|
||||
- просмотр истории уведомлений по всем объектам
|
||||
|
||||
### 6.2.8 Бонусный кабинет
|
||||
|
||||
Назначение:
|
||||
|
||||
- просмотр бонусного баланса
|
||||
- просмотр истории операций
|
||||
- выполнение действий в рамках бонусной программы
|
||||
|
||||
## 6.3 Менеджерские формы
|
||||
|
||||
### 6.3.1 Список клиентов
|
||||
|
||||
Назначение:
|
||||
|
||||
- просмотр клиентов
|
||||
- переход в карточку клиента
|
||||
|
||||
### 6.3.2 Карточка клиента
|
||||
|
||||
Назначение:
|
||||
|
||||
- просмотр компании, заявок, заказов и бонусных связей
|
||||
|
||||
### 6.3.3 Карточка обработки заявки
|
||||
|
||||
Назначение:
|
||||
|
||||
- ввод стоимости и доставки
|
||||
- публикация условий клиенту
|
||||
- действия по статусу заявки
|
||||
- управление статусом
|
||||
|
||||
## Что должно быть согласовано по результату этапа
|
||||
Прототип:
|
||||
|
||||
- визуальный стиль кабинета
|
||||
- логика компоновки клиентских и менеджерских экранов
|
||||
- базовый набор UI-паттернов
|
||||
- структура основных карточек и таблиц
|
||||
- подход к отображению статусов, уведомлений и складских остатков
|
||||
```text
|
||||
+-------------------------------------------------------------+
|
||||
| Клиент | Контрагент | Менеджер |
|
||||
+-------------------------------------------------------------+
|
||||
| Состав заявки / параметры изделия |
|
||||
+-------------------------------------------------------------+
|
||||
| Стоимость |
|
||||
| Доставка |
|
||||
| Комментарий менеджера |
|
||||
+-------------------------------------------------------------+
|
||||
| [Опубликовать условия] [В работу] [Отменить] |
|
||||
+-------------------------------------------------------------+
|
||||
```
|
||||
|
||||
## Что не требуется завершать на этом этапе
|
||||
### 6.3.4 Список заказов менеджера
|
||||
|
||||
- полную реализацию бизнес-логики
|
||||
- реальные интеграции с 1С
|
||||
- все вспомогательные разделы
|
||||
- полную настройку бонусной программы
|
||||
Назначение:
|
||||
|
||||
## Связанные материалы, которые желательно приложить к этапу
|
||||
- просмотр заказов по клиентам
|
||||
- контроль текущих статусов
|
||||
|
||||
- экранная карта
|
||||
- список состояний каждой из 3 страниц
|
||||
- перечень компонентов интерфейса
|
||||
- список открытых вопросов, блокирующих следующий этап
|
||||
### 6.3.5 Настройки каталога
|
||||
|
||||
Назначение:
|
||||
|
||||
- управление параметрами типов продукции
|
||||
- управление описаниями и вариантами
|
||||
|
||||
### 6.3.6 Настройки уведомлений и синхронизации
|
||||
|
||||
Назначение:
|
||||
|
||||
- управление шаблонами сообщений
|
||||
- управление параметрами обмена
|
||||
|
||||
Reference in New Issue
Block a user