Leaks Finder Mobile App
Дизайн интерактивной платформы для обработки заявок сервисными центрами
О компании
Приложение для поиска и удаления утечек личных данных. Достаточно просто указать персональные данные и система покажет, были ли они скомпроментированы. Если были, то выполнит простую процедуру удаления
Задача
Сделать проектирование и дизайн мобильного приложения для iOS по поиску утечек личных данных пользователей.
Цель
пользователя
Быстро, удобно и нативно получить доступ к информации об утечках и дать возможность легко удалять их.
Цель клиента/приложения
Конвертировать потенциально заинтересованного пользователя в оформление годовой подписки. Триал → Полная оплата на год.
Роль на проекте
Lead Product Designer
Год
2023
1. Ресёрч
Этот этап проводится для того, чтобы посмотреть на уже реализованный успешный пользовательский опыт. Это позволяет сделать лучшее решение.
Отсмотрели более 100 компаний схожей направленности. Из них были отобраны 5 конкурентов, которые лучшим образом отвечали нашим требованиям:
Удобство приложения;
Скорость отклика;
Качество поиска утечек;
Грамотная подписочная модель.
К сожалению, не могу опубликовать детали ресёрча из-за NDA
И перешёл к этапу проектирования
2. Проектирование
Первый этап — разработка вайрфреймов, для понимания общей структуры будущего приложения.
Мы выделили 5 основных сущностей:
Экраны загрузки приложения;
Авторизация в приложении;
Поиск и выдача результатов утечек;
Экран подписки;
Настройки и остальные внутренние экраны.
Часть экранов я покажу ниже, но чтобы не растягивать длину кейса, основной их объём будет виден в карте прототипов
Первым этапом пользователь авторизовывается и выполняет поиск утечек личных данных
Далее пользователь видит результаты поиска и приступает к удалению уязвимостей
Из вайрфреймов был сделан детальный флоу из всех экранов, которые включал в себя все возможные состояния каждого отдельно взятого экрана
3. UI Moodboard
После финального утверждения прототипов и перед началом работ по UI, нами был разработан мудборд, в котором собрали примеры разных стилей дизайна, а клиент в последствии выбрал те, которые ему нравятся больше.
Варианты дизайна, которые понравились клиенту.
3. UI Design 1.0
На основе референсов была разработан первая версия дизайна экранов
5. Небольшой тест на небольшой фокус-группе
Провели тестирование на небольшой фокус-группе и пришли к решению, что:
Тёмные экраны скорее отталкивают пользователей;
Визуал с «плавающей» волной красного и зелёного цвета не кажется им очевидным, в отличие от того, как мы предполагали;
Около трети респондентов вообще не поняли, что происходит и на что направлено приложение, поэтому просто проигнорировали подписочный экран.
Пришли решению отказаться от тёмных экранов в пользу светлой версии, а также немного доработали сами экраны, прикрутив к ним визуалы «защиты», «секьюрности» и прочего)
6. UI Design 2.0 + повторный тест
Доработка экранов после тестирования привела к следующим результатам:
За счёт внедрения базовых секьюрных визуалов, у пользователей появилось больше понимания о направленности приложения;
Понятые красные и зелёные визуалы значительно лучше воспринимаются пользователями и давят на их боли;
Из второго пункта следует увеличенное кол-во тапов на покупку триальной версии
В результате, приложение было собрано, релизнуто в стор. Клиент не поделился с нами конкретными цифрами, но с его слов «результат более чем нас устроил»
