×

Поговорим?

Звоните: +7 (812) 640-49-21

Check’n'Pay

Интерфейсы для web и mobile

Команда

менеджер-аналитик, проектировщик, эксперт, редактор, корректор

Начало

июнь 2013

Срок

2,5 месяца

Объём

200 экранов для 5 устройств + тексты

«Промышленные информационные системы» — петербургская компания, которая разрабатывает всякие сложные программные решения для государственных и частных заказчиков. Один из таких заказчиков — сервис для выставления и оплаты счетов Check’n’Pay, ориентированный на частных лиц. То есть простых пользователей.

Логика работы Check’n’Pay примерно следующая. Поставщик товара или услуги выставляет своему клиенту счет по номеру телефона. Клиент заходит на сервис и расплачивается банковской картой или электронными деньгами.

С разработкой функциональной части у «Промышленных информационных систем» все было отлично. А перед нами стояла достаточно понятная задача: сделать интерфейс удобным для конечного пользователя.

К проекту традиционно прилагались плюсы и минусы.

Плюсы

Полное взаимопонимание

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

Огромная экспертиза

Так исторически сложилось, что все, связанное с электронными деньгами, счетами, банковскими и околобанковскими услугами, нам не просто знакомо. Каждую ночь снится.

Минусы

Работа на субподряде

За конечный результат целиком и полностью отвечал наш заказчик. Он же общался с клиентом и приносил нам ценные указания и прочий фидбек.

Получалась ситуация «все всех понимают, погнали». Значит, аналитическую часть можно сократить до минимума. За неделю мы изучили ТЗ, составили портреты пользователей и описали действия в контексте жизненных ситуаций.

Проект состоял из трех крупных блоков.

Интерфейсные компоненты

Веб-версия для десктопов

Веб-версия для мобильных

Мобильные приложения

Процесс

В работе итерациями — а мы работали именно так — четкое разделение на процесс и результат бывает не всегда. Даже так: чаще не бывает. И первая версия интерфейса может внешне как будто бы и не отличаться от финальной. Просто по мере работы интерфейс уточняется и дополняется. Одновременно с этим уточняется и дополняется логика работы системы.

Итак, основой стал список счетов. Мы ловили себя на мысли, что делаем интерфейс, напоминающий почтовые клиенты, но старались уходить от этого, помня о главной задаче сервиса: помочь пользователю вовремя получить счет, увидеть его и оплатить в срок.

На втором месте по важности — навигационная панель. Она должна быть максимально лаконичной и при этом дать пользователю ответы на все вопросы. Например: какие бывают типы счетов, сколько их пришло, сколько оплачено и как не потерять важные.

А вот так выглядит сам счет.

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

Результат

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

Бонус

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

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

Теперь, когда нас привлекают как субподрядчика, мы ставим обязательное условие — возможность общаться напрямую с конечным заказчиком продукта. Только так мы можем адекватно донести свою мысль и предугадать ожидания клиента.

Скачать приложение Check’n'Pay для смартфона на Android

Скачать приложение Check’n'Pay для iPhone и iPad

Сергей Котовгенеральный директор ПромИнфоСистем

Польза нанесена несомненно. По срокам также все нормально: я сознательно начал работу по подготовке мокапов на спринт раньше реализации — и все сошлось.

Тесное общение было очень продуктивным. Спасибо за терпение, потому что я вел себя как «плохой» заказчик( не специально): затягивал, откладывал, переносил…

Сколько стоит?

От 400 тыс. руб.

У вас похожая задача? Пишите нам:

+7 (812) 640-49-21

 

sobaka@pavlova.cc

 

Fb.com/PavlovaPage

 

Skype: pavlova.cc

ВВЕРХ