На этой странице говорится о том, что важно знать при разработке дизайна для виджетов Timepad.
Общие рекомендации
- Перед началом работы над дизайном нужно знать, как именно будет проходить процесс: например, настройки событий, на которых дизайн будет использоваться. В зависимости от этого внешний вид виджетов может кардинально меняться.
- В дизайне должны присутствовать все стандартные блоки, которые будут использоваться в событии (списки всех блоков — ниже).
- Все перечисленные состояния блоков должны быть отрисованы.
Факторы, значительно усложняющие разработку
Нижеперечисленный функционал часто выходит за рамки простой вёрстки и требует привлечения программистов, и потому без веских причин не приветствуется:
- Смена порядка или иерархии элементов;
- Кардинальное изменение представления элементов (например, вместо вертикальной таблицы — горизонтальная плитка);
- Дополнительное поведение элементов;
- Дополнительные элементы;
- Анимации и переходы;
- Нестандартные select’ы, радиокнопки и чекбоксы;
- Разделение элементов на несколько (например, разделение выбора даты на выбор года, месяца и дня);
- Отображение дополнительной информации, которую затем возможно было бы редактировать самостоятельно;
- Отображение дополнительной динамической (получаемой от сервера) информации.
Элементы виджета регистрации на событие (event_register)
Экраны
В дизайне виджета необходимо предусмотреть все элементы и их состояния, которые будут использоваться в вашем сценарии регистрации на событие.
Экран |
Условия попадания |
Шаблон |
| Форма регистрации | Стартовый, кроме ниже оговоренных случаев | main |
| Выбор даты | Стартовый, если подключен выбор дат1. Также можно вернуться на него, щелкнув по ссылке перевыбора даты в форме регистрации | select_date |
| Успешная регистрация | После успешной регистрации, если она была бесплатной | success |
| Выбор способа оплаты | После успешной регистрации, если необходима оплата | pay |
| Подтверждение приема заявки | После успешной регистрации, если необходимо подтверждение заявки организатором | pending |
| Регистрация закрыта | Стартовый, если регистрация на событие закрыта | tlen |
Сноски:
- Функция включается со стороны 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 | Базовое, заблокировано |
|
Галочка «Я хочу получать рекомендации интересных событий от Timepad»5  |
0..1 | Если в аккаунте не отключена реклама | main | Установлена, не установлена |
|
Кнопка отправки формы  |
1 | Всегда | main | Базовое, наведение, нажатие, неактивна |
|
Юридическая информация5  |
1 | Всегда5 | main | |
|
Подвал с логотипом TimePad  |
1 | Всегда | main |
Сноски:
- Функция включается со стороны Timepad по согласованию
- Мультирегистрация: допускается покупка нескольких билетов на событие в одном заказе
- Мультианкета: при мультирегистрации требуется заполнить по анкете на каждую регистрацию
- Весь блок из Заголовка, множества вопросов и подвала анкеты может многократно повторяться, если включены мультианкеты1,3 и пользователь собирается заказать несколько билетов
- Эти блоки могут быть скрыты, если пользователь еще не выбрал ни одного билета
Выбор даты (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 | Если используется сервисный сбор | pay | |
| Примечание об ограниченном сроке брони | 0..1 | Если срок брони ограничен | pay | |
| Блок оплаты кредитной картой | 0..1 | Если подключена платёжная система CloudPay | pay | |
|
Заголовок выбора способа оплаты  |
0..1 | Если у орагнизации заключен договор | pay | |
|
Кнопка способа оплаты  |
1..n | Всегда | pay | Базовое, наведено, нажато |
|
Сообщение о том, что мы не можем принять оплату для данного организатора  |
0..1 | Если у организации не заключен договор | pay | |
|
Блок связи с техподдержкой  |
1 | Всегда | _support | |
|
Подвал с логотипом Timepad  |
1 | Всегда | _footer |
Подтверждение приёма заявки (pending)
Элемент |
Количество |
Условие |
Шаблон |
Состояние |
|
Заголовок  |
1 | Всегда | pending | |
|
Информация о том, что заявка принята  |
1 | Всегда | pending | |
|
Информация о заказчике  |
1 | Всегда | _registrant | |
|
Заголовок таблицы с заказанными типами билетов  |
1 | Всегда | _order | |
|
Информация о заказанном типе билетов (цена, количество)  |
1..n | Всегда | _order | чёт, нечет |
|
Подвал с логотипом Timepad  |
1 | Всегда | _footer |
Регистрация закрыта (tlen)
Элемент |
Количество |
Условие |
Шаблон |
Состояние |
|
Заголовок  |
1 | Всегда | tlen | |
|
Информация о том, что регистрация закрыта  |
1 | Всегда | tlen | |
| Подвал с логотипом Timepad | 1 | Всегда | _footer |