inLink. Дизайним приложение для трекинга устройств

Давненько я не писал на VC, поэтому решил попробовать новый формат. Раньше я делал дизайн-кейсы для проектов с хакатонов и чемпионатов, а сегодня расскажу о своём собственном проекте — приложении для трекинга устройств.

inLink. Дизайним приложение для трекинга устройств

Идея появилась спонтанно, поэтому аналитики тут не будет: сразу после написания ТЗ я перешёл к дизайну.

Запасайтесь чаем и печенькой — поехали 👇

ТЗ

Я поставил себе простые задачи:

  • авторизация пользователя;
  • добавление устройств;
  • просмотр и отслеживание их на карте;
  • удалённые действия (например, запуск звука);
  • настройка и редактирование профиля;
  • обратная связь с разработчиками;
  • возможность монетизации.

Брейншторм

Начать брейншторм прототипов я решил с экрана авторизации и онбординга.

Цель - рассказать пользователю о приложении и как оно может ему помочь с его проблемой.

Рассказываем о проблеме -> показываем как можем решить -> пользуемся приложением -> авторизовываем пользователя
inLink. Дизайним приложение для трекинга устройств

В финальной версии я отказался от такого пути.

Вот вроде всё выглядит хорошо: есть понятный путь по которому идёт пользователь, приложение рассказывает как оно может помочь и даёт возможность авторизации. Но он как будто искусственно длинный и это может раздражать. Eсли пользователь уже скачал моё приложение == он знает что приложение делает или должно делать, не нужно лишний раз говорить об этом.

Поэтому в новой версии я убрал лишний рассказ о том что делаем приложение и сделал промо

"Больше никогда не теряй свои девайсы вместе с inLink 💙"/"Don't lose your devices ever again with inLink 💙"

Тут сразу говорится с чем помогает приложение и боль юзера. После короткого промо пользоваля сразу перекинет на окно авторизации.

inLink. Дизайним приложение для трекинга устройств

Как я изначально устроил UX приложения?

Поначалу я чётко разделил приложение на несколько экранов - Экран устройств и Экран профиля (но потом добавил ещё один, о нем чуть позже)

inLink. Дизайним приложение для трекинга устройств

После мне пришла идея объединить экраны с устройствами и картой для более удобного использования.

inLink. Дизайним приложение для трекинга устройств
inLink. Дизайним приложение для трекинга устройств

Далее я стал этот вариант экрана добавив возможность разделить отдельно устройства и предметы. Идея пришла из-за Air Tag. По сути это просто Tag с локацией который вы коннектите по Bluetooth - биндите название, например рюкзак - и следите за ним как за своим устройством.

inLink. Дизайним приложение для трекинга устройств

На макетах видно что я решил также добавить функцию для отслеживания друзей ну или например чтобы родители могли следить за своим чадом через телефон, но идею до конца я так и не доделал и положил в долгий ящик. А вот UI-ку с гаджетами и предметами я доделал и вот что получилось

inLink. Дизайним приложение для трекинга устройств
inLink. Дизайним приложение для трекинга устройств

От такого варианта я тоже отказался - идея классная, но я не могу посчитать какой процент пользователей будет пользоваться этим тк для этого нужен air tag/его аналог. И приложение всё таки фокусируется на трекинге устройств а не air tagoв.

Новый UX

Поняв, что прошлый UX не всегда был удобен + иногда затягивал процесс действий, я решил его пересмотреть и полностью переделать с чистого листа. Но при этом сохранив визуальные элементы хотя-бы наполовину.

Начал работу к нестранно с компонента bottom sheet. Уж больно он мне понравился. На его основе я создал новый вариант компонента.

inLink. Дизайним приложение для трекинга устройств

После завершия компонента я создал новый вариант использования приложения. Я отошел от стандартных экранов и заменил всё на bottom sheetы, сделав экран с устройствами и картой отправной точкой. И в целом сделал фокус на юзабилити чтобы можно было даже на "лопате" дотянуться до основных действий в приложении

inLink. Дизайним приложение для трекинга устройств

Дальше я стал продумывать а как собственно пользоветель будет добалять свои девайсы. Ответ простой - Bluetooth

Сделал 2 пути добавления

1. Быструю

inLink. Дизайним приложение для трекинга устройств

2. Через экран со всеми устройствами

inLink. Дизайним приложение для трекинга устройств

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

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

При первой попытке добавить новое устройство приложение попросит разрешения на GPS & Bluetooth

inLink. Дизайним приложение для трекинга устройств

После получения разрешений приложение покажет доступные устройства

inLink. Дизайним приложение для трекинга устройств

Чтобы устройства можно было отлечать друг от друга пользователь может дать своё название для конретного устройства например "Мой Samsung". Выбрать цвет и иконку.

inLink. Дизайним приложение для трекинга устройств

Такой вот маленький кастомный каприз :)

О профиле

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

inLink. Дизайним приложение для трекинга устройств

Финализация UI

Теперь я покажу итоговый вариант UI приложения пройдясь по основным use кейсам.

Авторизация пользователя в приложении

inLink. Дизайним приложение для трекинга устройств

Карта && Трекинг устройства

inLink. Дизайним приложение для трекинга устройств

Добавление девайса

inLink. Дизайним приложение для трекинга устройств

Меню && Профиль пользователя

inLink. Дизайним приложение для трекинга устройств

Второстепенные экраны

inLink. Дизайним приложение для трекинга устройств

Монетизация

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

inLink. Дизайним приложение для трекинга устройств

Это подписка.

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

Модель спорная для такого проекта, но мне нравится сама идея строить сообщество вокруг цифрового продукта.

Конклужен. Как приложение смотрится на фоне других?

Если сравнивать inLink с аналогами вроде Google Find My Device, то базовые потребности он закрывает: поиск устройств, карта, простое управление.

inLink. Дизайним приложение для трекинга устройств

Фишка проекта — фокус на удобстве и монетизация через сообщество, а не через прямую оплату.

Получился концепт, который решает проблему пользователя и при этом даёт простор для развития.

Ваше мнение о проекте
Получилось классно
Получилось средне
Получилось плохо

Обо мне

Меня зовут Эндрю
Я продуктовый дизайнер который умеет кодить. Подробнее обо мне на моём сайте.
Начать дискуссию