Разработать свой дизайн

На этой странице говорится о том, что важно знать при разработке дизайна для виджетов TimePad.

Общие рекомендации

  • Перед началом работы над дизайном нужно знать, как именно будет проходить процесс: например настройки событий, на которых дизайн будет использоваться. В зависимости от этого внешний вид виджетов может кардинально меняться.
  • В дизайне должны присутствовать все стандартные блоки, которые будут использоваться в событии (списки всех блоков — ниже).
  • Все перечисленные состояния блоков должны быть отрисованы.

Факторы, значительно усложняющие разработку

Нижеперечисленный функционал часто выходит за рамки простой вёрстки и требует привлечения программистов, и потому без веских причин не приветствуется:

  • Смена порядка или иерархии элементов;
  • Кардинальное изменение представления элементов (например, вместо вертикальной таблицы — горизонтальная плитка);
  • Дополнительное поведение элементов;
  • Дополнительные элементы;
  • Анимации и переходы;
  • Нестандартные select’ы, радиокнопки и чекбоксы;
  • Разделение элементов на несколько (например, разделение выбора даты на выбор года, месяца и дня);
  • Отображение дополнительной информации, которую затем возможно было бы редактировать самостоятельно;
  • Отображение дополнительной динамической (получаемой от сервера) информации.

Элементы виджета регистрации на событие (event_register)

Экраны

В дизайне виджета необходимо предусмотреть все элементы и их состояния, которые будут использоваться в вашем сценарии регистрации на событие

Экран Условия попадания Шаблон
Форма регистрации Стартовый, кроме ниже оговоренных случаев main
Выбор даты Стартовый, если подключен выбор дат1. Также можно вернуться на него, щелкнув по ссылке перевыбора даты в форме регистрации select_date
Успешная регистрация После успешной регистрации, если она была бесплатной success
Выбор способа оплаты После успешной регистрации, если необходима оплата pay
Подтверждение приёма заявки После успешной регистрации, если необходимо подтверждение заявки организатором pending
Регистрация закрыта Стартовый, если регистрация на событие закрыта tlen

Сноски:

  1. Функция включается со стороны TimePad по согласованию

Форма регистрации (main)

Необязательных блоков нет. Если блок должен присутствовать (согласно графе «Условие»), шаблон должен его отображать.

Элемент Кол‑во Условие Шаблон Состояния
Выбранная дата и кнопка перевыбора 0..1 Если событие использует выбор дат1 main
Вступительный текст перед формой регистрации 0..1 Если текст указан main
Форма ввода промокода 0..1 Если событие использует промокоды _promocodeBlock Базовое, верный промокод, неверный промокод, фокус
Интерфейс выбора мест на схеме зала 0..1 Если на событие подключена схема зала1
Заголовок таблицы с типами билетов 0..1 Если есть выбор типа или количества билетов _selectTickets
Доступный тип билета (версия с выпадающими списками) 1..n Если событие использует мультирегистрации2 _selectTickets чёт, нечет, разблокированное
Доступный тип билета (версия с радиокнопками) 2..n Если событие не допускает мультирегистрации2, но имеет больше одной категории _selectTickets чёт, нечет, разблокированное
Доступный тип билета (отображает только выбранное количество) 1..n Если событие использует режим мультианкет1,3, и пользователь уже выбрал количество и нажал Продолжить _selectTickets чёт, нечет, разблокированное
Информация о примененной скидке 0..n Если событие использует «скидочные политики»1 и какая-то скидка применена _policyResult разблокированное
Информация о цене выбранных билетов 1 Всегда _selectTickets Билеты не выбраны, выбраны бесплатные билеты, выбраны билеты на x рублей, выбраны билеты на x рублей (скидка y), Стоимость регистрации — x, Регистрация бесплатна. Также может иметь «разблокированное» состояние, если применена скидка от скидочных политик1
Блок с ошибками 0..1 Если после отправки формы возникли ошибки main
Поле "E-mail заказчика"5 0..1 Если используются мультианкеты1,3 и включено поле «E-mail заказчика»1 _ank Базовое, ошибка, фокус
Общие поля для мультинкет5 0..n Если используются мультианкеты1,3 и часть полей нужно заполнять только один раз _ank, _question Базовое, ошибка, фокус, обязательное, не обязательное
Заголовок анкеты участника4,5 (номер и выбор категории) 0..1 Находится над каждой повторяющейся группой вопросов, если используются мультианкеты1,3 _attendee_form
Основные вопросы анкеты4,5 3..n Email, имя и фамилия присутствуют всегда, возможно только изменение их порядка. Остальные вопросы присутствуют, если были добавлены. _question Базовое, ошибка, фокус, обязательное, не обязательное
Выбор категории и кнопка «Добавить участника»5 0..1 Если используются мультианкеты1,3 _ank Базовое, заблокировано
Галочка «Я хочу получать анонсы событий этого организатора по электронной почте»5 0..1 Если активирована в настройках события _ank Установлена, не установлена
Галочка «Я хочу получать дайджест интересных событий от TimePad»5 0..1 Если в аккаунте не отключена реклама main Установлена, не установлена
Кнопка отправки формы 1 Всегда main Базовое, наведение, нажатие, неактивна
Юридическая информация5 1 Всегда5 main
Пояснения про обязательные поля5 1 Всегда5 main
Подвал с логотипом TimePad 1 Всегда main

Сноски:

  1. Функция включается со стороны TimePad по согласованию
  2. Мультирегистрация: допускается покупка нескольких билетов на событие в одном заказе
  3. Мультианкета: при мультирегистрации требуется заполнить по анкете на каждую регистрацию
  4. Весь блок из Заголовка, множества вопросов и подвала анкеты может многократно повторяться, если включены мультианкеты1,3 и пользователь собирается заказать несколько билетов
  5. Эти блоки могут быть скрыты, если пользователь еще не выбрал ни одного билета

Выбор даты (select_date)

Элемент Кол‑во Условие Шаблон Состояния
Заголовок 1 Всегда select_date
Информация о том, что доступных дат нет 0..1 Если доступных дат для регистрации нет select_date
Строка с датой 0..n Только если в один день может быть несколько сеансов select_date
Строка с доступным сеансом (может содержать дату, если сеансы не разбиты по дням, минимальнцю цену сеанса и количество оставшихся билетов) 0..n Если есть доступные даты select_date обычное, нажатое, наведено

Успешная регистрация (success)

Элемент Кол‑во Условие Шаблон Состояния
Заголовок 1 Всегда success
Информация о событии 1 Всегда _event
Информация о заказчике 1 Всегда _registrant
Заголовок таблицы с заказанными типами билетов 1 Всегда _order
Информация о заказанном типе билетов (цена, количество) 1..n Всегда _order чёт, нечет
Подвал с логотипом TimePad 1 Всегда _footer

Выбор способа оплаты (pay)

Элемент Кол‑во Условие Шаблон Состояния
Заголовок 1 Всегда pay
Информация о заказчике 1 Всегда _registrant
Заголовок таблицы с заказанными типами билетов 1 Всегда _order
Информация о заказанном типе билетов (цена, количество) 1..n Всегда _order чёт, нечет
Сумма заказа 1 Всегда _order
Примечание о сумме сервисного сбора 0..1 Если используется сервисный сбор1 pay
Примечание об ограниченном сроке брони 0..1 Если срок брони ограничен pay
Блок оплаты кредитной картой 0..1 Если подключена платёжная система CloudPay1 pay
Заголовок выбора способа оплаты 0..1 Если у орагнизации заключен договор pay
Кнопка способа оплаты 1..n Всегда pay Базовое, наведено, нажато
Сообщение о том, что мы не можем принять оплату для данного организатора 0..1 Если у орагнизации не заключен договор pay
Блок связи с техподдержкой 1 Всегда _support
Подвал с логотипом TimePad 1 Всегда _footer

Сноски:

  1. Функция включается со стороны TimePad по согласованию

Подтверждение приёма заявки (pending)

Элемент Кол‑во Условие Шаблон Состояния
Заголовок 1 Всегда pending
Информация о том, что заявка принята 1 Всегда pending
Информация о заказчике 1 Всегда _registrant
Заголовок таблицы с заказанными типами билетов 1 Всегда _order
Информация о заказанном типе билетов (цена, количество) 1..n Всегда _order чёт, нечет
Подвал с логотипом TimePad 1 Всегда _footer

Регистрация закрыта (tlen)

Элемент Кол‑во Условие Шаблон Состояния
Заголовок 1 Всегда tlen
Информация о том, что регистрация закрыта 1 Всегда tlen
Подвал с логотипом TimePad 1 Всегда _footer