inLink. Дизайним приложение для трекинга устройств
Давненько я не писал на VC, поэтому решил попробовать новый формат. Раньше я делал дизайн-кейсы для проектов с хакатонов и чемпионатов, а сегодня расскажу о своём собственном проекте — приложении для трекинга устройств.
Идея появилась спонтанно, поэтому аналитики тут не будет: сразу после написания ТЗ я перешёл к дизайну.
Запасайтесь чаем и печенькой — поехали 👇
ТЗ
Я поставил себе простые задачи:
- авторизация пользователя;
- добавление устройств;
- просмотр и отслеживание их на карте;
- удалённые действия (например, запуск звука);
- настройка и редактирование профиля;
- обратная связь с разработчиками;
- возможность монетизации.
Брейншторм
Начать брейншторм прототипов я решил с экрана авторизации и онбординга.
Цель - рассказать пользователю о приложении и как оно может ему помочь с его проблемой.
В финальной версии я отказался от такого пути.
Вот вроде всё выглядит хорошо: есть понятный путь по которому идёт пользователь, приложение рассказывает как оно может помочь и даёт возможность авторизации. Но он как будто искусственно длинный и это может раздражать. Eсли пользователь уже скачал моё приложение == он знает что приложение делает или должно делать, не нужно лишний раз говорить об этом.
Поэтому в новой версии я убрал лишний рассказ о том что делаем приложение и сделал промо
"Больше никогда не теряй свои девайсы вместе с inLink 💙"/"Don't lose your devices ever again with inLink 💙"
Тут сразу говорится с чем помогает приложение и боль юзера. После короткого промо пользоваля сразу перекинет на окно авторизации.
Как я изначально устроил UX приложения?
Поначалу я чётко разделил приложение на несколько экранов - Экран устройств и Экран профиля (но потом добавил ещё один, о нем чуть позже)
После мне пришла идея объединить экраны с устройствами и картой для более удобного использования.
Далее я стал этот вариант экрана добавив возможность разделить отдельно устройства и предметы. Идея пришла из-за Air Tag. По сути это просто Tag с локацией который вы коннектите по Bluetooth - биндите название, например рюкзак - и следите за ним как за своим устройством.
На макетах видно что я решил также добавить функцию для отслеживания друзей ну или например чтобы родители могли следить за своим чадом через телефон, но идею до конца я так и не доделал и положил в долгий ящик. А вот UI-ку с гаджетами и предметами я доделал и вот что получилось
От такого варианта я тоже отказался - идея классная, но я не могу посчитать какой процент пользователей будет пользоваться этим тк для этого нужен air tag/его аналог. И приложение всё таки фокусируется на трекинге устройств а не air tagoв.
Новый UX
Поняв, что прошлый UX не всегда был удобен + иногда затягивал процесс действий, я решил его пересмотреть и полностью переделать с чистого листа. Но при этом сохранив визуальные элементы хотя-бы наполовину.
Начал работу к нестранно с компонента bottom sheet. Уж больно он мне понравился. На его основе я создал новый вариант компонента.
После завершия компонента я создал новый вариант использования приложения. Я отошел от стандартных экранов и заменил всё на bottom sheetы, сделав экран с устройствами и картой отправной точкой. И в целом сделал фокус на юзабилити чтобы можно было даже на "лопате" дотянуться до основных действий в приложении
Дальше я стал продумывать а как собственно пользоветель будет добалять свои девайсы. Ответ простой - Bluetooth
Сделал 2 пути добавления
1. Быструю
2. Через экран со всеми устройствами
Оба действия ведут к одному экрану, но у них разный смысл. Первый вариант поэтому и называется быстрый, так как он сразу приводит пользователя к действию
Второй вариант идёт как дополнительный поскольку на этом экране выводиться общий лист устройств с информацией о них. Её можно редактировать или в принципе удалить устройство и уже 3 действие добавление.
При первой попытке добавить новое устройство приложение попросит разрешения на GPS & Bluetooth
После получения разрешений приложение покажет доступные устройства
Чтобы устройства можно было отлечать друг от друга пользователь может дать своё название для конретного устройства например "Мой Samsung". Выбрать цвет и иконку.
Такой вот маленький кастомный каприз :)
О профиле
В профиле пользователя я также решил указать ссылки на юридические документы, да и в целом я сделал его без всяких дополнительных функций лишь только то что нужно пользователю
Финализация UI
Теперь я покажу итоговый вариант UI приложения пройдясь по основным use кейсам.
Авторизация пользователя в приложении
Карта && Трекинг устройства
Добавление девайса
Меню && Профиль пользователя
Второстепенные экраны
Монетизация
На этом пункте хочу остановиться и рассказать по подробнее. Делать платным приложение не хочется, поэтому я решил придумать такую модель монетизации.
Это подписка.
С ней пользователи поподают во внутреннее сообщество приложения. Тут они могут тестить новые фичи, общаться и развивать приложение вместе с разработчиками и тем самым строить и развивать коммьюнити вокруг продукта.
Модель спорная для такого проекта, но мне нравится сама идея строить сообщество вокруг цифрового продукта.
Конклужен. Как приложение смотрится на фоне других?
Если сравнивать inLink с аналогами вроде Google Find My Device, то базовые потребности он закрывает: поиск устройств, карта, простое управление.
Фишка проекта — фокус на удобстве и монетизация через сообщество, а не через прямую оплату.
Получился концепт, который решает проблему пользователя и при этом даёт простор для развития.