Easy Block App: интерфейс сервиса родительского контроля для Windows

Разработать пользовательский интерфейс веб-приложения родительского контроля для компьютеров на Windows. Родитель должен управлять временем, которое ребёнок проводит в программах, и постепенно снижать игровую зависимость. Также нужно было спроектировать экраны добавления устройства для desktop-приложения, системные уведомления и промо-страницу сервиса.

Easy Block App состоит из двух частей. Desktop-приложение устанавливается на компьютер ребёнка. Родитель управляет им через веб-приложение с любого другого устройства. Мы спроектировали весь путь пользователя: от регистрации до просмотра статистики, а также привлекательную промо-страницу.

Родитель блокирует программу в один клик, переключая статус между «Разрешено», «Запрещено» и «Ограничено». Для ограниченных программ доступны три режима: дневной лимит, расписание и цель активности. Главная особенность сервиса — цель активности. Она позволяет не запрещать игры резко, а плавно сокращать экранное время. Например, снижение лимита на 15 минут в день даёт сокращение более чем на 7 часов за месяц.

Весь функционал веб-приложения доступен и на мобильных устройствах, поэтому родитель управляет контролем с телефона.

Задачи:

• Спроектировали user flow из шести шагов: регистрация, подписка, загрузка приложения, добавление устройства, настройка ограничений, просмотр статистики.

• Разработали интерфейс веб-приложения: устройства, программы, статистика, подписки.

• Спроектировали три режима ограничений: дневной лимит, расписание, цель активности.

• Реализовали массовое управление программами через чекбоксы.

• Адаптировали все сценарии под мобильные устройства.

• Нарисовали экраны добавления устройства и системные уведомления для desktop-приложения.

• Создали промо-страницу с 3D-иллюстрациями и анимациями.
  

Процесс работы:

1. Проектирование пользовательского пути. Продумали сценарий: родитель регистрируется по номеру телефона и получает 7-дневный пробный период. Затем он скачивает приложение, устанавливает его на компьютер ребёнка и управляет ограничениями из веб-версии.

2. Управление устройствами. Спроектировали добавление устройств. По тарифу можно контролировать до шести компьютеров одновременно. Дополнительные устройства можно добавлять и включать на них контроль по мере необходимости. Для каждого устройства настраивается дополнительное время (5, 10, 15, 20 или 30 минут).

3. Управление программами и режимы ограничений. Список программ ребёнка синхронизируется с веб-приложением, в нём есть поиск и сортировка. Статус программы меняется в один клик, а несколько программ можно заблокировать сразу через чекбоксы. При превышении дневного лимита desktop-приложение закрывает программу и показывает уведомление. Расписание задаёт запрещённые интервалы по дням недели. Цель активности снижает лимит за выбранный период (неделя, две, три недели, месяц) или на фиксированное время с заданной периодичностью.

4. Статистика и мобильная версия. Раздел статистики показывает использование программ с фильтрами «Сегодня», «7 дней», «14 дней», «30 дней» и выбором даты, по всем программам или по конкретной. Данные отображаются в виде почасовой диаграммы. Все функции повторили в мобильной версии.

5. Промо-страница. Создали лендинг, где родитель знакомится с возможностями сервиса до регистрации. 3D-иллюстрации и анимации выполнили в Blender, иллюстрация мальчика взята из открытых источников. Первый экран задаёт тон: «Приложение родительского контроля для Windows» и кнопка «Попробовать бесплатно».

   

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