Cверстать тестовую форму обмена электроденег

Цена договорная • безналичный расчёт, электронные деньги
17 января 2016, 08:01 • 5 откликов • 46 просмотров
Нужно для предварительного UI/UX тестирования БЫСТРО собрать форму рабочую (без PSD, на свой вкус и цвет). Образец формы прикрепил на картинке и тот что надо доделать.
Описание:
Форма обмена электронных валют для соответствующего сервиса.

Задачи:
1. Быстрый (в несколько кликов) выбор направления обмена с необходимой
валютой обмена и на нужную сумму входящую или результирующую.
2. Удобный ввод с мобильных устройств (форма будет адаптивной,
предусматривать type="number" input для показа цифровой клавиатуры для
полей суммы, чтоб не переключать лишний раз клавиатуру).
3. Селекты должны давать выбирать из всех возможных вариантов Платежных
систем+Валют (Исходная/Результирующая) или выписывать текстом, в том
числе искаженные и неправильные вариации, чтоб не смотреть весь длинный
список (работать и как инпут text)
4. так же внизу, под селектами нужен, список 5-20 входящих/исходящих систем, каждая система имеет свой
список валют, и одна из валют обязательна по умолчанию (если кликать на
систему, а не на валюту) или если нет валюты по умолчанию –
предоставлять во всплывающем окне выбор валюты в обязательном порядке
пользователю. Так же для каждого направления обмена (валюта исходная и
валюта результирующая мы должны иметь возможность вписать курс, жестко, в
настройке или в коде формы, чтоб калькулятор работал)
5. Каждая валюта результирующая должна отображать заранее заданный свой резерв
доступный к моментальному обмену, а в случае указания большей суммы в
поле результирующей (или при пересчете) предлагать во всплывающем окне
продолжить обмен с небольшой задержкой, но по более выгодной цене, или
написать запрос на оповещение с указанием контактов пользователя, на
больший резерв
6. Для каждого направления будет свой уникальный набор полей формы в 3 столбике, после выбора валют, и будут несколько
общих для всех полей, обязательных или нет, это надо обыграть как то.
Например, необязательно поле email, заполняется по желанию для всех
направлений. Или возможно отметить чекбоксом необязательное «Хочу
добавить сообщение» и появляется input/textarea (возможно всплывающая)
для ввода сообщения/указания/комментария для операторов сервиса. Так же
опциональное поле реквизитов (кошелек/счет/карта/данные банка) для
возврата средств в случае ошибки должны быть
7. Сабмит возможен только после заполнения всех обязательных полей (система+валюта+сумма
для входящей и исходящей валюты, а так же кошелек для перевода
результирующей суммы/валюты, url для сабмита уже сам впишу и буду
собирать данные тестирования
8. Наименования столбиков СИСТЕМА, ВАЛЮТА после селекта во второй форме должны сменяться «Курсом обмена»
для направления после выбора системы и валюты в исходной и
результирующих систем
9. Наведение курсора на список Валюты/систем должны выделяться
10. При наведении на знак «?» должна появляться подсказка или описание для
поля или блока. Должно корректно работать на мобильном тачек и
компьютере с «мышью»
11. Разделитель суммы точка или запятая
12. Валидация полей формы регулярными выражениями на стороне клиента, через JS и логичное и понятное указание на ошибки

Указывайте цену и срок исполнения
https://www.dropbox.com/s/krfy9ttchak5u9g/%D1%84%D...