Найми меня!

Grigorev Daniil

Найми меня!

Grigorev Daniil

Найми меня!

Grigorev Daniil

adstat -+-+-

Adstat — это сервис для пополнения и запуска рекламных кампаний в Telegram Ads

Роль

Дизайнер UI/UX

Сфера

UI/UX, Flow, Animation

Инструменты

Figma, Rive

🎨 Моя роль:

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

⚠️ Задача:

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

📈 Результат:

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

🔑 Ключевые решения:

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

Контекст:

На основе существующих прототипов, целью было разработать более зрелую и удобную для пользователя концепцию интерфейса.

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

Navigation Issues:

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

Проблемы с контентом:

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

Влияние на UX:

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

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

Я подошел к этой странице как к экрану уведомлений, сделав уведомления центральным элементом и перестроив макет вокруг этой функции в продуктовом стиле.

Четкая идентификация экрана:

Добавлен заголовок H1 «Уведомления», который сразу дает пользователю понять, на каком экране он находится.

Иерархия контента:

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

Пользователь теперь четко видит, что уведомления являются основным фокусом, в то время как дополнительные блоки (инструменты, графики) второстепенны.

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

Теперь пользователь четко видит, что уведомления являются основным акцентом, в то время как дополнительные блоки (инструменты, графики) – второстепенные.

Оптимизация хедера:

Кошелек (баланс) перемещен в заголовок как функциональный компонент:

Баланс всегда на виду.
Нет необходимости переключаться на левую панель.
Пользователь не теряет фокус.

Баланс всегда на виду.
Нет необходимости переключаться на левую панель.
Пользователь не теряет фокус.

Состояния карточки уведомления:

Активные состояния (новые/непрочитанные) и пассивные состояния (прочитанные) облегчают различение важных обновлений от второстепенных. Это снижает когнитивную нагрузку, так как пользователям больше не нужно «вчитываться» в каждое уведомление, чтобы понять его статус.

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

👤 Пользовательская ценность:

Предсказуемые возможности пользовательского интерфейса минимизируют ошибки и путаницу. Четкий и структурированный интерфейс создает доверие и ощущение зрелости продукта. Гибкие настройки фильтрации и уведомлений дают пользователям чувство уверенности и контроля.

📈 Продуктовая ценность:

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

От беспорядка к фокусу.

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

Найми меня!

Назад

Найми меня!

Назад

Найми меня!

adstat -+-+-

adstat -+-+-

🎨 Моя роль:

⚠️ Задача:

📈 Результат:

🔑 Ключевые решения:

Контекст:

Контекст:

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

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

Navigation Issues:

Navigation Issues:

Проблемы с контентом:

Проблемы с контентом:

Влияние на UX:

Влияние на UX:

Я подошел к этой странице как к экрану уведомлений, сделав уведомления центральным элементом и перестроив макет вокруг этой функции в продуктовом стиле.

Я подошел к этой странице как к экрану уведомлений, сделав уведомления центральным элементом и перестроив макет вокруг этой функции в продуктовом стиле.

Четкая идентификация экрана:

Четкая идентификация экрана:

Иерархия контента:

Иерархия контента:

Оптимизация хедера:

Оптимизация хедера:

Состояния карточки уведомления:

Состояния карточки уведомления:

👤 Пользовательская ценность:

📈 Продуктовая ценность:

От беспорядка к фокусу.

От беспорядка к фокусу.

Dprofile

Dribbble

Dprofile

Dribbble

Меню