Интерфейс и дизайн системы мобильных платежей МОБИ.Деньги

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

Т.к. в MOBI.Деньгах логин уже известен (номер мобильного телефона) и объяснять как класть деньги на телефон никому не нужно, то мы создали такой интерфейс, где можно начать платить мгновенно! Без регистрации, без чтения инструкций.

На главной странице большую часть занимает список товаров — ничего другого просто не нужно (автор иконок — Константин Новиков):

Ну, раз можно сразу начать платить — давайте попробуем. Для пробы, давайте переведем деньги на мобильник ребенку. Причем не важно, что вы пользуетесь разными операторами. Щёлк по товару — попадаем на форму платежа, на которой убрано всё лишнее, а область, которая требует каких-то действий от пользователя, выделена желтым. Заполняем всего три поля: свой телефон, телефон сына и сумму перевода:

Кстати, вспомните как часто вам приходилось вводить номер телефона на различных сайтах. И всегда был строгий формат — цифры только слитно или только через дефис или... У нас же хоть и дан пример «цифры слитно», прощаются и дефисы и пробелы и лишняя 8-ка в начале.

Если какое-то поле заполнено неверно, то мы сообщим об этом мягко, без перезагрузки страницы и заботливо переведем курсор в проблемное поле:

Но вернемся к платежу. Вот простая форма из трех полей заполнена и мы попадаем на страницу подтверждения платежа, где нужно ввести пароль. Какой? При первом платеже ваш номер телефона автоматически регистрируется в системе и на ваш телефон приходит СМС с паролем (если платеж не первый, то вы всегда можете воспользоваться ссылкой «Получить SMS c паролем», которая тут же под рукой):

Присланным паролем вы можете продолжать пользоваться, но лучше его сменить, о чем мы вам ненавязчиво сообщим:

Как видите, платить очень просто и даже не нужно регистрироваться. Хотя, регистрация отдельно от платежа тоже возможна. Щелкаешь по ссылку «Вход» и... проще не придумаешь:

Будучи авторизованым на сайте вы имеете доступ к вашей истории платежей:

Можете заполнить ваши персональные данные (это не обязательно, но иногда может помочь при общении со службой поддержки):

Для авторизованного пользователя на главной странице имеется возможность быстро повторить свои последнии платежи (хотя, куда уж быстрее):

Для того, чтобы становиться лучше, мы опрашивали тех, кто успешно совершил платеж:

А тем, кто по каким-то причинам не смог заплатить, помогали пожаловаться «не отходя от кассы»:

Принцип «Давайте не будем напрягать пользователя» применялся мною не только для плетежного функционала, но и вообще везде. В блоге разработчиков, который я вёл, всё было очень просто. Чтобы оставлять комментарии не нужно регистроваться, но если ввести адрес своей электронной почты, то ответы на комментарии станут автоматически приходить на почту. Надоест — в письме есть ссылка, чтобы отписаться. Имя же тоже не нужно заполнять каждый раз — оно запоминается в куках. В результате вышел блог с полноценными комментариями, но без регистрации.

Мы сделали всё, чтобы помощь при пользовании нашей системой не понадобилась. Но помощь я на всякий случай тоже сделал — в картинках, т.к. тексты все равно никто не читает: