Duality VPN App

Проанализировали существующий дизайн, выявив слабые места, ознакомились с лучшими VPN-сервисами, чтобы создать бесшовный пользовательский опыт. Совместно с клиентом был проведён брифинг по анализу конкурентов, который помог оптимизировать существующий дизайн, сбалансировав последовательность и улучшив взаимодействие с пользователем. Эти улучшения повысили удовлетворённость пользователей и улучшили ключевые бизнес-показатели.

Новые ui-решения

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

Логотип

Мы создали несколько вариантов логотипа, учитывая уникальную аудиторию и стиль приложения. Подчеркивая гиковский, нестандартный дизайн, мы использовали метафоры вроде черепа и смелые, ярко окрашенные элементы. Эти черты отражают уникальный подход клиента, одновременно передавая серьезность и надежность приложения.

Этот дизайн также мгновенно узнаваем в экосистеме VPN, сочетая в себе креативность и функциональность, олицетворяя защиту и отличие.  Мы подготовили различные подходы и вариации к редизайну логотипа,  но окончательный вариант вы можете увидеть ниже.

Логотип

При разработке логотипа мы стремились создать визуальную метафору, которая отражала бы как сущность гика, так и безопасность, ожидаемую от VPN-приложения. Смелые, нетрадиционные элементы, такие как череп, отражают дерзкую, технологически продвинутую индивидуальность бренда, а четкое исполнение обеспечивает динамичность и уникальность логотипа.

НОВЫЕ иконки

Таймлайн

5 дней

Кол-во экранов

50+

Найденные проблемы и решения

До

После

Проблемы

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

Поле ввода выбора страны расположено неоптимально — текущее размещение влияет на удобство использования. Было предложено приподнять поле ввода и дополнить его дополнительными контекстными данными, такими как время соединения и IP-адрес, чтобы повысить эффективность выполнения задачи и осведомлённость пользователя.

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

Экран настроек загромождён слишком большим количеством кнопок — это создаёт когнитивную перегрузку и нарушает пользовательский поток. Было рекомендовано рефакторить интерфейс, свернув несущественные действия во вложенные подменю, что улучшит масштабируемость по мере развития приложения.

Отсутствие кнопки «Отключить» — критически важная функция для завершения задачи, отсутствие кнопки «Отключить» снижает эффективность задачи. Было предложено добавить этот призыв к действию (CTA), чтобы улучшить юзабилити и контроль пользователя.

Решения

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

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

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

Оптимизация раздела «Настройки» для улучшения навигации — мы реализовали более модульный дизайн с логичными группами, такими как «Мой аккаунт», «Премиум-подписка» и «Конфиденциальность», что позволило создать более чистый и масштабируемый интерфейс, способный справиться с будущими расширениями, не перегружая пользователя.

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

Разработка UI

Мы обеспечили визуальную согласованность всех элементов интерфейса, создав целостную систему дизайна с определенными шаблонами пользовательского интерфейса и стандартизированной библиотекой компонентов. Оптимизировав пользовательский поток и доработав точки взаимодействия, мы повысили интуитивность и упростили навигацию, снизив когнитивное трение. Улучшенная информационная архитектура и отзывчивый макет привели к созданию более компактного, масштабируемого интерфейса, минимизируя визуальный шум и повышая общее удобство использования и пользовательский опыт (UX).

авторизация