О том, что такое платёжные формы и платёжные шлюзы, где они встречаются, как устроены, как их проработать так, чтобы было удобно пользователю. А также о том, какие ошибки часто допускаются при их создании и почему.

1. Формы оплаты
и платёжные шлюзы
2015

2. Кто мы,
и что сделали?

7. Что такое
платёжный шлюз?

8. Форма
оплаты
+ +
Страница
оплаты
Страница
результата оплаты

9. Форма оплаты

11. Страница оплаты

13. Результат платежа

14. Агрегаторы платежей

17. 10 принципов проектирования
платёжной страницы

19. Принцип 1
Чем меньше, тем лучше

20. Пример 1

21. Пример 2

24. Принцип 2
Наглядность

27. Принцип 3
Подсказки

29. Принцип 4
Проверки на лету

31. Принцип 5
Конкретные сообщения
об ошибках

34. Принцип 6
Лучше 2 шага, чем 10 полей

37. Принцип 7
Блокировка недопустимых
символов

39. Принцип 8
Блокировка недопустимых
действий

41. Принцип 9
Всегда проектируйте
адаптивную версию

43. Принцип 10
Оптимизируйте страницу

44. sprite.png script.min.js optimize
1.png 2.png 3.png 1.js 2.js 3.js 2.js1.png opt

45. Ради чего всё это?

46. Всё —
ради экономии секунд

47. Но подумайте
вот о чём

48. Страницу оплаты
«Интеркассы»
за день посещают
до 10 000 людей

49. 3 лишние секунды
на выполнение
операции —
3×10 000 = 30 000 секунд в день

50. 8 часов
в день

51. 10 дней
в месяц

52. 120 дней
в год

54. Спасибо!
2015