UX-прототип панелі користувача для сервісу SMS-Fly

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

Про клієнта

SMS Fly надає послугу масової розсилки SMS на українському ринку з 2011 року. Компанія є офіційним партнером мобільних операторів. SMS-Fly — «чесний» сервіс розсилки повідомлень. За його допомогою можна керувати текстовою комунікацією з панелі користувача, де можна налаштувати індивідуальні чи масові SMS-кампанії, імпортувати та групувати контакти, збирати статистику й поповнювати рахунок. Крім того, завдяки API можна інтегруватися з іншими зовнішніми системами.

SMS-Fly — типовий стартап, що виріс у успішну компанію, почавши з масової розсилки для вузького кола друзів і дійшовши до загальнонаціонального масштабу!

Цілі проєкту

Інтерфейс SMS-Fly був створений з нуля невеликою командою розробників, оминувши етап проєктування. Це була свого роду «імпровізація». Функціонал системи розширювався, і врешті-решт вона стала захаращеною складними й заплутаними процесами. Клієнт зрозумів, що потік користувацького досвіду потребує покращення, і звернувся до рішення Evergreen.

Головним завданням було зробити систему більш зручною для користувача. Перше, що потрібно було зробити, — створити повністю новий UI/UX дизайн: більш інтуїтивний, зрозумілий і простий у використанні.

Невелика примітка* — UI/UX дизайн — це процес створення користувацьких інтерфейсів, де зручність використання настільки ж важлива, як і зовнішній вигляд інтерфейсу.

Тепер порівняємо «до» і «після». На зображенні нижче можна побачити інтерфейс панелі користувача до впровадження будь-яких змін:

Рішення Evergreen

Перед проєктуванням UX-прототипу ми проаналізували а) поточну систему SMS-Fly, б) конкурентів і в) цільову аудиторію. Фокус був на управлінні та скороченні часу створення масових розсилок.

Ми обрали 8 сервісів масової розсилки SMS серед конкурентів, доступних як на українському ринку, так і за кордоном. Далі ми зареєструвалися в кожному сервісі, вивчили його та визначили сильні й слабкі сторони кожної системи.

Разом з клієнтом ми створили профіль Buyer Persona для кожної цільової групи. Крім того, для кожної персони ми визначили найважливіші функції панелі користувача, завдання та больові точки, які потрібно вирішити.

Приватний клієнт
CEO малого бізнесу
Маркетинг-менеджер середнього бізнесу
Керівник відділу великого бізнесу

Спрощення інформаційної архітектури

Перше, що ми зробили, — просто спростили інформаційну архітектуру. У попередній версії панель і структура були перевантажені. Для виконання завдання користувачу доводилося перестрибувати зі сторінки на сторінку. Врешті-решт, щоб запустити масову розсилку, користувач мав пройти складну й тривалу процедуру. Тут ми виявили точки для оптимізації — об'єднати кілька сторінок в одну, зробити заголовки чіткішими.

Прототип головної сторінки панелі користувача

На головній сторінці ми розробили «Майстер створення першої масової SMS-розсилки». Цей інструмент дозволяє побудувати процес створення текстового повідомлення. Після виконання кожного із зазначених завдань система повертає користувача на головну сторінку, де він бачить прогрес виконання.

Статистика показує, що багато користувачів хочуть перевірити швидкість і безпеку процесу надсилання повідомлень.

Для цього етапу ми розмістили форму надсилання одного текстового повідомлення внизу сторінки.

Ця функція гарантує, що користувач буде задоволений системою під час першої взаємодії з нею.

Сторінка створення SMS

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

Тепер, об'єднавши кілька сторінок в одну, ми нарешті отримали акуратну й вичерпну панель користувача.

Інші сторінки

Загалом ми створили понад 40 сторінок інтерфейсу (включно з панеллю користувача та сайтом).

Етап розробки

У результаті ми створили детальний прототип, у якому можна клікати елементи, бачити й розуміти, як вони працюють. Прототип повністю відтворює робочу систему.

Крім того, ми підготували повні користувацькі сценарії (user stories) для розробників, де були описані всі можливі дії користувача та те, як система реагуватиме на взаємодію з елементами.