UI/UX Designer

РОЛЬ

ДАТА

ПРОБЛЕМА

ЦЕЛИ:

2020г – 2021

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

Исследование

Проектирование

Тестирование

Создали кликабельный прототип в Figma. Провели тестирование:

• коридорного типа внутри компании, что бы понять все ли мы учли с прошлых этапов
• юзабилити-тестирование с пользователями, чтобы протестировать и подтвердить гипотезы получить обратную связь, выявить проблемные места в интерфейсе, понять ожидания (9 человек участвовало в тестировании, 5 из них действующие пользователи, и 4 потенциальные)

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

• Потребности бизнеса. Для понимания коммерческого и технического контекста, в котором существует продукт, провели интервью с заинтересованными сторонами, выяснили стратегию бренда, план развития продуктов, риски, ограничения.

• Сделали анализ конкурентов

• Потребности пользователей. Провели опрос и узнали, что пользователям хотелось бы изменить, что им кажется непонятным, чего не хватает

• В результате, мы определили наиболее важные боли и нужды пользователей:

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

Дизайн

Темная тема

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

• Сформировали визуальное направление на основе moodboard’ов, отражающих ценности бренда.
• Уточнили цветовую палитру, типографику и принципы композиции в рамках обновленного гайдлайна.
• Разработали библиотеку компонентов с учетом модульной сетки и состояний интерактивных элементов.

Библиотека компонентов

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

Компоненты многократного использования, которые позволили бы повысить скорость проектирования и разработки.

Атомы

Стили

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

Элементы каждой группы я объединяла в variants, чтобы легче было ориентироваться

Молекулы

Темная тема

При создании темной темы я использовала руководство от material design