Kategorier: Alle - значения - поля

av Artem Poroshenko 1 år siden

387

Яндекс Самокат

При заполнении формы для заказа самоката на Яндекс, пользователь должен вводить корректные данные в обязательные поля, такие как имя, номер телефона и адрес. Валидация данных проводится автоматически:

Яндекс Самокат

Яндекс Самокат

Интерфейс

форма Про аренду
кнопка заказать

Всплывающее окно

Кнопка Посмотреть статус

Буквы белого цвета

Кнопка черного цвета с закругленными углами

Текст подзаголовка "Номер заказа: NNNNNN. Запишите его: пригодится, чтобы отслеживать статус"

Текст Заголовка "Заказ оформлен"

Шрифт жирный

При наведении курсора на поле курсор изменяется на указательный палец

кнопка назад

Углы скругленные

буквы черного цвета

комментарий

Плейсхолдер Комментарий для курьера

цвет самоката

чекбокс серая безысходность

чекбокс черный жемчуг

текст цвет самоката

срок аренды

семеро суток

шестеро суток

пятеро суток

четверо суток

трое суток

двое суток

сутки

плейсхолдер Срок аренды

Когда привезти самокат

вправой стороне изображение календарика

серого цвета

плейсхолдер когда привезти самокат

шрифт жирный

цчерные буквы

Форма для кого самокат
кнопка дальше

буквы белого цвета

Поля ввода

Номер телефона

плейсхолдер телефон:на него позвонит курьер

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

станции метро Москвы

справа название станции

слева кружок цвета линии метро

При наведении курсора на поле курсор изменяется на указательный палец

плейсхолдер стания метро

плейсхолдер адрес: куда привезти заказ

плейсхолдер фамилия

имя

рамка серого цвета со скругленными углами

плейсхолдер имя

Для кого самокат

Черные буквы

Статус Заказа

углы скругленные

цвет кнопки белый

буквы черные

цвет кнопки черный

Буквы белые

Учебный тренажер

буквы серого цвета

Яндекс самокат

Жирный шрифт

черные буквы

Логика

Кнопка Дальше
Тап по кнопке

переход на форму "Про аренду"

заказать

Можно сделать несколько заказов

Некорректный ввод данных

Появляется ошибка введите корректный "название поля"

Корректный ввод данных

Появляется всплывающее окно

Кнопка "Посмотреть статус"

Открывается окно "Статус заказа" с уже заполненным номером заказа

Текст "Номер заказа NNNNNN. Запишите его: пригодится, что бы отслеживать статус

назад

тап по кнопке

При переходе между формами, введеные данные сохраняется

вызвращается на форму "для кого самокат"

Комментарий

от 0 до 24 символов

поле необязательное для заполнения

оставить пустое поле

Цвет самоката

Возможно выбрать два цвета в чек боксе

поле необязательное для заполнение

оставить поле не заполненым

цвет самоката будет рандомный

Выбор цвета нажав на наименование в чек боксе

Серая безысходность

Черный жемчуг

Срок аренды

выпадающий список

от 1 до 7 суток

когда привезти самокат

подтема

Тап по полю

Поле подсвечивается синим цветом

выпадающий календарь

выбранная дата сразу подставляется в поле

Выбрать можно другую дату

Выбрать дату можно только с завтрашнего дня

выделен текущий день

отображается текущий месяц

заголовок

Про аренду

форма для кого самокат
поля ввода

номер телефона

Введите корректный номер

текст красного цвета

От 10 до 12 символов

знак +

станция метро

Станции Москвы зашиты на стороне бэкенда (в API)

Ввод некорректного значения

удаляет некорректно введенные буквы после снятия фокуса

Поле остается пустым

Ввод корректного значения

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

список подбирает станции по совпадающим буквам

тап по совпавшей станции

выбор станции

тап по полю

Поле подсвечивается синим

отображается выпадающий список-саджест

Тап по станции

Выбирается станция

Скролл списка

Справа отображается скролл бар

адрес

Введите корректный адрес

от 5 до 50 символов

запятая

точка

цифры

фамилия

Обязательное поле

Ввод некорректных значений

Валидация не пройдена

Введите корректную фамилию

Ввод корректных значений

Имя

обязательное поле

ввод некорректных значений

валидация не пройдена

поле подсвечивается красным

Введите корректное имя

Текст красного цвета

ввод корректных значений

от 2 до 15 символов

тире

валидация пройдена

пробел

русские буквы

Валидация пройдена

поле подсвечивается черным

Заголовок
Текст Для кого самокат
Верхняя часть
кнопки

Статус заказа

тап на статус заказа

открывается строка ввода

В поле плейсхолдер "Введите номер заказа"

Ввести номер заказа и нажать Enter

Ввод некорректных данных

появляется сообщение об ошибке

текст в сообщении "Такого заказа нет. Точно верный номер?"

Ввод корректных данных

Открывается окно с информацией о заказе

Заказать

тап на заказать

действий не происходит

лого

Самокат

Тап на самокат

переходит на главную страницу ясндекс самокат

Яндекс

тап на яндекс

переходит на яндекс Дзен