<aside> 🕹️ Prototype: bit.ly/hi_wallet
</aside>
<aside> 🧠 Project: bit.ly/hi_wallet_project
</aside>
<aside> <img src="/icons/briefcase_blue.svg" alt="/icons/briefcase_blue.svg" width="40px" /> Case study in Behance / Кейс на Бехансе:
https://www.behance.net/gallery/200026685/Wallet-in-Telegram-App-Redesign-Competition
</aside>
<aside> <img src="/icons/translate_purple.svg" alt="/icons/translate_purple.svg" width="40px" /> Choose language / Выберите язык: 🇷🇺 Russian / 🇬🇧 English
</aside>
Wallet in Telegram — это мини-приложение криптокошелька глубоко интегрированное в экосистему Telegram. В мае 2024 состоялся конкурс на редизайн главного экрана и я в нём поучаствовал
✅ Описание:
Я сделал редизайн не только главного экрана Wallet, но и всех основных экранов, переработав пользовательский путь, упростив взаимодействие с приложением для новых пользователей. Я определил и реализовал решения для всех поставленных задач
🤹♂️ Задачи:
Исследование концепции, аудит существующего интерфейса (UX-исследование), конкурентный аудит, UX-дизайн (wireframing, user flow), UI-дизайн, интерактивный прототип, управление и контроль задач.
Спроектировал lo-fi и hi-fi экраны, а также кликабельные прототипы . Сделал 29 экранов, не считая совсем неважные (промежуточные).
В свой работе я использую принципы, повышающие эффективность процесса и самого продукта: ускоряющие разработку и повышающие лояльность целевого пользователя за счет решения его болей.
<aside> 🌚 dark-first
Я решил выбрать подход "сначала темная тема" по нескольким простым причинам: это помогает снизить нагрузку на глаза, экономит заряд батареи и облегчает использование людям с проблемами зрения.
NNGroup рекомендует использовать темную тему для длительных сессий, частого использования, использования в темноте и когда в приложении мало медиа. Wallet - это приложение для торговли криптовалютой, поэтому оно охватывает все эти случаи. Это означает, что подход "сначала темная тема" - отличный выбор!
Почитать про это: 🔗 Dark Mode: How Users Think About It and Issues to Avoid
</aside>
<aside> 🌐 Унификация
Я разработал дизайн для iOS, Android и WebView (версия для настольных компьютеров) таким образом, чтобы пользователи могли легко переходить из одной среды в другую. Это очень реалистичный сценарий для криптовалютного кошелька и приложения для инвестиций.
Адаптация для различных систем выполнена только в минимально необходимой части: top app bar, bottom app bar и шрифты.
<aside> <img src="/icons/subtitles_brown.svg" alt="/icons/subtitles_brown.svg" width="40px" /> Так что, здесь я показываю все экраны для версии Android, для версии iOS я подготовил только главный экран, чтобы показать идею.
</aside>
Почитать про это: 🔗 The era of UI unification
</aside>
Главный экран изменился, он стал более свободным и блочным, интерфейс приобрел свою идентичность - понятно, что это уже не часть Telegram, но связь все равно улавливается в визуале и флоу.
<aside> 💡 Улучшения главного экрана