Сайт платежной системы Монеты.Ру теперь в новом дизайне

    С прошлой недели все наши пользователи могут попробовать в работе новый дизайн сайта в «боевом режиме». Создали новую версию в студии Лебедева и чуть ниже я немного расскажу об опыте работы с ними.

    image


    Полностью сменить старый вариант дизайна на новый мы пока не решились и сделали переключатель между версиями. Ссылку можно найти в верхней части экрана. В старой версии она находится справа, а в новой — слева.

    На сайте студии можно посмотреть дизайн готовых шаблонов и процесс работы

    Нам очень повезло с менеджерами, которые вели наш проект в студии. Зовут этих замечательных людей Дарья Свиридова и Максим Ступенко, которые с душой подошли к работе и вникали во все тонкости функционирования платежной системы.

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

    А теперь что было и что стало:

    Старый дизайн главной страницы (новый показан в начале топика)

    image

    Регистрация нового аккаунта в старом дизайне

    image

    Тоже самое — в новом

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

    image

    Добавление нового счета в аккаунт

    image

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

    Тоже самое в новом дизайне

    image

    Обзорные страницы

    image

    Обзорная страница — это одна из главных внутренних страниц. Здесь одним взглядом можно охватить список всех счетов, а их может быть довольно много, поэтому они могут сворачиваться в «пачки». Естественно выводим список последних операций и список регулярных платежей, если они есть.

    image

    А это уже обзорная страница персонифицированного аккаунта, здесь и возможностей в функционале больше и дизайн немного отличается. Здесь, кстати, можно как раз увидеть свернутые в «пачку» стандартные счета.

    image

    История операций

    image

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

    image

    Как вы считаете, что должно быть главным в дизайне и в юзабилити сайтов платежных систем? Какие сайты вам нравятся, а какие должны быть переделаны в самые кратчайшие сроки? )

    И напоследок, новый видеоролик от Студии Трейлеров

    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 38

      +2
      Во сколько обошлась смена дизайна?
        +6
        Судя по исполнителю, весьма недешево.Но судя по результату, оно того стоило, замечательно получилось.
          +2
          Ага, дизайн так и говорит: «Яндекс, купи меня!»
            0
            Вы преувеличиваете)
              +1
              Зачем Яндексу еще одна платежная система? ))
                –1
                Правильнее было бы сказать: «Зачем Яндексу еще одна загибающаяся платежная система?»

                Дисклеймер-подпись: вечный пользователь и жертва ЯД и ВМ)
              0
              Ну так «Долго. Дорого. Охуенно.» же.
            0
            Новый дизайн похож на money.yandex.ru
              0
              а вы смотрите кто автор. Мне одного взгляда на первый скрин оказалось достаточно что бы распознать почерк
                0
                ну и на www.tcsbank.ru/ — стиль похожий
                +4
                выглядит симпатично
                  +1
                  Если не затруднит вопрос,- чем вы клиентов оттягиваете от существующих ПС/телебанков/…?
                    +1
                    Наше преимущество — комплексное. Мы предлагаем биллинговую платформу для различных проектов в интернете. По сути это внедрение электронного кошелька в личный кабинет пользователя. Соответственно, наш партнер получает все варианты пополнения счета, что есть в Монете. Также стараемся держать более низкую комиссию по сравнению с другими платежными системами.

                    Да и начинали мы работать как нишевая система, где основные платежи шли в покер-румы и онлайн казино. Сейчас же себя не ограничиваем и подключаем разные проекты.
                      +1
                      Вроде с робокассой занимаете одну нишу. Есть ли у вас какие нибудь преимущества перед ними?
                      PS Интересуюсь как программист, а не ради холивара.
                        0
                        Робокасса — агрегатор. Монета.ру — платежная система. Одну нишу с Робокассой занимает www.payanyway.ru
                    +2
                    Можно заметить, что мы отказались от поля с подтверждением пароля, но добавили функционал с «глазиком», при нажатии на который пароль либо отображается в открытом виде, либо прячется за маской.

                    Ээээ… А зачем?
                      +1
                      Думаю для того, чтобы можно было тыркнуть глаз и проверить правильность ввода.
                        +3
                        Ага. Чтобы кто угодно, стоящий за спиной или подключенный к radmin, мог увидеть пароль.

                        Чем было плохо подтверждение пароля-то? Могли бы оставить по крайней мере как опцию для параноиков.
                        0
                        Интересно как это спасет от радмина.
                          0
                          Попробуйте хотя бы пароли вводить без помощи человека с радмином )
                          +1
                          Это последние веяния юзабилистов :)
                          Говорят, что подтверждение пароля часто не спасает от ошибок, а лишь добавляет юзеру лишнее действие — каждое из которых может оттолкнуть его от регистрации.
                          Дело в том, что огромный процент людей просто тупо копирует его из первого поля во втрое. Таким образом, пароль можно набрать ошибочно, но система его примет. Аналогично с подтверждениями мейлов (мне встречался магазин, который требовал вводить и его дважды).

                          А по поводу безопасности — в современном мире больше приходится опасаться утечек через троянов/вирусню, чем через человека за спиной. В крайнем случае, возьми да оглянись назад :)
                            0
                            А мне вот довольно чато встречаются сайты, требующие для регистрации дважды вводить email. И если пароль скопировать из поля ввода не получается, то email я однозначно всегда копирую, что вобщем-то оставляет неприятный осадок от процесса регистрации. :)
                              0
                              В грамотно построенном интерфейсе должна быть заблокирована возможность копирования пароля из первого поля. А смысл сокрытия пароля пропадает, если каким-то глазком можно открыть поле. Ведь закрытие пароля звездочками это защита не только от подглядывания в монитор со спины, но и от записи видеопотока каким-нибудь screen-logger'ом.
                                0
                                С точки зрения информационной безопасности — согласен полностью.
                                Но двойные поля, да ещё без возможности копирования, раздражают многих пользователей — это факт. А это, в свою очередь, хотя бы немножко снижает конверсию. Риторический вопрос: что выберет предприниматель — увеличение прибыли или избыточно-параноидальные (во всяком случае с его точки зрения) меры безопасности?

                                Вот интересная и во многом правильная заметка на тему: iderins.livejournal.com/137559.html
                                И центральная её мысль:
                                Бизнес не видит «пользователей» — они ему бесполезны. Он видит «покупателей» и «потребителей». Ему нет дела до ваших человеколюбивых мотивов. Ему важно «работает это или нет» с целью увеличения прибыли. Это реалия! И в этой парадигме, термин «юзабилити» трактуется однозначно:
                                Комплекс мер, чтобы пользователь нигде не споткнулся, пока несёт вам деньги.
                                  0
                                  Да, ну, бред какой-то. Двойное поле пароля пронизывает пользователя от создания аккаунта юзера в Windows до регистрации в социальной сети.

                                  Мне кажется конверсию снизят как раз необдуманные нововведения. В комментах ниже как раз отписываются, что непонятен смысл глазика, а это аудитория хабра. Обычные пользователи вообще не будут пользоваться глазиком и в итоге после регистрации и ошибки во вводе, тупо не смогут войти под своей связкой логин/пароль. Вот и будет снижение конверсии. Не знаю ни одного человека, который бы сказал — не буду регистрироваться в платежной системе, потому что там двойной ввод пароля при регистрации.
                            +2
                            Редизайн пошёл только на пользу, стало приятнее и симпатичнее. Более современно в целом.
                              0
                              И, кроме того, удобнее пользоваться: просто, красиво, все понятно.
                              0
                              По дизайну: в целом симпатично.

                              Возникло несколько сопутствующих вопросов по самой системе:

                              1. Посмотрел какие игры и развлечения можно оплатить: почти весь список — покер и казино.
                              Планируется ли вводить оплату онлайн игр другого рода (MMORPG и т.п.)?

                              2. Планируется ли работа с WebMoney (терпеть их не могу, но популярностью они обладают)?

                                +3
                                p.s. Глазику бы реснички дорисовать, а то не понятно, что это глаз и не понятно, что с ним делать (оказывается, можно по нему кликнуть — на форме регистрации нигде нет подсказки об этом).
                                  +1
                                  да я тоже долго смотрел на эту завитушку и думал что ж это такое, может новая концепция лебедева дорисовывать всякое в полях с паролем, и только потом прочитал абзац про «глазик»:)
                                  0
                                  1. В планах есть, будем стараться двигаться и в этом направлении тоже.

                                  2. Вебмани ограничивают работу с платежными системами, так что одного нашего желания здесь мало. Пользователи Вебмани могут напрямую делать депозиты в те же покер и казино.
                                  +1
                                  Желаю удачи и дальнейшего развития (:
                                    +2
                                    Непонятно кому адресована платежная система. Частному клиенту? Слишком малое количество получателей денег за услуги. Средним и мелким продавцам? Заходим в раздел «Магазинам и интернет-проектам» и ничего кроме стандартных картинок про апи невидим, вопрос про взаимодействие с другими ПС не раскрыт.

                                    А дизайн да, дизайн.
                                      +3
                                      Хабраэффект? Не грузится ваша монета.
                                        +1
                                        Только у меня одного сайт уже не открывается?
                                          +2
                                          Вот и проверили ваш дизайн на прочность :)
                                          0
                                          вполне себе рядовой дизайн (качественный, неплохой),
                                          просто интересно — не целесообразнее ли нанять себе на удалёнку дизайнера/юзабилиста для постоянной работы над проектом, вместо того, чтобы отдавать его на сторону за большие деньги.
                                            0
                                            Возможно, они используют оба варианта:
                                            1. Отдали на сторону, сделали глобальный редизайн.
                                            2. А потом «свой» фронт-эндщик потихоньку допиливает, корректирует в соответствии с отзывами клиентов.

                                            Это всего лишь предположение (:

                                          Only users with full accounts can post comments. Log in, please.