Как отправить пользователям брендированное SMS с помощью Twilio MMS и Illustrator

Бывало ли у вас такое, что все ваши остроумные шутки остаются незамеченными, а случайная, непродуманная фраза вызывает взрыв смеха? Как сказал Луи Си Кей: «Простая правда всегда побеждает остроумие». Я вспомнил об этом несколько недель назад, когда показывал коллегам демо-версию SMS-сервиса, отправляющего сообщение пользователю после ввода номера телефона. Я надеялся, что демо их заинтересует, но оказалось, что их больше привлекло само сообщение с логотипом Twilio. Мой друг Мэтт Макай в шутку спросил: «Это что, брендированное SMS?» — так и родилась идея «брендированных SMS».

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

Чтобы отправить себе брендированное SMS с текстом «hello», напишите на номер:

# (979)272-6399

Довольно просто, правда? Единственное, что нужно добавить в код сервера, — это четыре строки для отправки MMS. Самая сложная часть — создать изображение, похожее на брендированное SMS, так что начнем с этого.

Первый шаг — создать изображение, которое будет выглядеть как SMS на разных устройствах. Когда я начал работать над этим, столкнулся с несколькими трудностями. Во-первых, нужно было понять, как эти изображения будут отображаться на разных устройствах. К сожалению, пришлось действовать методом проб и ошибок, так как я не нашел руководства для разработчиков, четко объясняющего, как MMS отображаются на разных устройствах. Я одалживал телефоны у друзей, отправлял MMS и корректировал результат. Итог не идеален, но выглядит убедительно для обычного пользователя.

Следующая проблема — как определить, какое изображение отправлять? Иными словами, как узнать, что пользователь iPhone получит брендированное SMS в стиле iOS? Есть несколько подходов к решению этой задачи. В идеале пользователь должен зайти на ваш сайт или в приложение с мобильного устройства до отправки брендированного SMS. В этом случае можно определить устройство разными способами в зависимости от того, используется веб-версия или нативное приложение. В своем демо я пошел менее элегантным путем и просто спросил у пользователя. Если у вас есть креативное решение этой проблемы — поделитесь со мной в Twitter.

К счастью, результаты моей работы доступны вам, чтобы не начинать с нуля. Чтобы помочь вам начать, я подготовил несколько шаблонов с стилями SMS для iOS, Android и Windows.

Шаблоны: Illustrator, EPS, PDF (скачать сейчас)

После создания изображения экспортируйте его в формате JPG или PNG. Теперь осталось разместить изображение по публичному URL (Dropbox, Amazon S3 и т. д.), и вы готовы отправить первое брендированное SMS.

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

В моем демо я написал серверный код на Ruby/Sinatra. Преимущество Sinatra в том, что можно написать один небольшой файл и развернуть его на Heroku. Вот фрагмент кода, отправляющий MMS:

И вот так вы отправляете стильное брендированное SMS.

Возможно, создание брендированных SMS в Twilio было случайностью, но с вашей помощью эта идея может превратиться в целое движение. Что, если создать SMS с кастомными эмодзи? Или использовать возможность отправки анимированных GIF через Twilio, чтобы создавать меняющиеся сообщения? Потенциал взлома интерфейса SMS впечатляет, и я с нетерпением жду, что вы придумаете.

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