«Яндекс.Деньги» представила полный редизайн веб-версии сервиса

Компания «Яндекс.Деньги» запускает обновленную веб-версию сервиса. О процессе редизайна компания рассказала в блоге на «Хабрахабре».

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

По словам руководителя отдела интерфейсов Дарьи Калининой, команда приступила к редизайну в начале 2014 года после большого исследования с юзабилити-тестированием и анализом статистики:

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

В новой версии «Яндекс.Денег» навигация разделена на две части: в одной — всё для управления настройками кошелька, а в другой — действия с деньгами (платить, переводить, смотреть историю и прочее).

Управление кошельком:

Меню:

Значительно упростился процесс регистрации в сервисе:

Проанализировав статистику, мы выяснили, что уделяем недостаточно внимания пользователям с авторизацией через социальные сети — и подняли кнопки социальной авторизации в самое начало — в результате количество регистраций через социальные сети выросло в 5 раз.

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

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

По каждому совершенному платежу можно посмотреть информацию без перехода на отдельную страницу — на специальной карточке.