Yodel

Мобильный менеджер задач для управления процессами в заведениях быстрого обслуживания

Business

Productivity

UI/UX Design

Mobile

iOS

Admin Panel

Charts

Maps

Notifications

Firebase

Посмотреть вживую

Скоро будет

Задача

Менеджер отправляет сотрудникам предложение с работой, получает согласия или отказы и высылает подходящему соискателю приглашение. Сотрудники закреплены за конкретной локацией. Менеджер или администратор создаёт рабочую смену — период времени для выполнения работы.

Предыстория

Клиент имеет многолетний опыт в сфере быстрого обслуживания. За 16 лет его предприятие выросло, а вместе с ним выросла и загрузка менеджеров и персонала. Новые условия требовали упростить управление и повысить производительность труда.

Среди существующих систем для управления проектами клиенту нравится приложение Asana — за его UI/UX. Однако Asana подходит для уже сформированной команды, поэтому не решает задач клиента. В итоге клиент не нашёл достойного приложения среди готовых и понял, что нужно делать своё.

«Однажды один из менеджеров позвонил мне на грани срыва. Он был занят весь день и не было никого, кто мог бы ему помочь. Менеджер потратил два часа, добавляя задачи и планируя работу на завтра, хотя рабочий день уже закончился. Такие проблемы требуют лучшего решения»

Саймон Харрис

CEO Yodel

Проектирование

Yodel сделан с нуля. В этих условиях разработка компанией Лайв Тайпинг любого продукта не проходит без предварительной работы проектного менеджера, аналитика и дизайнера

Спецификация

Мы определили: ключевые понятия; типы пользователей (суперадмин, админ, менеджер, работник); типы приложений (мобильное приложение, административная панель — для суперадмина и админа); действия и ограничения по действиям; структуру объектов в приложении

Пользовательский сценарий

Позволил избавить приложение от лишних действий и противоречивых ситуаций. Например, мы отказались давать возможность откликаться на работу, если уже есть подтверждённая работа в такое же время. Также убрали функцию отказа от работы — если работник не оставляет заявку

Узнать больше о проектировании

Логическая схема

Логическая схема показала, что основным элементом приложения являются рабочие задачи. Для удобного отображения и понимания стадии выполнения задачи решили ввести следующие состояния:

Прототипирование

На этой стадии были проработаны все детали и устранены оставшиеся неточности

Веб прототип

Начали с web-прототипа и по ходу несколько раз меняли логику приложения

Посмотреть прототип

iOS прототип

На этапе iOS прототипирования, были разработаны прототипы для обычного работника и менеджера

Прототип менеджерыПрототип работника

Дизайн

Этап дизайна удачно совпал с выходом iOS 10 beta. Мы изучили новые версии стандартных iOS-приложений и подсмотрели у них некоторые решения

Кнопка подтверждения действия

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

Лоадеры

Есть только в тех местах, с которыми взаимодействует пользователь, экран редактирования профиля, экран добавления навыка

Добавление навыков

Логика аналогична приглашениям
в стандартном iOS календаре

Анимации

Кнопку «добавить» хочется нажимать снова и снова: Анимации сделаны с помощью QuartzCore framework и класса CAAnimation

Системные алерты

Мы отказались от стандартных алертов и сделали их в виде «всплывающих подсказок»

Результатом этапа дизайна стала интерактивная сборка всех экранов

Посмотреть прототип

Разработка

Карта

Созданные администратором объекты доступны на карте. Использовали Google Maps, потому что в стандартном приложении карт часто не отображаются здания

Инвайты

Работники получают инвайт в приложение от администраторов и менеджеров. Групповая рассылка на любое количество email-адресов избавляет менеджера от рутинных действий

Пуш-уведомления

Построены на FireBase Notifications. Преимущества: бесплатное решение, нет ограничения на количество отправленных нотификаций (основной элемент приложения), удобная интеграция и хорошая гибкость с продвинутым таргетингом