Як ми зробили багатоплатформовий чат-бот: проблеми інтерфейсу

1. Бачу ціль не бачу перешкод
2. Взаємодія з користувачем
3. оформлення повідомлень
4. Збір статистики та оцінка юзабіліті

Нещодавно ми розробляли готового чат-бота для інтернет-магазинів. Завдання - зробити зручного бота для замовлення товарів, якого можна легко інтегрувати з будь-яким каталогом.

Коли ми зробили Telegram-бота, зрозуміли, що неможливо за допомогою Telegram охопити більшу аудиторію. Виникло питання платформ. Ми вибрали ще три популярних месенджера в рунеті. Погляньте на число користувачів кожної платформи:

Аудиторія Telegram становить 100 мільйонів користувачів (лютий 2016 з статистикою Telegram).

Ці цифри переконали нас, що портирование бота на інші платформи - правильний шлях. Адже не всі користуються Telegram, «ВКонтакте» з недавніх пір заборонили в Україні, хтось ще не встановив Viber, а про Facebook Messenger навіть не чув.

Бачу ціль не бачу перешкод

Якщо мова про створення бота для кожного месенджера окремо, то розробка займає 2-3 дні. Але термін збільшується, якщо потрібно перенести функції на інші платформи. Головною складністю стала адаптація дизайну без шкоди для функціональності. Було потрібно зберегти загальний тон відповідей і при цьому по максимуму задіяти можливості кожної платформи. Цим аспектам ми і присвятили найбільше зусиль.

Взаємодія з користувачем

У звичайних інтернет-магазинах клієнт переходить по розділах за допомогою посилань в інтерфейсі. Навігацію по розділах нашого чат-магазину ми вирішили зробити за допомогою кнопок, які деякі месенджери дозволяють додавати в діалоги. Ми скоротили кількість розділів до мінімуму, залишивши тільки основні: «Меню», «Кошик», «Оформити замовлення» і «Допомога». Але через технічні обмежень підхід для кожного з ботів був різним. У Telegram і Viber ми могли легко створювати складні вкладені меню. Це дозволяло вмістити на екран 5-6 кнопок, які ділили розділи на підрозділи, а ті, в свою чергу, на групи товарів.

Привітання від бота в Telegram і Viber

Facebook дозволяв нам відображати тільки три кнопки на екрані одночасно. Через це довелося підлаштовувати інтерфейс і видозмінювати структуру відповідей.

Привітання від бота в Facebook Messenger

Але «ВКонтакте" не передбачає кнопок в принципі. Через це всі команди клієнту доводиться прописувати самостійно. Щоб компенсувати незручності, ми додали скорочені версії команд і зробили введення регістронезавісімого.

Привітання від бота у «ВКонтакте»

оформлення повідомлень

Інтернет-магазин передбачає не тільки ієрархію товарів, але і їх оформлення. Картки в звичайних магазинах мають категорії, торгові пропозиції, опис, галерею зображень і інші елементи оформлення. До того ж, опис може бути таким, яким ви побажаєте: з необмеженим обсягом в символах, форматуванням і лінковкою.

У випадку з мессенджерами ми обмежені в розмірі повідомлення. Більш того, у кожного з чатів свій ліміт на кількість символів. Через це нам довелося форматувати контент для кожного напрямку. Адже в одному месенджері вміщувалося більше інформації, а в іншому доводилося обрізати опис товару до допустимого розміру.

Оформлення картки товару в Telegram, Facebook Messenger і Viber

Перевагою «ВКонтакте» є вбудований інтернет-магазин, де можна створювати окремі картки товарів, вставляти кілька картинок, опис та списки характеристик.

Оформлення картки товару в боті для «ВКонтакте»

Збір статистики та оцінка юзабіліті

Для заповнення каталогу товарів і моніторингу відвідуваності чатів-магазинів на всіх платформах відразу, ми створили об'єднану панель адміністрування.

Після завершення етапу розробки, ми почали альфа-тестування. Людина повинна була спробувати кожен з месенджерів, оцінити зовнішній вигляд, функції і швидкість, з якою він дійшов до оформлення замовлення.

Найпопулярнішим виявився бот в Telegram, за ним послідував «ВКонтакте», а замкнули четвірку з мінімальним відривом один від одного Viber і Facebook Messenger.

Ми опитували російськомовну аудиторію, але плануємо експансію і на Захід.

Читати по темі:

Думка редакції може не збігатися з думкою автора. Ваші статті надсилайте нам на [email protected] . А наші вимоги до них - ось тут .