Анатолий Попель: "Формы оплаты и платёжные шлюзы"
TRANSCRIPT
![Page 1: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/1.jpg)
Формы оплатыи платёжные шлюзы
2015
![Page 2: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/2.jpg)
Кто мы,и что сделали?
![Page 3: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/3.jpg)
![Page 4: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/4.jpg)
![Page 5: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/5.jpg)
![Page 6: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/6.jpg)
![Page 7: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/7.jpg)
Что такоеплатёжный шлюз?
![Page 8: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/8.jpg)
Формаоплаты
+ +
Страницаоплаты
Страницарезультата оплаты
![Page 9: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/9.jpg)
Форма оплаты
![Page 10: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/10.jpg)
![Page 11: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/11.jpg)
Страница оплаты
![Page 12: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/12.jpg)
![Page 13: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/13.jpg)
Результат платежа
![Page 14: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/14.jpg)
Агрегаторы платежей
![Page 15: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/15.jpg)
![Page 16: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/16.jpg)
![Page 17: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/17.jpg)
10 принципов проектированияплатёжной страницы
![Page 18: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/18.jpg)
![Page 19: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/19.jpg)
Принцип 1Чем меньше, тем лучше
![Page 20: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/20.jpg)
Пример 1
![Page 21: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/21.jpg)
Пример 2
![Page 22: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/22.jpg)
![Page 23: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/23.jpg)
![Page 24: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/24.jpg)
Принцип 2Наглядность
![Page 25: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/25.jpg)
![Page 26: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/26.jpg)
![Page 27: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/27.jpg)
Принцип 3Подсказки
![Page 28: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/28.jpg)
![Page 29: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/29.jpg)
Принцип 4Проверки на лету
![Page 30: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/30.jpg)
![Page 31: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/31.jpg)
Принцип 5Конкретные сообщенияоб ошибках
![Page 32: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/32.jpg)
![Page 33: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/33.jpg)
![Page 34: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/34.jpg)
Принцип 6Лучше 2 шага, чем 10 полей
![Page 35: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/35.jpg)
![Page 36: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/36.jpg)
![Page 37: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/37.jpg)
Принцип 7Блокировка недопустимыхсимволов
![Page 38: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/38.jpg)
![Page 39: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/39.jpg)
Принцип 8Блокировка недопустимыхдействий
![Page 40: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/40.jpg)
![Page 41: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/41.jpg)
Принцип 9Всегда проектируйтеадаптивную версию
![Page 42: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/42.jpg)
![Page 43: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/43.jpg)
Принцип 10Оптимизируйте страницу
![Page 44: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/44.jpg)
sprite.png script.min.js optimize
1.png 2.png 3.png 1.js 2.js 3.js 2.js1.png opt
![Page 45: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/45.jpg)
Ради чего всё это?
![Page 46: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/46.jpg)
Всё —ради экономии секунд
![Page 47: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/47.jpg)
Но подумайтевот о чём
![Page 48: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/48.jpg)
Страницу оплаты«Интеркассы»за день посещаютдо 10 000 людей
![Page 49: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/49.jpg)
3 лишние секунды на выполнениеоперации —
3×10 000 = 30 000 секунд в день
![Page 50: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/50.jpg)
8 часов в день
![Page 51: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/51.jpg)
10 дней в месяц
![Page 52: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/52.jpg)
120 дней в год
![Page 53: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/53.jpg)
![Page 54: Анатолий Попель: "Формы оплаты и платёжные шлюзы"](https://reader031.vdocuments.mx/reader031/viewer/2022030308/58ef21361a28abd2688b456d/html5/thumbnails/54.jpg)
Спасибо!
2015