Форма заказа Яндекс Самокат

Начать. Это бесплатно
или регистрация c помощью Вашего email-адреса
Форма заказа Яндекс Самокат создатель Mind Map: Форма заказа Яндекс Самокат

1. Интерфейс

1.1. Для Кого Самокат

1.1.1. Шапка

1.1.1.1. Лого Яндекс

1.1.1.2. Лого Самокат

1.1.1.3. Кнопка Заказать

1.1.1.4. Кнопка Статус заказа

1.1.2. Тело

1.1.2.1. Поле для ввода имени

1.1.2.2. Поле для ввода Фамилии

1.1.2.3. Поле для ввода Адреса

1.1.2.4. Поля выбора станции метро

1.1.2.5. Поле ввода номера телефона

1.1.3. Кнопка Далее

1.2. Про Аренду

1.2.1. Шапка

1.2.1.1. Лого Яндекс

1.2.1.2. Лого Самокат

1.2.1.3. Кнопка Заказать

1.2.1.4. Кнопка Статус заказа

1.2.2. Тело

1.2.2.1. Поле "Когда привезти самокат"

1.2.2.1.1. Вшитый календарь

1.2.2.2. Поле "Срок Аренды"

1.2.2.2.1. Выпадающий список

1.2.2.3. Поле "Цвет самоката"

1.2.2.3.1. Чек-бокс

1.2.2.4. Поле "Комментарий для курьера"

1.2.2.4.1. Область ввода текста

1.2.3. Кнопка "Назад"

1.2.4. Кнопка "Заказать"

1.3. Компоненты

1.3.1. Кнопка

1.3.1.1. Основная

1.3.1.2. Дополнительная

1.3.1.3. Состояния

1.3.1.3.1. disabled

1.3.1.3.2. active

1.3.1.3.3. hover

1.3.2. Поле ввода

1.3.2.1. Состояния

1.3.2.1.1. focus

1.3.2.2. Сообщения валидации

1.3.2.2.1. Есть ошибка

1.3.2.2.2. Нет ошибки

1.3.3. Текстовое поле с саджестом

1.3.3.1. Состояния

1.3.3.1.1. focus

1.3.3.1.2. загрузка списка значений с бэкенда

1.3.3.2. Список значений

1.3.3.2.1. Выбор значения

1.3.3.2.2. Фильтрация списка

1.3.3.2.3. Клавиатурная навигация по списку

1.3.3.3. Сообщения валидации

1.3.3.3.1. Есть ошибка

1.3.3.3.2. Нет ошибки

1.3.4. Поле для ввода даты

1.3.4.1. Состояния

1.3.4.1.1. focus

1.3.4.2. Выпадающий календарь

1.3.4.3. Сообщения валидации

1.3.4.3.1. Есть ошибка

1.3.4.3.2. Нет ошибки

1.3.5. Группа чекбоксов

1.3.5.1. Заголовок

1.3.5.2. Чекбоксы

1.3.5.2.1. Состояния

1.3.5.2.2. Лейбл

1.3.5.3. Состояния

1.3.5.3.1. focus

1.3.5.4. Сообщения валидации

1.3.5.4.1. Есть ошибка

1.3.5.4.2. Нет ошибки

2. Логика

2.1. Для кого Самокат

2.1.1. Ввести Имя

2.1.1.1. тип: Строка

2.1.1.2. Обязательное

2.1.1.3. Минимум 2

2.1.1.4. Максимум 15

2.1.1.5. Только русские буквы

2.1.2. Ввести Фамилию

2.1.2.1. Тип: Строка

2.1.2.2. Обязательное

2.1.2.3. Минимум 2 символа

2.1.2.4. Максимум 15 символов

2.1.2.5. Только русские буквы

2.1.3. Ввести Адрес

2.1.3.1. Минимум 5 символов

2.1.3.2. Максимум 50 символов

2.1.3.3. Тип: Строка

2.1.3.4. Обязательное

2.1.4. Ввести станцию метро

2.1.4.1. Ввод

2.1.4.1.1. Ручной ввод названия станции

2.1.4.1.2. Выбор станции из раскрывающегося списка

2.1.4.2. Обязательное

2.1.4.3. Тип: Выпадающий список с фильтрацией

2.1.5. Ввести номер телефона

2.1.5.1. Обязательное

2.1.5.2. Минимум 10 знаков

2.1.5.3. Максимум 12 знаков

2.1.5.4. Тип: Строка

2.1.6. Продолжить оформление заказа

2.1.6.1. Доступна только при валидной форме

2.2. Про Аренду

2.2.1. Календарь

2.2.1.1. Тип Дата

2.2.1.2. Обязательное

2.2.1.3. >Текущей даты

2.2.1.4. Ввод

2.2.1.4.1. Ручной ввод даты

2.2.1.4.2. Выбор даты из выпадающего календаря

2.2.2. Выбор периода аренды

2.2.2.1. Тип: список значений

2.2.2.2. Для выбора доступно одно значение

2.2.2.3. Обязательный

2.2.3. Выбор цвета самоката

2.2.3.1. Тип: список значений

2.2.3.2. Необязательный

2.2.3.3. Можно несколько

2.2.3.4. Ввод

2.2.3.4.1. Выбрать один цвет

2.2.3.4.2. Выбрать несколько цветов

2.2.3.4.3. Не указывать выбор цвета

2.2.4. Указать комментарий для курьера

2.2.4.1. Необязательное

2.2.4.2. Максимум 24 символа

2.2.4.3. Тип: поле ввода текста

2.2.5. Вернуться в форме "Для кого самокат"

2.2.6. Закончить оформление заказа

2.2.6.1. Заказ оформлен

2.2.6.2. Форма с указанием номера заказа