Please enable JavaScript.

Coggle requires JavaScript to display documents.

Яндекс.Самокат - Coggle Diagram

- - - - Шапка
      - Кнопка "Далее"
        
        Страница "Про аренду"
        
        Шапка
        
        Блок"Аренды самоката"
        
        Поле "Цвет самоката"
        
        Чек-бокс
        
        Цвет
        
        Поле" Комментарий для курьера"
        
        Поле "Срок аренды" с выпадающим списком
        
        Кнопка "Назад"
        
        Поле "Когда привезти самокат"
        
        Выпадающий календарь(датапикер)
        
        Кнопка "Заказать"
        
        Окно "Подтверждения заказа"
        
        Кнопка "НЕТ"
        
        Кнопка "ДА"
        
        1 more item...
        
        Заголовок"Хотите оформить заказ?"
        
        Заголовок
      - Блок ввода контактной информации
        
        Поле "Фамилия"
        
        Поле "Адрес: Куда привезти"
        
        Поле "Имя"
        
        Поле "Станция метро"
        
        Маркер цвета станции
        
        Наименование станций
        
        Заголовок
        
        Поле "Номер телефона
- - - - Кнопка "Заказать" перенаправляет пользователя на страницу оформления заказа
      - Кнопка "Статус заказа"
        
        Отображает поле ввода номера заказа
        
        Отображает кнопку "GO!"
        
        Клик по кнопке отправляет пользователя на форму "Статуса заказа"
        
        Скрывает кнопки "Заказать" и "Статус заказа"
      - Лого Яндекс Самокат
        
        Клик по слову Яндекс - открывает страницу Яндекса
        
        Клик по слову Самокат - открывает страницу учебного тренажера Самокат
    - - Поле "Имя" (текстовое поле)
        
        Длина >=2 и <=15 символов
        
        При некорректном вводе поле подсвечивается красной рамкой
        
        Допустимые символы: русские буквы, пробел, тире
        
        При некорректном вводе рядом с полем выводится ошибка "Введите корректное имя"
        
        Поле обязательно к заполнению
      - Поле "Фамилия"
        
        Длина >=2 и <=15 символов
        
        При некорректном вводе поле подсвечивается красной рамкой
        
        Допустимые символы: русские буквы
        
        При некорректном вводе рядом с полем выводится ошибка "Введите корректное имя"
        
        Поле обязательно к заполнению
      - Поле "Адрес"
        
        Длина Длина >=5 и <=50 символов
        
        Пробелы в начале строки и в конце удаляются при снятии фокуса с поля
        
        Допустимые символы: русские буквы, цифры, пробел, тире, точка, запятая.
        
        При некорректном вводе поле подсвечивается красной рамкой
        
        Поле обязательно к заполнению
        
        При некорректном вводе рядом с полем выводится ошибка "Введите корректный адрес"
      - Если не все поля заполнены корректно, при нажатии кнопки "Далее" нельзя перейти на следующее окно. Незаполненные или заполненные некорректно поля подсвечиваются красным и рядом с ними отображаются соответствующие ошибки.
      - Поле ввода "Станции метро" со справочником
        
        В поле работает поиск на списку станций метро Москвы, получаемому по API и в процессе ввода пользователь имеет возможность выбрать станцию из предлагаемого списка
        
        После выбора станции из списка рядом с названием станции отображается круг цвета ветки, на которой располагается станция
        
        Допустимые символы: русские буквы, цифры, пробел, точка, запятая, тире
        
        При некорректном вводе поле подсвечивается красной рамкой
        
        Поле обязательно к заполнению
        
        При некорректном вводе рядом с полем выводится ошибка "Выберете станцию"
      - При нажатии кнопки "Далее" все поля проверяются на корректность заполнения
      - Поле ввода "Телефон"
        
        Длина >=10 и <=12 символов
        
        При некорректном вводе поле подсвечивается красной рамкой
        
        Допустимые символы: цифры, плюс
        
        При некорректном вводе рядом с полем выводится ошибка "Введите корректный телефон"
        
        Поле обязательно к заполнению
      - По умолчанию все поля пустые
      - Если все поля заполнены корректно, после нажатия кнопки "Далее" происходит переход на форму "Про аренду"
    - - Чек-бокс "Цвет"
        
        Доступные значения в поле: черный жемчуг, серая безысходность
        
        В чек-боксе можно выбрать как
        один, так и оба варианта.
        
        Необязательное поле
      - Поле ввода "Комментарий"
        
        Длина <=24 символов
        
        При некорректном вводе поле подсвечивается красной рамкой
        
        Допустимые символы: русские буквы, цифры, пробел, точка, запятая, тире
        
        При некорректном вводе рядом с полем выводится ошибка "Введите корректный комментарий"
        
        Необязательное поле
      - Выпадающий список "Срок аренды"
        
        При снятии фокуса без выбора значения выводится ошибка "Выберите срок аренды"
        
        При снятии фокуса без выбора значения подсвечивается красной рамкой
        
        Доступен выбор из списка от 1 до 7 суток
        
        Поле обязательно к заполнению
      - Кнопка "Назад"
        
        При переключении между формами введенная информация сохраняется
        
        При клике отправляет пользователя на форму "Для кого самокат"
      - Поле ввода "Когда привезти самокат"
        
        Выбор даты доступен только с завтрашнего дня
        
        При клике на дату в пикере она автоматически подставляется в поле
        
        По умолчанию календарь открывается на текущем месяце
        
        Пользователь может изменить дату
        
        При клике на поле появляется датапикер
        
        При снятии фокуса без выбора значения подсвечивается красной рамкой
        
        Ручной ввод в поле недоступен
        
        При снятии фокуса без выбора значения выводится ошибка "Выберите дату доставки"
        
        Поле обязательно к заполнению
      - Кнопка "Заказать"
        
        Если все поля заполнены корректно, после клика по кнопке оформляется заказ
        
        Появляется всплывающее окно с текстом "Номер заказа NNNNN. Запишите его: пригодится, чтобы отслеживать статус" и кнопкой "Посмотреть статус"
        
        Кнопка "Посмотреть статус" ведет на экран "Статус заказа"
        
        При переходе на "Статус заказа" номер заказа автоматически заполняется номером оформленного заказа
        
        Если не все обязательные поля заполнены корректно, после клика по кнопке появляется ошибка "Введите корректный <имя поля>"для каждого из полей