February 29

Разбор нового дизайна страницы оплаты GetCourse

Предисловие

Бывало ли в вашей жизни такое, что вы думаете о работниках какой-то профессии, что они что-то не дорабатывают/недоделывают/некомпетентны, но стоит вам погрузиться в эту сферу, как ваше мнение меняется на «так вот оно как оказывается?»

В моем опыте такое было с модераторами форумов. Я, в виду тогда еще юношеского максимализма, «сопротивлялся цензуре», «боролся за правду», но лишь попробовав для себя стать модератором форума увидел, какие у модераторов были рамки возможностей в виду самоуважения, правил начальства и других деталей, которых я не мог увидеть, и с которыми модераторам нужно было уживаться

Похожая ситуация и с разработками. Мы можем ругать разработчиков за кривой интерфейс, но в реальности они, возможно, работали по четкому тз, проектировщик ui работал по четкому тз, а заказчик, например, тогда имел другое видение платформы и имел ограниченность в средствах, но всячески старался сделать как лучше. Мы можем сетовать на то, что сервера упали, но можем даже не догадываться, что упали они из-за каких-нибудь санкций или пролития уборщицей в серверной супа на компьютеры, а разработчики и владельцы платформы в этом не виноваты. Все выше сказанное не относится конкретно к геткурсу, но суть в том, что ситуации бывают разные и не всегда людям со стороны может быть видна полная картинка для объективной оценки

GetCourse писался довольно давно, писался под конкретные задачи и сменил кучу подрядчиков. Вполне логично, что он написан на старых библиотеках, в некоторых разделах код писался как будто бы с целью потроллить любого, кто его посмотрит, однако это данность, которая присуща любому быстро растущему проекту.

Что куда важнее, так это то, что платформы делают, видя свои слабые стороны. Когда в конструкторе Taplink я пожаловался на обилие ошибок в консоли, разработчики платформы просто сделали правку, которая оборачивает весь пользовательский код в try, чтобы ошибки писались не красным шрифтом в разделе ошибок, а белым нейтральным в логах. У пользователей таплинка, при этом, поломались все скрипты, использующие глобальную область видимости 👍

О новом визуале GC

GetCourse, как уже многим известно, уже множество раз анонсировал визуальную переработку геткурса. Первым разделом, который я смог пощупать, стала страница оплаты.

Важные моменты:

  1. Новое оформление можно будет включать нативно с помощью кнопочек. Никакого кода или конструктора.
  2. Старый код никак не будет задет. Если у вас стояли интеграции, скрипты для отображения уникального диза или скрипты скрытия\показа оплат по предложениям, им ничего не грозит. Так GetCourse решил проблему обратной совместимости
  3. Возможности нативной кастомизации будут добавляться
  4. Геткурс всегда готов идти навстречу адекватным предложениям, сопутствующим интересам платформы. Однако буду откровенен: если ваша идея сможет привести к созданию конкурента геткурсу прямо внутри их продукта, то такое предложение, очевидно, отвергнут.
Страница оплаты с новым видом

Ранее GetCourse уже начал реализовывать предложенную мной идею сделать возможность продавать шаблоны оформления как это сделано в некоторых других площадках: там можно купить оформление от разработчика "Вася Пупкин", установить в школу в один клик и пользоваться новым функционалом и видеть обновленный интерфейс без лишней мороки и связи напрямую со всякими разработчками-фрилансерами\студиями\самоучками-энтузиастами, была введена возможность централизованого включения тем для всего аккаунта или конкретных разделов тренингов.

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

Под капотом

Шаблон в редакторе
Дополнительные настройки

Возможности доработки

Скрипты новой страницы наконец-то написаны в IDE со сборщиком, что не может не радовать. Классы на русском и закомментированные todo тут больше не живут. Таким образом, переопределять виджеты геткурса теперь проблематичнее, однако это и раньше нужно было только для исправления багов в старом коде старой страницы оплаты от прошлого разработчика.

Скриншот js-ки, взятой с обработчика кнопки

Добавочный js, который не вмешивается в работу самой страницы, ставить никто не помешает

По части CSS возможности стилизации стали значительно проще:

HTML-структура новой страницы оплаты

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

Игого

GetCourse, во всяком случае в сфере лично моих интересов, движется по очень правильному пути. Он сможет дать сообществу новый дизайн, не обесценив работу разработчиков и не поломав школы. Если у школы уже был дизайн и структура, на которую школа затратила средства, то с вводом нового вида и функциональности ресурсы этой школы не обесцениваются (они всё также будут иметь свои уникальные функции, просто кто-то среди новых и не оформленных школ бесплатно обновятся).