хабраиндекс
47,59

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

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

image


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

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

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

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

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

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

image

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

image

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

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

image

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

image

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

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

image

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

image

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

image

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

image

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

image

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

image

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

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

+13
26 сентября 2011, 11:06
6
iNTellect 4,0

комментарии (37)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.