🤳Как CJM поможет вашему мобильному приложению
CJM (Customer Journey Map) определяет путь пользователей, помогает выявить их потребности, желания и проблемы в каждой из точек взаимодействия с продуктом. Понимание этих пунктов поможет бизнесу создать удобное и понятное мобильное приложение, которое люди готовы использовать часто и рекомендовать другим.
Благодаря CJM, приложение естественно встраивается в уже имеющуюся у бизнеса цепочку взаимодействия.
Подробная карта пути пользователя помогает решить сразу несколько важных задач:
- Вы сможете выявить все точки взаимодействия клиентов с вашим приложением и сделать работу с ним проще. В удобное приложение пользователь будет возвращаться снова и снова. Вы улучшите рейтинг приложения и будете получать позитивные отзывы клиентов.
- Поймёте препятствия на пути к получению услуги. Например, клиент может отказаться от покупки из-за неудобной формы оплаты или слишком длинного flow. Решение проблем пользователя поможет повысить его лояльность.
- Удобное приложение повысит показатели удержания и ARPU (среднюю выручку на одного пользователя).
- Сможете определить сильные и слабые стороны вашего продукта, улучшить стратегию развития и обогнать конкурентов.
О том, как проходит построение CJM в Surf мы рассказали здесь.
#best_practices
CJM (Customer Journey Map) определяет путь пользователей, помогает выявить их потребности, желания и проблемы в каждой из точек взаимодействия с продуктом. Понимание этих пунктов поможет бизнесу создать удобное и понятное мобильное приложение, которое люди готовы использовать часто и рекомендовать другим.
Благодаря CJM, приложение естественно встраивается в уже имеющуюся у бизнеса цепочку взаимодействия.
Подробная карта пути пользователя помогает решить сразу несколько важных задач:
- Вы сможете выявить все точки взаимодействия клиентов с вашим приложением и сделать работу с ним проще. В удобное приложение пользователь будет возвращаться снова и снова. Вы улучшите рейтинг приложения и будете получать позитивные отзывы клиентов.
- Поймёте препятствия на пути к получению услуги. Например, клиент может отказаться от покупки из-за неудобной формы оплаты или слишком длинного flow. Решение проблем пользователя поможет повысить его лояльность.
- Удобное приложение повысит показатели удержания и ARPU (среднюю выручку на одного пользователя).
- Сможете определить сильные и слабые стороны вашего продукта, улучшить стратегию развития и обогнать конкурентов.
О том, как проходит построение CJM в Surf мы рассказали здесь.
#best_practices
Surf
Разработка CJM — закажите customer journey map для приложения | Surf
Рассказываем, в каких случаях разработка customer journey map полезна для бизнеса. Делимся подробностями создания карты пути пользователя и результатами исследований. Узнайте, кому стоит заказать CJM и когда будет готова карта, если купить сегодня.
💵 Альтернативные платежные сервисы для ecom и ритейла: как внедрить в приложение оплату через Юкассу
Санкции отразились не только на работе банков, но и на торговле. Одним из ключевых вызовов является отладка приёма оплаты без Apple и Google Pay. Мы решили разобраться, на что и как можно заменить «платёжных гигантов» ритейлерам и ecom. Мы точно знаем, что аналоги есть и некоторые из них уже применяли в проектах наших клиентов. Сегодня расскажем об одном из них.
ЮKassa — это российская цифровая платформа для приёма и обработки безналичных платежей. Для подключения нужно заключить договор с сервисом и получить ключи для использования SDK (software development kit). SDK позволяет сохранить карту пользователя. Для этого используется customerId — уникальный параметр пользователя в системе. Нужно убедиться, что параметр принадлежит только одному пользователю.
Необходимые системные требования для установки:
- версия iOS — не ниже 10;
- версия Android — не ниже 5.
В сервисе ЮKassa можно платить с помощью кошелька ЮMoney, банковских карт, сервисов Сбербанка.
❓ Как внедрить
Общий процесс оплаты в мобильном приложении выглядит следующим образом:
1️⃣ Мобильное приложение запускает процесс токенизации в SDK;
Пользователю предлагается список возможных способов оплаты. В SDK передаются параметры платежа (сумма, описание, необходимые ключи и т.д.), затем открывается диалог с выбором способа оплаты.
- Если данные введены верно и процесс завершился успешно, то SDK обменивает данные, которые ввёл пользователь, на платёжный токен и возвращает в его приложение.
- Дальше этот токен передаётся на бэкенд (в программную часть сервиса), где происходит взаимодействие с API (программным интерфейсом приложения).
2️⃣ Из платёжного токена нужно создать платёж с помощью API. Это происходит на бэкенде продавца.
3️⃣ При необходимости можно запустить в SDK процесс подтверждения платежа через 3DS (дополнительный протокол безопасности) или SberPay. Он использует дополнительный экран подтверждения.
#best_practices
Санкции отразились не только на работе банков, но и на торговле. Одним из ключевых вызовов является отладка приёма оплаты без Apple и Google Pay. Мы решили разобраться, на что и как можно заменить «платёжных гигантов» ритейлерам и ecom. Мы точно знаем, что аналоги есть и некоторые из них уже применяли в проектах наших клиентов. Сегодня расскажем об одном из них.
ЮKassa — это российская цифровая платформа для приёма и обработки безналичных платежей. Для подключения нужно заключить договор с сервисом и получить ключи для использования SDK (software development kit). SDK позволяет сохранить карту пользователя. Для этого используется customerId — уникальный параметр пользователя в системе. Нужно убедиться, что параметр принадлежит только одному пользователю.
Необходимые системные требования для установки:
- версия iOS — не ниже 10;
- версия Android — не ниже 5.
В сервисе ЮKassa можно платить с помощью кошелька ЮMoney, банковских карт, сервисов Сбербанка.
❓ Как внедрить
Общий процесс оплаты в мобильном приложении выглядит следующим образом:
1️⃣ Мобильное приложение запускает процесс токенизации в SDK;
Пользователю предлагается список возможных способов оплаты. В SDK передаются параметры платежа (сумма, описание, необходимые ключи и т.д.), затем открывается диалог с выбором способа оплаты.
- Если данные введены верно и процесс завершился успешно, то SDK обменивает данные, которые ввёл пользователь, на платёжный токен и возвращает в его приложение.
- Дальше этот токен передаётся на бэкенд (в программную часть сервиса), где происходит взаимодействие с API (программным интерфейсом приложения).
2️⃣ Из платёжного токена нужно создать платёж с помощью API. Это происходит на бэкенде продавца.
3️⃣ При необходимости можно запустить в SDK процесс подтверждения платежа через 3DS (дополнительный протокол безопасности) или SberPay. Он использует дополнительный экран подтверждения.
#best_practices
Сегодня хотим порекомендовать вам полезный канал.
Product management — канал для тех, кому интересна тема управления продуктами. Ежедневно публикуют обучающие материалы и полезные статьи про харды и софты.
Что там можно найти:
▪️переводы полезных статей по теме управления проектами;
▪️видео с экспертами;
▪️актуальные новости;
▪️профессиональный юмор.
Product management — канал для тех, кому интересна тема управления продуктами. Ежедневно публикуют обучающие материалы и полезные статьи про харды и софты.
Что там можно найти:
▪️переводы полезных статей по теме управления проектами;
▪️видео с экспертами;
▪️актуальные новости;
▪️профессиональный юмор.
👗 Бодипозитив в фешн-приложениях
Продолжаем говорить о тенденциях, которые меняют характер fashion-рынка в данный момент. Возможность примерить пальто в дополненной реальности или купить его за пару кликов — безусловно, важные функции. Но они не отражают тектонических изменений, которые произошли в последнее время, в корне изменив отношение общества к моде.
Разные типы фигур становятся неотъемлемой частью моды. По данным Allied Market Research, глобальный рынок plus size к 2027 году достигнет 697 миллиардов долларов.
Причём глобальные fashion-компании постепенно отходят от жёсткого разграничения «обычная одежда vs plus size». Модели размера XXL и выше растворяются в общей линейке, становятся частью ассортимента.
Создавая мобильное приложении для Henderson, мы учли этот тренд и отказались от выделения специального раздела plus size меню. Брюки, рубашки и костюмы были отсняты на моделях с разными типами фигуры. Такой подход помогает решить сразу две задачи: повысить доверие клиентов и подтолкнуть их к быстрой покупке. Кроме того, отсутствие специального раздела становится фактором лояльности клиентов — покупатели с размером больше XXL не чувствуют себя «особенными», нуждающимися в «специальной» одежде. Они одеваются там же, где и все.
#ритейл #best_practices
Продолжаем говорить о тенденциях, которые меняют характер fashion-рынка в данный момент. Возможность примерить пальто в дополненной реальности или купить его за пару кликов — безусловно, важные функции. Но они не отражают тектонических изменений, которые произошли в последнее время, в корне изменив отношение общества к моде.
Разные типы фигур становятся неотъемлемой частью моды. По данным Allied Market Research, глобальный рынок plus size к 2027 году достигнет 697 миллиардов долларов.
Причём глобальные fashion-компании постепенно отходят от жёсткого разграничения «обычная одежда vs plus size». Модели размера XXL и выше растворяются в общей линейке, становятся частью ассортимента.
Создавая мобильное приложении для Henderson, мы учли этот тренд и отказались от выделения специального раздела plus size меню. Брюки, рубашки и костюмы были отсняты на моделях с разными типами фигуры. Такой подход помогает решить сразу две задачи: повысить доверие клиентов и подтолкнуть их к быстрой покупке. Кроме того, отсутствие специального раздела становится фактором лояльности клиентов — покупатели с размером больше XXL не чувствуют себя «особенными», нуждающимися в «специальной» одежде. Они одеваются там же, где и все.
#ритейл #best_practices
Surf
Дизайн мобильного приложения для магазина Henderson | Кейсы Surf
Построение CJM, разработка UX/UI дизайна, план развития продукта, создание нового канала продаж.
Как модель крючка помогает сформировать привычку у пользователя. Триггеры.
Недавно мы рассказывали о модели крючка, которая создаёт привычку у пользователя. Сегодня поговорим подробней о ключевом этапе — использовании триггеров.
✔️ Триггер может быть внешним или внутренним.
Внешние: реклама, платные рекомендации от знаменитого блогера, рекомендации приятелей, вирусные видеоролики. Такие триггеры хорошо работают на этапе знакомства, когда нужно завлечь пользователя в сервис.
Внутренние триггеры — это наши внутренние состояния, психологические реакции. Как правило, они связаны с нашими переживаниями: скучно — пойду куплю книгу или скачаю фильм, голоден — закажу еду, одинок — загляну в тиндер или соцсети.
При создании сервиса важно проанализировать, в каком состоянии чаще всего заходит туда пользователь, что может стать внутренним триггером. Поняв и удовлетворив его эмоциональные потребности, вы повысите лояльность пользователя и замотивируете его возвращаться в приложение при возникновении этого внутреннего триггера.
Пример. Один из практических приемов в мобильных приложениях — это push-уведомления. Пуш становится внешним триггером, призывающим зайти в приложение.
В приложении для продуктовой сети «Магнит» карту лояльности мы привязали к приложению — а это повод скачать его на телефон. Покупатель показывает QR-код кассиру и после оплаты получает пуш о начислении баллов.
Персонализированные пуши реализованы в приложении РИВ ГОШ. Оно интегрировано с маркетинговой платформой, которая анализирует целевую аудиторию и составляет стратегию взаимодействия с ней. На основе этой информации сервис готовит и рассылает персонализированные предложения в push-уведомлениях.
#best_practices
Недавно мы рассказывали о модели крючка, которая создаёт привычку у пользователя. Сегодня поговорим подробней о ключевом этапе — использовании триггеров.
✔️ Триггер может быть внешним или внутренним.
Внешние: реклама, платные рекомендации от знаменитого блогера, рекомендации приятелей, вирусные видеоролики. Такие триггеры хорошо работают на этапе знакомства, когда нужно завлечь пользователя в сервис.
Внутренние триггеры — это наши внутренние состояния, психологические реакции. Как правило, они связаны с нашими переживаниями: скучно — пойду куплю книгу или скачаю фильм, голоден — закажу еду, одинок — загляну в тиндер или соцсети.
При создании сервиса важно проанализировать, в каком состоянии чаще всего заходит туда пользователь, что может стать внутренним триггером. Поняв и удовлетворив его эмоциональные потребности, вы повысите лояльность пользователя и замотивируете его возвращаться в приложение при возникновении этого внутреннего триггера.
Пример. Один из практических приемов в мобильных приложениях — это push-уведомления. Пуш становится внешним триггером, призывающим зайти в приложение.
В приложении для продуктовой сети «Магнит» карту лояльности мы привязали к приложению — а это повод скачать его на телефон. Покупатель показывает QR-код кассиру и после оплаты получает пуш о начислении баллов.
Персонализированные пуши реализованы в приложении РИВ ГОШ. Оно интегрировано с маркетинговой платформой, которая анализирует целевую аудиторию и составляет стратегию взаимодействия с ней. На основе этой информации сервис готовит и рассылает персонализированные предложения в push-уведомлениях.
#best_practices
🤳Как модель крючка помогает сформировать привычку пользоваться мобильным приложением у пользователя. Упрощение и вознаграждение.
✔️Упрощайте действия
Чем проще действие, тем легче и охотней его выполнит ваш клиент. Если у вашего приложения удобный и понятный интерфейс и заказ можно сделать в пару тапов, это упрощает использование вашего продукта и делает его более привлекательным для пользователя.
Пример. В проекте банка Зенит мы упростили и переработали форму онлайн-заявки на кредит. Первоначальный вариант включал огромное количество вопросов. Для пользователя было проще сходить в банк или и вовсе обратиться к конкурентам. После проработки аналитиком и дизайнером заполнять форму стало проще и быстрей.
✔️Предлагайте вознаграждение
Если мы получаем одно и то же удовольствие постоянно, оно переходит в разряд рутины и не вызывает дофаминового всплеска. Чтобы результат не был предсказуемым, можно использовать переменное вознаграждение: чем больше элемент неожиданности, тем выше интерес пользователя. Так работают социальные сети. Мы не знаем, что увидим там в каждый конкретный момент, поэтому постоянно обновляем ленту.
Пример. В мобильном приложении книжного магазина «Лабиринт» мы реализовали ежедневную лотерею «Счастливая рулетка». Раз в сутки клиент может сыграть в рулетку и получить обязательный приз, предсказать который заранее невозможно.
✔️Пользователи ценят свои инвестиции в продукт
Если пользователь вложил в продукт свои ресурсы: деньги, силы, время, поделился личными данными или контентом, ценность продукта в его глазах возрастает. Мотивируйте пользователя постоянно активно «инвестировать» в ваш сервис и тем самым вы постепенно начнете формировать привычку им пользоваться.
Пример. LinkedIn при каждом посещении просит пользователя добавить свежие фото и данные, актуализировать его личную информацию.
#best_practices
✔️Упрощайте действия
Чем проще действие, тем легче и охотней его выполнит ваш клиент. Если у вашего приложения удобный и понятный интерфейс и заказ можно сделать в пару тапов, это упрощает использование вашего продукта и делает его более привлекательным для пользователя.
Пример. В проекте банка Зенит мы упростили и переработали форму онлайн-заявки на кредит. Первоначальный вариант включал огромное количество вопросов. Для пользователя было проще сходить в банк или и вовсе обратиться к конкурентам. После проработки аналитиком и дизайнером заполнять форму стало проще и быстрей.
✔️Предлагайте вознаграждение
Если мы получаем одно и то же удовольствие постоянно, оно переходит в разряд рутины и не вызывает дофаминового всплеска. Чтобы результат не был предсказуемым, можно использовать переменное вознаграждение: чем больше элемент неожиданности, тем выше интерес пользователя. Так работают социальные сети. Мы не знаем, что увидим там в каждый конкретный момент, поэтому постоянно обновляем ленту.
Пример. В мобильном приложении книжного магазина «Лабиринт» мы реализовали ежедневную лотерею «Счастливая рулетка». Раз в сутки клиент может сыграть в рулетку и получить обязательный приз, предсказать который заранее невозможно.
✔️Пользователи ценят свои инвестиции в продукт
Если пользователь вложил в продукт свои ресурсы: деньги, силы, время, поделился личными данными или контентом, ценность продукта в его глазах возрастает. Мотивируйте пользователя постоянно активно «инвестировать» в ваш сервис и тем самым вы постепенно начнете формировать привычку им пользоваться.
Пример. LinkedIn при каждом посещении просит пользователя добавить свежие фото и данные, актуализировать его личную информацию.
#best_practices
Surf
Разработка мобильного банка для банковской группы Зенит | Кейсы Surf
Создание мобильного приложения для обслуживания клиентов пяти банков за 6 месяцев
🏦 Что делать банку, если его приложение удалили из стора
На прошлой неделе появилась новость об исчезновении приложения «СберБанка» из App Store и Google Store. Ранее приложения Совкомбанка также были удалены из магазинов. Эксперты Surf подготовили краткую инструкцию о том, что делать бизнесу в таких случаях, чтобы не терять связь с клиентами.
Приложение удалено из Google Store.
Самый простой вариант для банка — разместить приложение на официальном сайте в формате apk. В этом случае пользователь в пару кликов сможет установить приложение и начать им пользоваться. Так поступил «СберБанк». Насколько это безопасно с точки зрения сохранности пользовательских данных — вопрос открытый.
Приложение удалено из App Store.
Проще всего предложить клиенту воспользоваться web-версией приложения с аналогичным функционалом. Однако есть способ выполнить установку, но в этом случае клиенту придется потратить гораздо больше времени, чем в Google Store. Инструкцией по установке недавно поделился Совкомбанк. В общих чертах действия клиента будут выглядеть так:
1. Скачать приложение с сайта
2. Зайти в «Настройки» — «Основное» — «VPN и управление устройством»
3. Выбрать учётную запись банка и нажать «Доверять». Приложение появится на главном экране.
4. Зайти в приложение и нажать «Разрешить».
#best_practices
На прошлой неделе появилась новость об исчезновении приложения «СберБанка» из App Store и Google Store. Ранее приложения Совкомбанка также были удалены из магазинов. Эксперты Surf подготовили краткую инструкцию о том, что делать бизнесу в таких случаях, чтобы не терять связь с клиентами.
Приложение удалено из Google Store.
Самый простой вариант для банка — разместить приложение на официальном сайте в формате apk. В этом случае пользователь в пару кликов сможет установить приложение и начать им пользоваться. Так поступил «СберБанк». Насколько это безопасно с точки зрения сохранности пользовательских данных — вопрос открытый.
Приложение удалено из App Store.
Проще всего предложить клиенту воспользоваться web-версией приложения с аналогичным функционалом. Однако есть способ выполнить установку, но в этом случае клиенту придется потратить гораздо больше времени, чем в Google Store. Инструкцией по установке недавно поделился Совкомбанк. В общих чертах действия клиента будут выглядеть так:
1. Скачать приложение с сайта
2. Зайти в «Настройки» — «Основное» — «VPN и управление устройством»
3. Выбрать учётную запись банка и нажать «Доверять». Приложение появится на главном экране.
4. Зайти в приложение и нажать «Разрешить».
#best_practices
Telegram
Финтехно
⚡️Мобильное приложение «СберБанка» исчезло из App Store
👗 Тренды в мобильных fashion-приложениях. Digital-мода
Цифровая одежда — новый тренд, соединивший реальный и виртуальный миры. Виртуальные костюмы и аксессуары пришли в моду из игровой индустрии. Теперь их оценили блогеры и диджитал-инфлюенсеры, только вместо персонажей видеоигр они сами примеряют на себя цифровые луки. Так им не нужно покупать дорогостоящие наряды, которые пригодятся раз или два для фотосессии.
Пример 1. Норвежская компания Carlings стала пионером цифровой моды и находкой для инстаграм-блогеров. Бренд выпустил лимитированную коллекцию виртуальной одежды. Покупатель присылает фото, дизайнер «одевает» его. Полученное фото пользователь публикует в соцсетях.
Коллекцию раскупили за две недели. Во многом здесь сработал эффект новизны и эксклюзивности: тираж каждой вещи был не более 12 штук, а материалы имитировали ртуть, крокодиловую кожу, латекс или компьютерный код. Эти вещи были относительно доступными — цена варьировалась от 10 до 30 €.
Пример 2. Digital fashion house The Fabricant выпускает более элитные коллекции. Бренд вошел в историю моды как создатель самого дорогого блокчейн-платья за 9500 $.
Пример 3. Бренд Aliona Pole выпустил российскую коллекцию цифровой одежды. Недавно основатель компании Валерий Шарипов анонсировал выход новой совместной коллекции Aliona Pole x AliExpress, которую можно купить на маркетплейсе.
#best_practices
Цифровая одежда — новый тренд, соединивший реальный и виртуальный миры. Виртуальные костюмы и аксессуары пришли в моду из игровой индустрии. Теперь их оценили блогеры и диджитал-инфлюенсеры, только вместо персонажей видеоигр они сами примеряют на себя цифровые луки. Так им не нужно покупать дорогостоящие наряды, которые пригодятся раз или два для фотосессии.
Пример 1. Норвежская компания Carlings стала пионером цифровой моды и находкой для инстаграм-блогеров. Бренд выпустил лимитированную коллекцию виртуальной одежды. Покупатель присылает фото, дизайнер «одевает» его. Полученное фото пользователь публикует в соцсетях.
Коллекцию раскупили за две недели. Во многом здесь сработал эффект новизны и эксклюзивности: тираж каждой вещи был не более 12 штук, а материалы имитировали ртуть, крокодиловую кожу, латекс или компьютерный код. Эти вещи были относительно доступными — цена варьировалась от 10 до 30 €.
Пример 2. Digital fashion house The Fabricant выпускает более элитные коллекции. Бренд вошел в историю моды как создатель самого дорогого блокчейн-платья за 9500 $.
Пример 3. Бренд Aliona Pole выпустил российскую коллекцию цифровой одежды. Недавно основатель компании Валерий Шарипов анонсировал выход новой совместной коллекции Aliona Pole x AliExpress, которую можно купить на маркетплейсе.
#best_practices
💵 Альтернативные платежные сервисы для еком: СберПэй
Новая реальность диктует свои правила. Основной проблемой, с которой столкнулись представители e-com и ритейла, является отладка приёма оплаты без привычных Apple и Google Pay. SberPay стал одним из способов обхода ограничений. Мы в Surf уже используем эту технологию на своих проектах и готовы поделиться экспертизой её технической реализации с вами.
Под капотом SberPay — платёжный виджет, который позволяет использовать приложение СберБанк Онлайн для оплаты. Все платежи проходят через Сбер API — механизм оплаты с использованием собственного платёжного шлюза Сбера. Схема взаимодействия элементов сервиса выглядит так:
Интернет-магазин ↔️ Шлюз ↔️ Банк
Платёжный шлюз — это посредник между банком и мобильным приложением. Продавец направляет на него запросы, а он, в свою очередь, обменивается данными с банком.
❓ Как внедрить
Для получения платежей с помощью Сбер API, нужно подключить эквайринг от СберБанка. То есть, настроить возможность принимать безналичную оплату. Её можно принимать разными способами, например:
выставить счёт на оплату (для этого нужно сформировать корзину товаров вручную или с помощью .csv файла);
предоставить статичную ссылку для оплаты;
создать ссылку на конкретную оплату с помощью генератора.
✔️ Кейс Surf
С настройкой платёжной системы Сбера мы в Surf столкнулись на проекте быстрой доставки еды. Называть его и подробно описывать мы не можем из-за условий конфиденциальности. Расскажем только механику.
1. Пользователь выбирает товар или услугу в мобильном приложении и указывает способ оплаты банковской картой.
2. Затем продавец отправляет в платёжный шлюз запрос на регистрацию заказа, указывая URL-адрес, на который будет перенаправлен пользователь в случае успешного и неуспешного платежа.
3. Платёжный шлюз в ответе возвращает уникальный номер заказа и URL-адрес формы.
4. Продавец перенаправляет плательщику URL-адрес, указанный в ответе.
5. В браузере пользователя отображается форма для ввода данных банковской карты. Он заполняет форму и отправляет данные на сервер.
6. Платёжный шлюз списывает деньги со счёта пользователя.
7. Браузер запрашивает страницу с результатами оплаты у магазина.
8. Платёжный шлюз отображает статус оплаты, и продавец передаёт в браузер клиента страницу с результатами оплаты.
#best_practices
Новая реальность диктует свои правила. Основной проблемой, с которой столкнулись представители e-com и ритейла, является отладка приёма оплаты без привычных Apple и Google Pay. SberPay стал одним из способов обхода ограничений. Мы в Surf уже используем эту технологию на своих проектах и готовы поделиться экспертизой её технической реализации с вами.
Под капотом SberPay — платёжный виджет, который позволяет использовать приложение СберБанк Онлайн для оплаты. Все платежи проходят через Сбер API — механизм оплаты с использованием собственного платёжного шлюза Сбера. Схема взаимодействия элементов сервиса выглядит так:
Интернет-магазин ↔️ Шлюз ↔️ Банк
Платёжный шлюз — это посредник между банком и мобильным приложением. Продавец направляет на него запросы, а он, в свою очередь, обменивается данными с банком.
❓ Как внедрить
Для получения платежей с помощью Сбер API, нужно подключить эквайринг от СберБанка. То есть, настроить возможность принимать безналичную оплату. Её можно принимать разными способами, например:
выставить счёт на оплату (для этого нужно сформировать корзину товаров вручную или с помощью .csv файла);
предоставить статичную ссылку для оплаты;
создать ссылку на конкретную оплату с помощью генератора.
✔️ Кейс Surf
С настройкой платёжной системы Сбера мы в Surf столкнулись на проекте быстрой доставки еды. Называть его и подробно описывать мы не можем из-за условий конфиденциальности. Расскажем только механику.
1. Пользователь выбирает товар или услугу в мобильном приложении и указывает способ оплаты банковской картой.
2. Затем продавец отправляет в платёжный шлюз запрос на регистрацию заказа, указывая URL-адрес, на который будет перенаправлен пользователь в случае успешного и неуспешного платежа.
3. Платёжный шлюз в ответе возвращает уникальный номер заказа и URL-адрес формы.
4. Продавец перенаправляет плательщику URL-адрес, указанный в ответе.
5. В браузере пользователя отображается форма для ввода данных банковской карты. Он заполняет форму и отправляет данные на сервер.
6. Платёжный шлюз списывает деньги со счёта пользователя.
7. Браузер запрашивает страницу с результатами оплаты у магазина.
8. Платёжный шлюз отображает статус оплаты, и продавец передаёт в браузер клиента страницу с результатами оплаты.
#best_practices
📔 Как устроена Elementary
Недавно мы рассказывали вам о библиотеке Elementary на базе фреймворка Flutter, автором которой стал техлид отдела Flutter-разработки Surf Михаил Зотьев. Как же она устроена?
Библиотека предоставляет механизмы для написания приложения по правилам Clean Architecture с разделением модулей на блоки. Это архитектурный пакет для Flutter, который позволяет чётко разделить слои согласно ответственностям, сделать эти ответственности прозрачнее, а код проще для восприятия и тестирования.
Библиотека включает несколько основных модулей с чёткой структурой.
▪️ ElementaryModel включает всю работу с бизнес-логикой, которая требуется конкретному компоненту. Это значит, что все бизнесовые зависимости нужно поставить в модель и использовать их для достижения целей бизнес-логики именно в ней.
▪️ Сущность WidgetModel является адаптером состояния модели. Значит, ElementaryModel — это прямая зависимость WidgetModel, которая позволит получить связь с бизнес-логикой. Это единственная точка входа презентационной логики в бизнесовую.
▪️ ElementaryWidget является слоем представления. Во Flutter один из типов виджетов — компоновочные виджеты: например, Stateless и Stateful виджеты. Сами по себе они ничего не отображают, а лишь берут и, как конструктор, собирают отображение из других. Поэтому ElementaryWidget стал компоновочным и мы сделали для него собственную реализацию.
▪️ Element. Чтобы всё работало корректно, необходим механизм, который обеспечит связь всех слоёв. Element во Flutter нужен как раз для этого. Использовать Element напрямую разработчику не потребуется. Однако этот механизм настолько важен, что даже получил название, идентичное названию библиотеки, — Elementary.
В результате вместе с элементом устройство каждой связки выглядит примерно так:
#технологии
Недавно мы рассказывали вам о библиотеке Elementary на базе фреймворка Flutter, автором которой стал техлид отдела Flutter-разработки Surf Михаил Зотьев. Как же она устроена?
Библиотека предоставляет механизмы для написания приложения по правилам Clean Architecture с разделением модулей на блоки. Это архитектурный пакет для Flutter, который позволяет чётко разделить слои согласно ответственностям, сделать эти ответственности прозрачнее, а код проще для восприятия и тестирования.
Библиотека включает несколько основных модулей с чёткой структурой.
▪️ ElementaryModel включает всю работу с бизнес-логикой, которая требуется конкретному компоненту. Это значит, что все бизнесовые зависимости нужно поставить в модель и использовать их для достижения целей бизнес-логики именно в ней.
▪️ Сущность WidgetModel является адаптером состояния модели. Значит, ElementaryModel — это прямая зависимость WidgetModel, которая позволит получить связь с бизнес-логикой. Это единственная точка входа презентационной логики в бизнесовую.
▪️ ElementaryWidget является слоем представления. Во Flutter один из типов виджетов — компоновочные виджеты: например, Stateless и Stateful виджеты. Сами по себе они ничего не отображают, а лишь берут и, как конструктор, собирают отображение из других. Поэтому ElementaryWidget стал компоновочным и мы сделали для него собственную реализацию.
▪️ Element. Чтобы всё работало корректно, необходим механизм, который обеспечит связь всех слоёв. Element во Flutter нужен как раз для этого. Использовать Element напрямую разработчику не потребуется. Однако этот механизм настолько важен, что даже получил название, идентичное названию библиотеки, — Elementary.
В результате вместе с элементом устройство каждой связки выглядит примерно так:
#технологии
🤳 Как UX-Tips помогает оценить UX продукта
Привет, на связи команда дизайнеров Surf. Сегодня на основе свежего исследования расскажем об UX-Tips (User eXperience Technique for Interactive Products) — технике для оценки и анализа UX приложений.
В чём его преимущество: Большинство методов оценки UX не описывают проблему плохого UX, это требует проведения дополнительных исследований. UX-Tips же сосредоточен на приложениях и оценивает их конкретные характеристики: интерфейс, физические характеристики, обучение и простота использования и др. А это позволяет найти проблемы в UX.
Основная цель техники: оценить UX целиком, зафиксировать как проблемы в работе приложения, так и эмоции, которые они вызвали у пользователя. Техника связана с методами оценки с заполнением форм, которые могут быть использованы в интервью или UX-тестировании. А это значит, что оценивающий может описать возникшие сложности и с их помощью идентифицировать проблемы UX.
Кому будет полезна: поможет UX-исследователям и UX-дизайнерам улучшить приложения.
UX-Tips состоит из 13 UX-параметров. К ним относятся 29 вопросов для пользователей, которые можно использовать в исследованиях и в качестве критериев анализа интерфейса.
Параметры, которые оцениваются пользователями:
➖Эстетика. Оцениваются конкретные характеристики интерфейса, такие как макет экрана.
➖Эмоции. Пользователи оценивают свои эмоции от продукта: какие он вызывает и приятно ли им пользоваться.
➖Вовлечённость. Оценивает аспекты, которые заставляют пользователя вернуться к продукту — любопытство и интерес. Пробудил ли продукт желание использовать его снова или приобрести его?
➖Инновации. Если в продукте используются последние технологии или есть что-то, чего нет в аналогичных приложениях конкурентов, то его можно оценить инновационным.
➖Социальный. Оценивает взаимодействие пользователя с другими людьми через продукт. Используется ли продукт другими людьми и позволяет ли пользователю быть актуальным?
➖Физические характеристики. Оцениваются усилия, требуемые от пользователя при взаимодействии с продуктом. Также в оценку включены физические параметры приложения, например, размер экрана, макета, постера, видео.
➖Полезность. Оценка пользы продукта для пользователей. Выполняет ли приложение свои задачи?
➖Контроль. Чувствовал ли пользователь контроль над взаимодействием при работе с продуктом? Лучшим решением тут будет наличие элементов управления.
➖Обучение и простота использования. Оценивается созданы ли условия, чтобы пользователь мог изучить функциональность приложения при первом использовании?
➖Эффективность. Позволяет ли продукт пользователям быстро достигать целей?
➖Обратная связь. Проверяем, информирован ли пользователь о своих действиях или их последствиях. Например, загрузка компонента интерфейса без указания того, сколько осталось до завершения этого процесса, может негативно повлиять на UX.
➖Добавленная стоимость. Оценка того, воспринимаются ли задачи, которые может продукт решить, пользователем как важные и ценные.
➖Удовлетворённость. Оценивает насколько опыт взаимодействия с продуктом соответствует ожиданиям пользователя.
Авторы исследования отмечают, что метод на практике подтвердил свою эффективность: “Участники, использующие UX-Tips, допустили меньше ошибок и сообщили о большем количестве проблем в UX, чем использующие другой метод”.
Хотите реализовать проект с учётом самых актуальных методов оценки UX? Напишите нам и мы вам с удовольствием поможем. Подробнее об услуге читайте здесь.
Привет, на связи команда дизайнеров Surf. Сегодня на основе свежего исследования расскажем об UX-Tips (User eXperience Technique for Interactive Products) — технике для оценки и анализа UX приложений.
В чём его преимущество: Большинство методов оценки UX не описывают проблему плохого UX, это требует проведения дополнительных исследований. UX-Tips же сосредоточен на приложениях и оценивает их конкретные характеристики: интерфейс, физические характеристики, обучение и простота использования и др. А это позволяет найти проблемы в UX.
Основная цель техники: оценить UX целиком, зафиксировать как проблемы в работе приложения, так и эмоции, которые они вызвали у пользователя. Техника связана с методами оценки с заполнением форм, которые могут быть использованы в интервью или UX-тестировании. А это значит, что оценивающий может описать возникшие сложности и с их помощью идентифицировать проблемы UX.
Кому будет полезна: поможет UX-исследователям и UX-дизайнерам улучшить приложения.
UX-Tips состоит из 13 UX-параметров. К ним относятся 29 вопросов для пользователей, которые можно использовать в исследованиях и в качестве критериев анализа интерфейса.
Параметры, которые оцениваются пользователями:
➖Эстетика. Оцениваются конкретные характеристики интерфейса, такие как макет экрана.
➖Эмоции. Пользователи оценивают свои эмоции от продукта: какие он вызывает и приятно ли им пользоваться.
➖Вовлечённость. Оценивает аспекты, которые заставляют пользователя вернуться к продукту — любопытство и интерес. Пробудил ли продукт желание использовать его снова или приобрести его?
➖Инновации. Если в продукте используются последние технологии или есть что-то, чего нет в аналогичных приложениях конкурентов, то его можно оценить инновационным.
➖Социальный. Оценивает взаимодействие пользователя с другими людьми через продукт. Используется ли продукт другими людьми и позволяет ли пользователю быть актуальным?
➖Физические характеристики. Оцениваются усилия, требуемые от пользователя при взаимодействии с продуктом. Также в оценку включены физические параметры приложения, например, размер экрана, макета, постера, видео.
➖Полезность. Оценка пользы продукта для пользователей. Выполняет ли приложение свои задачи?
➖Контроль. Чувствовал ли пользователь контроль над взаимодействием при работе с продуктом? Лучшим решением тут будет наличие элементов управления.
➖Обучение и простота использования. Оценивается созданы ли условия, чтобы пользователь мог изучить функциональность приложения при первом использовании?
➖Эффективность. Позволяет ли продукт пользователям быстро достигать целей?
➖Обратная связь. Проверяем, информирован ли пользователь о своих действиях или их последствиях. Например, загрузка компонента интерфейса без указания того, сколько осталось до завершения этого процесса, может негативно повлиять на UX.
➖Добавленная стоимость. Оценка того, воспринимаются ли задачи, которые может продукт решить, пользователем как важные и ценные.
➖Удовлетворённость. Оценивает насколько опыт взаимодействия с продуктом соответствует ожиданиям пользователя.
Авторы исследования отмечают, что метод на практике подтвердил свою эффективность: “Участники, использующие UX-Tips, допустили меньше ошибок и сообщили о большем количестве проблем в UX, чем использующие другой метод”.
Хотите реализовать проект с учётом самых актуальных методов оценки UX? Напишите нам и мы вам с удовольствием поможем. Подробнее об услуге читайте здесь.
На прошлой неделе появилась информация о том, что в прошлом году крупнейшие российские банки потратили на цифровизацию 514 млрд рублей. При этом большая часть инвестиций приходится на цифровизацию бизнес-процессов и расширение цифровых каналов продаж, персонализацию банковских предложений, расширение портфеля услуг за счёт небанковских продуктов. Мы попросили коммерческого директора Surf Вадима Мазина рассказать, с какими запросами чаще всего приходят представители отрасли финтеха для разработки мобильных продуктов.
«Чаще всего текущие запросы клиентов-банков связаны с внедрением микросервисов, big data и контейнерных технологий. Чуть реже встречается запрос на внедрение искусственного интеллекта и machine learning. Также, в связи с удалением приложений из сторов, возрос спрос на оперативную разработку web-версий приложений».
«Чаще всего текущие запросы клиентов-банков связаны с внедрением микросервисов, big data и контейнерных технологий. Чуть реже встречается запрос на внедрение искусственного интеллекта и machine learning. Также, в связи с удалением приложений из сторов, возрос спрос на оперативную разработку web-версий приложений».
Telegram
Ассоциация ФинТех
💾В прошлом году крупнейшие российские банки потратили на цифровизацию 514 млрд рублей. Такие данные содержатся в отчете «ТМТ Консалтинг».
🤖В финансовых организациях инвестируют в цифровизацию бизнес-процессов развитие и расширение цифровых каналов продаж…
🤖В финансовых организациях инвестируют в цифровизацию бизнес-процессов развитие и расширение цифровых каналов продаж…
👗 Каким должно быть современное fashion-приложение
Мобильное приложение для fashion-ритейлера, как и любое приложение вообще, должно быть хорошим каналом продаж с долгосрочной стратегией монетизации. Но что не менее важно, оно должно отражать современные тренды рынка. Отчасти это залог высокой репутации — нельзя заявлять, что компания актуальная и современная, если её приложение выглядит как привет из нулевых.
Какие элементы помогут fashion-ритейлеру оставаться в тренде:
〰️ Персонализированные предложения. Искусственный интеллект собирает данные действий пользователя и вычисляет, что может понравиться покупателю, даже если он об этом ещё не думал.
〰️ Консультации стилиста. Чат-бот или живые профессионалы дают советы о том, что подходит конкретному клиенту.
〰️ Digital-коллекции. Бренд помогает покупателю придумать образ, «одевает» его в режиме онлайн. Пользователь публикует модный лук в соцсетях, о бренде узнают другие люди. Помимо денег, компания получает дополнительную рекламу.
〰️ Экономия. Подбор одежды на сезон, помощь в обмене одеждой, реставрация вещей за символическую плату: подобные услуги заставляют покупателя возвращаться к бренду, повышают лояльность.
〰️ Экологичность. Переработка вещей — услуга, которую охотно поддерживают покупатели. Чувство, что он становится частью мировой акции, стимулирует пользователя возвращаться к продукту.
〰️ Поддержка общения. Мнение других людей вызывает больше доверия, чем громкие слова бренда в рекламе. В этом помогают отзывы, лайки, комментарии, луки — инструменты, направленные на живое общение.
〰️ Простой интерфейс. Ни один элемент в приложении не должен вызывать вопрос «А как этим пользоваться?». Пользователь хочет за пять секунд узнать последние новости, за минуту выбрать товар и оформить заказ. Если всё это есть, другое приложение ему не нужно.
Мы в Surf уже 12 лет помогаем представителям фешн-сегмента становиться лидерами отрасли с помощью мобильных приложений. Узнать больше о наших успешных проектах или заказать нам разработку вашего приложения можно тут.
#best_practices
Мобильное приложение для fashion-ритейлера, как и любое приложение вообще, должно быть хорошим каналом продаж с долгосрочной стратегией монетизации. Но что не менее важно, оно должно отражать современные тренды рынка. Отчасти это залог высокой репутации — нельзя заявлять, что компания актуальная и современная, если её приложение выглядит как привет из нулевых.
Какие элементы помогут fashion-ритейлеру оставаться в тренде:
〰️ Персонализированные предложения. Искусственный интеллект собирает данные действий пользователя и вычисляет, что может понравиться покупателю, даже если он об этом ещё не думал.
〰️ Консультации стилиста. Чат-бот или живые профессионалы дают советы о том, что подходит конкретному клиенту.
〰️ Digital-коллекции. Бренд помогает покупателю придумать образ, «одевает» его в режиме онлайн. Пользователь публикует модный лук в соцсетях, о бренде узнают другие люди. Помимо денег, компания получает дополнительную рекламу.
〰️ Экономия. Подбор одежды на сезон, помощь в обмене одеждой, реставрация вещей за символическую плату: подобные услуги заставляют покупателя возвращаться к бренду, повышают лояльность.
〰️ Экологичность. Переработка вещей — услуга, которую охотно поддерживают покупатели. Чувство, что он становится частью мировой акции, стимулирует пользователя возвращаться к продукту.
〰️ Поддержка общения. Мнение других людей вызывает больше доверия, чем громкие слова бренда в рекламе. В этом помогают отзывы, лайки, комментарии, луки — инструменты, направленные на живое общение.
〰️ Простой интерфейс. Ни один элемент в приложении не должен вызывать вопрос «А как этим пользоваться?». Пользователь хочет за пять секунд узнать последние новости, за минуту выбрать товар и оформить заказ. Если всё это есть, другое приложение ему не нужно.
Мы в Surf уже 12 лет помогаем представителям фешн-сегмента становиться лидерами отрасли с помощью мобильных приложений. Узнать больше о наших успешных проектах или заказать нам разработку вашего приложения можно тут.
#best_practices
Surf
Разработка кастомного приложения для интернет-магазина
Мобильное приложение для интернет-магазина от команды Surf поможет достичь конверсии от 10% и увеличит частоту заказов в 3 раза с помощью оптимального UX/UI.
💵 Альтернативные платёжные сервисы для еком: Тинькофф
Продолжаем разбирать платежные сервисы на замену Apple и Google Pay. Ранее мы уже писали о СберПэй и ЮКассе.
Для совершения платежей у финтех-гиганта есть специальный инструмент — Тинькофф Касса. Для того чтобы начать ею пользоваться, нужно подключить их интернет-эквайринг.
Решение от Тинькофф позволяет оплачивать картами Visa и Mastercard российских банков и картами «Мир», сохранять реквизиты карты, настроить автоплатёж, а также оплачивать через СБП.
На последней возможности остановимся чуть подробнее. Как это работает:
1. При попытке пользователем оплатить через эту систему, SDK запрашивает нужные методы, отличные от оплаты онлайн, Apple Pay или Google Pay.
2. При оплате SDK сгенерирует специальный QR-код и отобразит панель с предложением выбрать для оплаты приложение, поддерживающее СБП.
3. Если такое приложение есть, то оно откроется по нажатию, а сумма оплаты отобразится автоматически. Если таких приложений нет, то откроется окно с переходом на сайт СБП с возможностью скачать приложение банка-участника.
❓Как внедрить
Интеграция платёжной системы с мобильным приложением осуществляется с помощью мобильного SDK. Это готовое решение от Тинькофф, которое нужно добавить в код.
При подключении эквайринга необходимо получить у банка:
логин и пароль для доступа в личный кабинет;
специальный идентификатор платёжного терминала продавца;
пароль для платёжного терминала продавца;
публичный ключ.
✔️Кейс Surf
Мы подключали мобильный SDK от Тинькофф в проект по доставке готовой еды. В качестве идентификатора пользователя мы использовали номер телефона. Реализовали следующие возможности:
- оплачивать картами Visa и Mastercard российских банков и картами «Мир»;
- оплачивать с помощью СБП;
- оплачивать с помощью карты онлайн;
- сохранять реквизиты карты;
- добавлять, удалять и выбирать из сохранённых банковские карты;
настроить автоплатёж.
Если вам нужно реализовать альтернативные платёжные сервисы в приложении, свяжитесь с нами и наши эксперты подберут лучшее решение.
#best_practices
Продолжаем разбирать платежные сервисы на замену Apple и Google Pay. Ранее мы уже писали о СберПэй и ЮКассе.
Для совершения платежей у финтех-гиганта есть специальный инструмент — Тинькофф Касса. Для того чтобы начать ею пользоваться, нужно подключить их интернет-эквайринг.
Решение от Тинькофф позволяет оплачивать картами Visa и Mastercard российских банков и картами «Мир», сохранять реквизиты карты, настроить автоплатёж, а также оплачивать через СБП.
На последней возможности остановимся чуть подробнее. Как это работает:
1. При попытке пользователем оплатить через эту систему, SDK запрашивает нужные методы, отличные от оплаты онлайн, Apple Pay или Google Pay.
2. При оплате SDK сгенерирует специальный QR-код и отобразит панель с предложением выбрать для оплаты приложение, поддерживающее СБП.
3. Если такое приложение есть, то оно откроется по нажатию, а сумма оплаты отобразится автоматически. Если таких приложений нет, то откроется окно с переходом на сайт СБП с возможностью скачать приложение банка-участника.
❓Как внедрить
Интеграция платёжной системы с мобильным приложением осуществляется с помощью мобильного SDK. Это готовое решение от Тинькофф, которое нужно добавить в код.
При подключении эквайринга необходимо получить у банка:
логин и пароль для доступа в личный кабинет;
специальный идентификатор платёжного терминала продавца;
пароль для платёжного терминала продавца;
публичный ключ.
✔️Кейс Surf
Мы подключали мобильный SDK от Тинькофф в проект по доставке готовой еды. В качестве идентификатора пользователя мы использовали номер телефона. Реализовали следующие возможности:
- оплачивать картами Visa и Mastercard российских банков и картами «Мир»;
- оплачивать с помощью СБП;
- оплачивать с помощью карты онлайн;
- сохранять реквизиты карты;
- добавлять, удалять и выбирать из сохранённых банковские карты;
настроить автоплатёж.
Если вам нужно реализовать альтернативные платёжные сервисы в приложении, свяжитесь с нами и наши эксперты подберут лучшее решение.
#best_practices
26 апреля у приложений в Google Play появился раздел безопасности, в котором пользователи могут узнать, что происходит с их данными. Google Play начал сообщать, какую информацию приложения собирают о пользователях.
Мы поговорили с Lead PM Surf Романом Давыдовым о том, как это нововведение повлияет на процесс разработки приложения и усложнит ли процесс его выкладки в сторы.
❔ Затронет ли изменение те приложения, которые уже выложены в сторы?
Изменения не повлияют на разработку приложений, поскольку нововведение касается уведомления пользователей о собираемых и передаваемых данных. То есть это дает некую прозрачность для пользователей. Юзер перед скачиванием приложения может ознакомиться с тем, какие данные будет собирать и куда может передавать приложение.
❔ Повлияет ли это на выкладку новых приложений в сторы?
Это усложнит процесс выкладки, потому что разработчикам требуется заполнять новую форму, перечисляя все сторонние библиотеки и список собираемых данных.
Для уже опубликованных приложений также потребуется внести эту информацию до 20 июля. Если разработчики этого не сделают, то, вероятно, приложение не пройдет ревью и не попадет в стор.
Отдельно стоит отметить, что появляется необходимость в постоянном обновлении этого раздела при появлении нового типа собираемых данных или новой библиотеки. В противном случае можно нарваться на реджект от Google Play.
#best_practices
Мы поговорили с Lead PM Surf Романом Давыдовым о том, как это нововведение повлияет на процесс разработки приложения и усложнит ли процесс его выкладки в сторы.
❔ Затронет ли изменение те приложения, которые уже выложены в сторы?
Изменения не повлияют на разработку приложений, поскольку нововведение касается уведомления пользователей о собираемых и передаваемых данных. То есть это дает некую прозрачность для пользователей. Юзер перед скачиванием приложения может ознакомиться с тем, какие данные будет собирать и куда может передавать приложение.
❔ Повлияет ли это на выкладку новых приложений в сторы?
Это усложнит процесс выкладки, потому что разработчикам требуется заполнять новую форму, перечисляя все сторонние библиотеки и список собираемых данных.
Для уже опубликованных приложений также потребуется внести эту информацию до 20 июля. Если разработчики этого не сделают, то, вероятно, приложение не пройдет ревью и не попадет в стор.
Отдельно стоит отметить, что появляется необходимость в постоянном обновлении этого раздела при появлении нового типа собираемых данных или новой библиотеки. В противном случае можно нарваться на реджект от Google Play.
#best_practices
🤳 Этапы CJM по шагам. Определяем концепцию приложения и анализируем аудиторию
Недавно мы рассказывали о том, как CJM помогает мобильному приложению. Сегодня поговорим о подготовке к составлению пути пользователя. Подготовка CJM включает несколько этапов:
1️⃣ Определяем концепцию приложения и анализируем аудиторию
2️⃣ Определяем путь пользователя
3️⃣ Составляем CJM
Остановимся подробнее на первом пункте. Так как мы строим CJM для мобильного приложения, точкой «ноль» в ней станет определение концепции этого приложения. Для чего вы его создаёте? Какие задачи оно будет решать? Какие у него будут преимущества? Чем ваше приложение будет отличаться от конкурентов? Пример концепции приложения для просмотра фильмов, сериалов и ТВ показан на изображении к посту. Ещё один важный вопрос — почему люди придут в ваше приложение. Для этого следует проанализировать свою аудиторию, выделить её потребности и особенности поведения.
Сегментируем аудиторию, чтобы понять, какие группы пользователей у вас есть. Разбиваем всю аудиторию по АВСDX-сегментам.
Выявляем потребности пользователей. Для этого мы работаем с сотрудниками компании, которые взаимодействуют с пользователями напрямую. Анализируем каждый сегмент, выявляем закономерности и особенности.
✔️ Кейс Surf. Во время работы над CJM для магазина мужской одежды Henderson мы выявили новый сегмент аудитории: женщины часто покупают мужские костюмы по просьбе мужа или сына или в подарок. Как правило, они приходят с конкретными мерками, а это означает, что в приложении им нужна точная информация о замерах каждого костюма.
Собираем аналитику. Используем разные источники информации о поведении пользователей. Если у вас уже запущен интернет-магазин в веб-версии, можно собрать аналитику с сайта. Если у вас уже есть мобильное приложение, можно применять App Metrika, Localytics, Flurry, Google Analytics, Яндекс.Метрика, Roistat. Для нового продукта такой аналитики не будет.
Важно определить, как пользователь доходит до aha-момента и становится лояльным клиентом. Для сбора такой информации можно пользоваться аналитическими системами — Localytics, Amplitude, Flurry. Они помогут выявить, где в приложении пользователи чаще всего уходят, не доведя действие до конца, а чем пользуются регулярно. Чтобы определить это для нового проекта, используются гипотезы, бета-тесты и анализ конкурентов.
Больше узнать о том, как мы в Surf проводим CJM, и заказать услугу можно тут.
#best_practices
Недавно мы рассказывали о том, как CJM помогает мобильному приложению. Сегодня поговорим о подготовке к составлению пути пользователя. Подготовка CJM включает несколько этапов:
1️⃣ Определяем концепцию приложения и анализируем аудиторию
2️⃣ Определяем путь пользователя
3️⃣ Составляем CJM
Остановимся подробнее на первом пункте. Так как мы строим CJM для мобильного приложения, точкой «ноль» в ней станет определение концепции этого приложения. Для чего вы его создаёте? Какие задачи оно будет решать? Какие у него будут преимущества? Чем ваше приложение будет отличаться от конкурентов? Пример концепции приложения для просмотра фильмов, сериалов и ТВ показан на изображении к посту. Ещё один важный вопрос — почему люди придут в ваше приложение. Для этого следует проанализировать свою аудиторию, выделить её потребности и особенности поведения.
Сегментируем аудиторию, чтобы понять, какие группы пользователей у вас есть. Разбиваем всю аудиторию по АВСDX-сегментам.
Выявляем потребности пользователей. Для этого мы работаем с сотрудниками компании, которые взаимодействуют с пользователями напрямую. Анализируем каждый сегмент, выявляем закономерности и особенности.
✔️ Кейс Surf. Во время работы над CJM для магазина мужской одежды Henderson мы выявили новый сегмент аудитории: женщины часто покупают мужские костюмы по просьбе мужа или сына или в подарок. Как правило, они приходят с конкретными мерками, а это означает, что в приложении им нужна точная информация о замерах каждого костюма.
Собираем аналитику. Используем разные источники информации о поведении пользователей. Если у вас уже запущен интернет-магазин в веб-версии, можно собрать аналитику с сайта. Если у вас уже есть мобильное приложение, можно применять App Metrika, Localytics, Flurry, Google Analytics, Яндекс.Метрика, Roistat. Для нового продукта такой аналитики не будет.
Важно определить, как пользователь доходит до aha-момента и становится лояльным клиентом. Для сбора такой информации можно пользоваться аналитическими системами — Localytics, Amplitude, Flurry. Они помогут выявить, где в приложении пользователи чаще всего уходят, не доведя действие до конца, а чем пользуются регулярно. Чтобы определить это для нового проекта, используются гипотезы, бета-тесты и анализ конкурентов.
Больше узнать о том, как мы в Surf проводим CJM, и заказать услугу можно тут.
#best_practices
🏦 Кейсы банков, выбравших путь нишевания
Нишевание — одна из действенных стратегий на рынке. Об основных способах нишевания мы уже писали тут. Есть банки, которые уже идут по этому пути и подтверждают этот тезис на своём примере. Рассмотрим их кейсы.
Шведский банк Klarna интегрировал в своё приложение самые популярные онлайн-магазины и сконцентрировался на поддержке платежей во время онлайн-покупок. Банк выстроил свой подход, детально проанализировав европейский тип потребления. Он означает, что человек заходит в приложение с конкретной целью и идёт к ней кратчайшим путём: в этом случае удобно структурировать функции по смыслу или частоте применения.
Европейский цифровой банк Zelf закрывает финансовые потребности детей и подростков. У Zelf нет отделений и мобильного приложения, все операции выполняются в популярных мессенджерах: Facebook Messenger, WhatsApp, Telegram, Viber и WeChat. Банк создал и развивает сервис для одной из самых малоохваченных аудиторий — детей и подростков.
Pleo — датский сервис учёта расходов предоставляет услуги в сфере B2B. Полностью берёт под контроль промежуточные и итоговые отчёты сотрудников компаний. Сотрудникам выдают специальную смарт-карту, которой они оплачивают все свои накладные расходы: обеды, транспорт до работы, командировочные перелёты. У этой ниши есть риск: достаточно узкая аудитория и ограниченный набор функций. Чтобы такой сервис эффективно работал, нужна партнёрская сеть с компаниями по предоставлению услуг.
Хайс — российский банк для ИП сосредоточились на обслуживании индивидуальных предпринимателей. Как правило, раньше они обслуживались в банках для малого и среднего бизнеса, но пользовались только несколькими ходовыми опциями. Банк создал лаконичное приложение, отказавшись от невостребованных услуг. Зато добавил удобные инструменты для расчёта налогов, открытия счёта и вывода средств с ИП на личную карту.
Банк SBI развивает семейный банкинг. Surf помог SBI сделать приложение «Свой круг», удобное для всех членов семьи. В приложении можно вести совместный семейный бюджет, открыть новый счёт или вклад, оплатить услуги ЖКХ, мобильной связи или интернет. Для детей доступна копилка и счёт с карманными деньгами.
Банк Точка создал готовую инфраструктуру для юридических лиц. Этот концепт и вынесли в лозунг: «Точка — банк для предпринимателей и предприятий». Предлагает инструменты для интернет-продвижения, торговли на маркетплейсах, онлайн-бухгалтерии и госзакупок.
#best_practices
Нишевание — одна из действенных стратегий на рынке. Об основных способах нишевания мы уже писали тут. Есть банки, которые уже идут по этому пути и подтверждают этот тезис на своём примере. Рассмотрим их кейсы.
Шведский банк Klarna интегрировал в своё приложение самые популярные онлайн-магазины и сконцентрировался на поддержке платежей во время онлайн-покупок. Банк выстроил свой подход, детально проанализировав европейский тип потребления. Он означает, что человек заходит в приложение с конкретной целью и идёт к ней кратчайшим путём: в этом случае удобно структурировать функции по смыслу или частоте применения.
Европейский цифровой банк Zelf закрывает финансовые потребности детей и подростков. У Zelf нет отделений и мобильного приложения, все операции выполняются в популярных мессенджерах: Facebook Messenger, WhatsApp, Telegram, Viber и WeChat. Банк создал и развивает сервис для одной из самых малоохваченных аудиторий — детей и подростков.
Pleo — датский сервис учёта расходов предоставляет услуги в сфере B2B. Полностью берёт под контроль промежуточные и итоговые отчёты сотрудников компаний. Сотрудникам выдают специальную смарт-карту, которой они оплачивают все свои накладные расходы: обеды, транспорт до работы, командировочные перелёты. У этой ниши есть риск: достаточно узкая аудитория и ограниченный набор функций. Чтобы такой сервис эффективно работал, нужна партнёрская сеть с компаниями по предоставлению услуг.
Хайс — российский банк для ИП сосредоточились на обслуживании индивидуальных предпринимателей. Как правило, раньше они обслуживались в банках для малого и среднего бизнеса, но пользовались только несколькими ходовыми опциями. Банк создал лаконичное приложение, отказавшись от невостребованных услуг. Зато добавил удобные инструменты для расчёта налогов, открытия счёта и вывода средств с ИП на личную карту.
Банк SBI развивает семейный банкинг. Surf помог SBI сделать приложение «Свой круг», удобное для всех членов семьи. В приложении можно вести совместный семейный бюджет, открыть новый счёт или вклад, оплатить услуги ЖКХ, мобильной связи или интернет. Для детей доступна копилка и счёт с карманными деньгами.
Банк Точка создал готовую инфраструктуру для юридических лиц. Этот концепт и вынесли в лозунг: «Точка — банк для предпринимателей и предприятий». Предлагает инструменты для интернет-продвижения, торговли на маркетплейсах, онлайн-бухгалтерии и госзакупок.
#best_practices
🔝 Исследование рынка и пользователей. Первичное тестирование идеи продукта
Недавно мы в Surf запустили новое направление Design + Product Lab. Расскажем об одной из услуг продуктовой команды — исследовании рынка и пользователей и первичном тестировании продукта.
❔ Что делаем
▪️ Верифицируем бизнес-идею продукта и формируем его детальное видение.
▪️ Исследуем потребности аудитории, строим путь пользователя в продукте.
▪️ Определяем базовые функции продукта, версионность запуска и план развития.
▪️ Создаём графическую и функциональную концепцию mvp версии продукта
❔ Зачем это нужно
Этап помогает понять, что, для кого и зачем мы собираемся делать. Мы обосновываем идею продукта и необходимую ему функциональность. Ещё до старта разработки вы поймёте потребности аудитории и ответите на них нужными функциями в продукте/сервисе. На этом этапе используются co-creation практики (совместное создание). Мы работаем с клиентом как одна команда, объединяем компетенции, вырабатываем единую логику принятия решений и формируем общее видение продукта. Такой подход позволяет предвидеть проблемы проектирования и разработки на этапе создания mvp продукта и избежать их.
❔ Кому и когда нужна услуга
✔️ Вам нужна помощь в поиске и тестировании бизнес идеи. Вы ищите новые возможности бизнеса и хотите создать новый продукт или сервис.
✔️У вас есть идея, и вы хотите создать продукт. Знаете ,чего хотите, нужна верификация функций продукта и его реализация.
✔️Вы хотите улучшить текущий продукт. Хотите найти проблемные места в нём и исправить их.
✔️ Вы хотите ускорить развитие продукта. Ищите команду экспертов, с которой сделаете это.
Среди клиентов, которые воспользовались услугой, такие бренды, как MARS, РИВ ГОШ, Триколор, Henderson и многие другие под NDA. Узнать стоимость услуг, изучить кейсы и или связаться с нами можно тут.
#услуги
Недавно мы в Surf запустили новое направление Design + Product Lab. Расскажем об одной из услуг продуктовой команды — исследовании рынка и пользователей и первичном тестировании продукта.
❔ Что делаем
▪️ Верифицируем бизнес-идею продукта и формируем его детальное видение.
▪️ Исследуем потребности аудитории, строим путь пользователя в продукте.
▪️ Определяем базовые функции продукта, версионность запуска и план развития.
▪️ Создаём графическую и функциональную концепцию mvp версии продукта
❔ Зачем это нужно
Этап помогает понять, что, для кого и зачем мы собираемся делать. Мы обосновываем идею продукта и необходимую ему функциональность. Ещё до старта разработки вы поймёте потребности аудитории и ответите на них нужными функциями в продукте/сервисе. На этом этапе используются co-creation практики (совместное создание). Мы работаем с клиентом как одна команда, объединяем компетенции, вырабатываем единую логику принятия решений и формируем общее видение продукта. Такой подход позволяет предвидеть проблемы проектирования и разработки на этапе создания mvp продукта и избежать их.
❔ Кому и когда нужна услуга
✔️ Вам нужна помощь в поиске и тестировании бизнес идеи. Вы ищите новые возможности бизнеса и хотите создать новый продукт или сервис.
✔️У вас есть идея, и вы хотите создать продукт. Знаете ,чего хотите, нужна верификация функций продукта и его реализация.
✔️Вы хотите улучшить текущий продукт. Хотите найти проблемные места в нём и исправить их.
✔️ Вы хотите ускорить развитие продукта. Ищите команду экспертов, с которой сделаете это.
Среди клиентов, которые воспользовались услугой, такие бренды, как MARS, РИВ ГОШ, Триколор, Henderson и многие другие под NDA. Узнать стоимость услуг, изучить кейсы и или связаться с нами можно тут.
#услуги
Что такое эйджтех 👵🏻
Согласно прогнозам ООН, к 2050 году число людей в возрасте 65 лет и старше увеличится более чем вдвое. Постепенно в категорию «пенсионеров» переходят люди, которые уже не мыслят свою жизнь без смартфона и мобильных сервисов. При этом у них несколько меняются потребности и часто появляются некоторые ограничения, связанные со здоровьем — например, ухудшается зрение. С ростом этого сегмента аудитории растёт и потребность в адаптированных под них мобильных приложениях.
❓ Что такое эйджтех. Эйджтех (agetech) подразумевает отдельные цифровые предложения, адаптированные для возрастной категории 60+.
Объем рынка. Текущий суммарный объем рынка для этого сегмента оценивается в $700-$800 млрд. Ожидания на 2025 год — $2300-$3000 млрд. Международный независимый институт анализа инвестиционной политики прогнозирует рост рынка эйджтех.
Нужен ли отдельный сегмент решений для старшего поколения? Тут нет единого решения. С одной стороны — это огромный пласт платёжеспособной аудитории. С другой, есть сопротивление со стороны пользователей: многие не хотят покупать «услуги для пожилых», они продолжают быть активными членами общества, но со своими специфическими запросами и требованиями.
Наше мнение. Мы считаем, что стоит учитывать определённые особенности возрастной аудитории в UI/UX среде. Потребность в новом подходе к UI/UX обусловлена объективными обстоятельствами — снижение резкости зрения и зависимость от привычных паттернов являются спутниками людей в возрасте. Подробней об этом расскажем в следующих постах. Немаловажный фактор — и корректное позиционирование эйджтех-решений. Навешивание ярлыка «для пожилых», «для пенсионеров» может оттолкнуть от решения.
#best_practices
Согласно прогнозам ООН, к 2050 году число людей в возрасте 65 лет и старше увеличится более чем вдвое. Постепенно в категорию «пенсионеров» переходят люди, которые уже не мыслят свою жизнь без смартфона и мобильных сервисов. При этом у них несколько меняются потребности и часто появляются некоторые ограничения, связанные со здоровьем — например, ухудшается зрение. С ростом этого сегмента аудитории растёт и потребность в адаптированных под них мобильных приложениях.
❓ Что такое эйджтех. Эйджтех (agetech) подразумевает отдельные цифровые предложения, адаптированные для возрастной категории 60+.
Объем рынка. Текущий суммарный объем рынка для этого сегмента оценивается в $700-$800 млрд. Ожидания на 2025 год — $2300-$3000 млрд. Международный независимый институт анализа инвестиционной политики прогнозирует рост рынка эйджтех.
Нужен ли отдельный сегмент решений для старшего поколения? Тут нет единого решения. С одной стороны — это огромный пласт платёжеспособной аудитории. С другой, есть сопротивление со стороны пользователей: многие не хотят покупать «услуги для пожилых», они продолжают быть активными членами общества, но со своими специфическими запросами и требованиями.
Наше мнение. Мы считаем, что стоит учитывать определённые особенности возрастной аудитории в UI/UX среде. Потребность в новом подходе к UI/UX обусловлена объективными обстоятельствами — снижение резкости зрения и зависимость от привычных паттернов являются спутниками людей в возрасте. Подробней об этом расскажем в следующих постах. Немаловажный фактор — и корректное позиционирование эйджтех-решений. Навешивание ярлыка «для пожилых», «для пенсионеров» может оттолкнуть от решения.
#best_practices
🤳 Этапы CJM по шагам. Определяем путь пользователя
В прошлом посте о CJM мы рассказали о первом этапе работы. Сегодня расскажем, как определить путь пользователя. На этом этапе требуется понять, какие шаги проходит пользователь от момента выбора бренда до оплаты покупки в приложении. Шаги могут отличаться для разных сегментов аудитории.
Пройдя путь пользователя шаг за шагом, вы сможете найти основные барьеры и aha moments. Поняв барьеры, вы сможете улучшить приложение и сделать его удобней.
💡 Aha-моменты — это точки роста вашего приложения, они помогают превратить пользователя в постоянного клиента.
Важно учесть. Опыт пользователя по взаимодействию с брендом начинается ещё до приложения. Особенно важны точки, в которых пользователь переходит из офлайна в приложение и обратно, потому что именно в таких «стыках» часто возникают ошибки.
Пример. Пользователь успешно сделал заказ через ваше мобильное приложение. Заказ доставили в срок и передали в пункт выдачи. А уведомление о доставке или пин-код для его получения пользователю не пришли. В итоге, несмотря на позитивный опыт взаимодействия с брендом через приложение, пользователь недоволен и может больше не вернуться.
Хотите заказать услугу составления CJM? Оформить заявку и узнать подробнее можно здесь.
#best_practices
В прошлом посте о CJM мы рассказали о первом этапе работы. Сегодня расскажем, как определить путь пользователя. На этом этапе требуется понять, какие шаги проходит пользователь от момента выбора бренда до оплаты покупки в приложении. Шаги могут отличаться для разных сегментов аудитории.
Пройдя путь пользователя шаг за шагом, вы сможете найти основные барьеры и aha moments. Поняв барьеры, вы сможете улучшить приложение и сделать его удобней.
💡 Aha-моменты — это точки роста вашего приложения, они помогают превратить пользователя в постоянного клиента.
Важно учесть. Опыт пользователя по взаимодействию с брендом начинается ещё до приложения. Особенно важны точки, в которых пользователь переходит из офлайна в приложение и обратно, потому что именно в таких «стыках» часто возникают ошибки.
Пример. Пользователь успешно сделал заказ через ваше мобильное приложение. Заказ доставили в срок и передали в пункт выдачи. А уведомление о доставке или пин-код для его получения пользователю не пришли. В итоге, несмотря на позитивный опыт взаимодействия с брендом через приложение, пользователь недоволен и может больше не вернуться.
Хотите заказать услугу составления CJM? Оформить заявку и узнать подробнее можно здесь.
#best_practices
