Разработка мобильного приложения для стартапа «ViCard» - Marketing Tech
Подписывайтесь на наш телеграм канал, в нем мы публикуем кейсы - ПЕРЕЙТИ НА КАНАЛ

Разработка мобильного приложения для стартапа «ViCard»

Фото: create.vista.com

Разработка мобильного приложения для стартапа «ViCard»

Из этого кейса можно узнать о разработке инновационного мобильного приложения под Android и iOS, которое позволяет мгновенно обмениваться виртуальными визитными карточками, управлять собранными контактами и создавать визитки на все случаи жизни. 

Особенности кейса: 

– сотрудничество со стартапом, сопряженное с большим количеством изменений в процессе работы над проектом;

– использование в приложении обмена данными по NFC и поиск альтернативного решения для устройств без этого функционала. 

 

NFC (Near Field Communication) – это технология, позволяющая бесконтактно передавать данные на устройство, которое находится не дальше 10 сантиметров. Она используется, в основном, для проведения платежей с мобильных телефонов и банковских карт. 

 

Задача заказчика и трудности, с которым было связано ее выполнение 

Разработчик веб и мобильных приложений IT Brick должен был создать мобильное приложение, которое освободило бы деловых людей от обмена картонными карточками с контактами. 

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

Приложение, создаваемое IT Brick для стартапа «ViCard», должно было взять на себя хранение информации с контактами.  Перед разработчиком стояла задача: на прием/передачу данных должно уходить меньше 10 секунд. 

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

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

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

ViCard – не первое приложение для обмена визитками, которое выходило на рынок, чтобы преуспеть, ему нужна была своя особенная “фишка”. Создатели решили, что это будет обмен данными с помощью NFC.  “Ведь если передаются платежные данные, то можно сделать и передачу контактов.”, – рассуждал заказчик. 

Команд IT Brick взялась за выполнение этой задачи. 

 

Аналитическая работа 

Для начала было необходимо понять, получится ли задействовать NFC. Если это невозможно, воспользоваться запасным вариантом – применить Bluetooth.

NFC отличается от Bluetooth меньшим временем, нужным для соединения и небольшим расстоянием, на котором должны находиться устройства. Это способствует более безопасной передаче данных. Соответственно, применение NFC лучше защищает конфиденциальность пользователей.

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

Исходя из этого, разработчики внесли корректировку в первоначальную задачу, добавив другие способы передачи данных. Было решено делать NFC-передачу данных на Android-устройствах.

Затем были проанализированы сценарии работы пользователей с приложением. На базе них создали Техническое задание и разработали макеты экранных форм.

Макеты экранных форм приложения ViCard. Источник изображения: itbricksoft.com

Описание решения 

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

Окно регистрации приложения ViCard. Источник изображения: itbricksoft.com

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

Интерфейс визитницы в приложении ViCard. Источник изображения: itbricksoft.com

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

 

Пример применения приложения 

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

В настройках ViCard задается отдельный тег для всех, получаемых на форуме, визиток. Это делается на экране “Обмен визитками”. 

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

Настройки интерфейса для обмена визитками в приложении ViCard. Источник изображения: itbricksoft.com

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

К визиткам возможно добавление комментариев (их будет видеть лишь сам пользователь), а также прикрепление тега для облегчения поиска.

Расширенная визитная карточка в приложении ViCard. Источник изображения: itbricksoft.com

 

Собственная виртуальная визитка 

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

Собственная визитка в приложении ViCard. Источник изображения: itbricksoft.com

Географические наименования (Страну/Город), а также вид деятельности, пользователь выбирает из справочника.  Если подходящего наименования нет среди сфер деятельности, его можно добавить. 

Справочники для полей  визитной карточки в приложении  ViCard. Источник изображения: itbricksoft.com

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

Меню с дизайнерскими инструментами расположено внизу экрана, все его элементы интуитивно понятны. Если кликнуть на раздел, открываются настройки. Можно менять фоновые цвета и параметры шрифта, подгружать картинки. 

Дизайн виртуальных визиток в приложении ViCard. Источник изображения: itbricksoft.com

Изменения визитки сразу видны в верхней части экрана и сама карточка с контактами меняется в реальном времени.  Необходимо отметить, что дизайн экранов для iOS-устройства разработчиками создавался отдельно.

Дизайн экранов приложения ViCard под iOS. Источник изображения: itbricksoft.com

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

Все созданные визитки собраны на экранной форме “Мой профиль”, оттуда можно перейти в настройки аккаунта.

Профиль и настройки в приложении ViCard. Источник изображения: itbricksoft.com

Получение и отправка визиток 

Главным экраном в приложении является “Обмен визитками”. Он нужен, чтобы отправлять и принимать электронные карточки с контактами. На него в формате карусели выведены все визитки, созданные пользователем.  

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

Когда  NFC есть у принимающего и отправляющего смартфона, передача визитки осуществляется бесконтактным способом – устройства просто подносят друг к другу. Отправитель “свайпает” визитку вверх и она в ту же секунду прилетает адресату.  

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

Если устройство не поддерживает NFC-технологию, то контакты передаются с помощью считывания QR-кода или отправляются ссылкой через мессенджер, соцсети и почту.  Для этого есть специальная кнопка “Поделиться визиткой”.

При отправке ответной визитки, данные идут через сервер. Это быстрее, чем через NFC и отсылка делается в один клик. 

Отправка ответной визитки в приложении ViCard. Источник изображения: itbricksoft.com

После выхода приложения, работа над ним была продолжена. Планируется сделать возможность дизайна визиток на Android-устройствах и найти способ бесконтактного отправления данных на iOS. Кроме того, дорабатывается внешний вид приложения и логика его работы. Однако основной функционал уже реализован – можно быстро создавать, принимать и отправлять виртуальные визитные карточки. Они не потеряются как бумажные.