Редизайн приложения для аннотаций
Редизайн приложения для аннотаций
xSight — десктопное, кросс-платформенное приложение для демонстрации и аннотаций учебных материалов в школах США.
Я переработал интерфейс вокруг основных сценариев, убрав визуальный шум и повысив предсказуемость инструментов. Это упростило работу преподавателей во время урока, снизило зависимость от внешнего обучения и повысило привлекательность продукта при продажах.
xSight — десктопное, кросс-платформенное приложение для демонстрации и аннотаций учебных материалов в школах США.
Я переработал интерфейс вокруг основных сценариев, убрав визуальный шум и повысив предсказуемость инструментов. Это упростило работу преподавателей во время урока, снизило зависимость от внешнего обучения и повысило привлекательность продукта при продажах.
Год
2021
2021
Команда
Продакт
Дизайнер
Продакт
Дизайнер
Исследования
Анализ сессий
Анализ рынка
UX-тесты
Анализ сессий
Анализ рынка
UX-тесты
Моя роль
Дизайн
Тестирование
Handoff
Дизайн
Тестирование
Handoff
Проблема
Проблема
Компания Recordex производит настольные камеры, которые транслируют картинку на большой экран. Камера подключается к приложению, в котором можно управлять изображением, делать аннотации, скриншоты и видеозапись всего процесса.
Продукт выглядел устаревшим и сложным на фоне конкурентов. Это снижало его привлекательность при выборе решения школами и повышало зависимость от внешнего обучения.
Компания Recordex производит настольные камеры, которые транслируют картинку на большой экран. Камера подключается к приложению, в котором можно управлять изображением, делать аннотации, скриншоты и видеозапись всего процесса.
Продукт выглядел устаревшим и сложным на фоне конкурентов. Это снижало его привлекательность при выборе решения школами и повышало зависимость от внешнего обучения.
Компания Recordex производит настольные камеры, которые транслируют картинку на большой экран. Камера подключается к приложению, в котором можно управлять изображением, делать аннотации, скриншоты и видеозапись всего процесса.
Продукт выглядел устаревшим и сложным на фоне конкурентов. Это снижало его привлекательность при выборе решения школами и повышало зависимость от внешнего обучения.
Исследование
Исследование
Я разделил исследование на два направления.
Я разделил исследование на два направления.
Я разделил исследование на два направления.
Новый пользователь
Новый пользователь
Новый пользователь
Для оценки первого запуска я протестировал интерфейс на пользователях без опыта, чтобы понять, насколько быстро они смогут разобраться в назначении приложения и начать работу. Это было важно, так как продукт часто открывают впервые еще до покупки оборудования, а также непосредственно перед уроком. Отсутствие понятного старта может снижать привлекательность продукта для руководства школы и повышать необходимость во внешнем объяснении.
Для оценки первого запуска я протестировал интерфейс на пользователях без опыта, чтобы понять, насколько быстро они смогут разобраться в назначении приложения и начать работу. Это было важно, так как продукт часто открывают впервые еще до покупки оборудования, а также непосредственно перед уроком. Отсутствие понятного старта может снижать привлекательность продукта для руководства школы и повышать необходимость во внешнем объяснении.
Для оценки первого запуска я протестировал интерфейс на пользователях без опыта, чтобы понять, насколько быстро они смогут разобраться в назначении приложения и начать работу. Это было важно, так как продукт часто открывают впервые еще до покупки оборудования, а также непосредственно перед уроком. Отсутствие понятного старта может снижать привлекательность продукта для руководства школы и повышать необходимость во внешнем объяснении.
Текущие пользователи
Текущие пользователи
Текущие пользователи
Провести интервью не было возможности, поэтому я изучил видеозаписи сессий, предоставленные мне компанией Recordex. Я хотел понять как выглядит воркфлоу чаще всего, что работает хорошо, а где возникают проблемы.
Провести интервью не было возможности, поэтому я изучил видеозаписи сессий, предоставленные мне компанией Recordex. Я хотел понять как выглядит воркфлоу чаще всего, что работает хорошо, а где возникают проблемы.
Провести интервью не было возможности, поэтому я изучил видеозаписи сессий, предоставленные мне компанией Recordex. Я хотел понять как выглядит воркфлоу чаще всего, что работает хорошо, а где возникают проблемы.
При первом запуске интерфейс сообщал об отсутствии камеры, но так как панели с инструментами были скрыты, пользователи не смогли попробовать аннотации и не получили никакой ценности.
При первом запуске интерфейс сообщал об отсутствии камеры, но так как панели с инструментами были скрыты, пользователи не смогли попробовать аннотации и не получили никакой ценности.
При первом запуске интерфейс сообщал об отсутствии камеры, но так как панели с инструментами были скрыты, пользователи не смогли попробовать аннотации и не получили никакой ценности.
Текущие пользователи редко использовали несколько панелей одновременно и почти не перемещали их, предпочитая минимизировать интерфейс и сохранять привычное расположение тулбаров.
Текущие пользователи редко использовали несколько панелей одновременно и почти не перемещали их, предпочитая минимизировать интерфейс и сохранять привычное расположение тулбаров.
Текущие пользователи редко использовали несколько панелей одновременно и почти не перемещали их, предпочитая минимизировать интерфейс и сохранять привычное расположение тулбаров.
Настройки сцены текущими пользователями практически не использовались
Скриншоты и видеозапись использовали регулярно
Настройки сцены текущими пользователями практически не использовались
Скриншоты и видеозапись использовали регулярно
Настройки сцены текущими пользователями практически не использовались
Скриншоты и видеозапись использовали регулярно
Решения
Решения
Обе платформы группировали счета: по подпискам на мобилке и по категориям — в вебе. Это создавало проблемы сразу в нескольких направлениях.
Обе платформы группировали счета: по подпискам на мобилке и по категориям — в вебе. Это создавало проблемы сразу в нескольких направлениях.
Обе платформы группировали счета: по подпискам на мобилке и по категориям — в вебе. Это создавало проблемы сразу в нескольких направлениях.
Обнаружение новых счетов
Обнаружение новых счетов
Обнаружение новых счетов
Подписки и категории без счетов отвлекали внимание от уже выставленных счетов, снижая их заметность.
Подписки и категории без счетов отвлекали внимание от уже выставленных счетов, снижая их заметность.
Выставленные счета были разобщены или спрятаны внутри категорий, что усложняло оценку срочности их оплаты.
Выставленные счета были разобщены или спрятаны внутри категорий, что усложняло оценку срочности их оплаты.
Учитывая, что на юзера со счетами приходится в среднем 3 счета, я предложил убрать группировку. Это позволило сфокусировать внимание пользователя только на том, что требует его внимания прямо сейчас:
Учитывая, что на юзера со счетами приходится в среднем 3 счета, я предложил убрать группировку. Это позволило сфокусировать внимание пользователя только на том, что требует его внимания прямо сейчас:
Учитывая, что на юзера со счетами приходится в среднем 3 счета, я предложил убрать группировку. Это позволило сфокусировать внимание пользователя только на том, что требует его внимания прямо сейчас:
быстро заметить все выставленные. счета
быстро заметить все выставленные. счета
приоритизировать счета по срочности оплаты.
приоритизировать счета по срочности оплаты.
До
После
До
После
До
После
До
После
Ключевая проблема
Виджет со счетами
Виджет со счетами
Виджет — первая точка контакта со счетами. Понимание, есть ли счета и требуется ли действие, напрямую влияет на вероятность оплаты.
Вышеперечисленные проблемы касались и виджета, так как его логика прямо отражает структуру раздела со счетами.
Виджет — первая точка контакта со счетами. Понимание, есть ли счета и требуется ли действие, напрямую влияет на вероятность оплаты.
Вышеперечисленные проблемы касались и виджета, так как его логика прямо отражает структуру раздела со счетами.
Виджет — первая точка контакта со счетами. Понимание, есть ли счета и требуется ли действие, напрямую влияет на вероятность оплаты.
Вышеперечисленные проблемы касались и виджета, так как его логика прямо отражает структуру раздела со счетами.
Дополнительно:
Дополнительно:
Дополнительно:
В мобилке не было сумм, а лицевые счета были неинформативны.
В мобилке не было сумм, а лицевые счета были неинформативны.
В вебе не было логотипов, что снижало заметность счетов.
В вебе не было логотипов, что снижало заметность счетов.
Показ только выставленных счетов фокусировал внимание юзера на действиях, а логотипы поставщиков и суммы быстрее считываются, как платеж.
Показ только выставленных счетов фокусировал внимание юзера на действиях, а логотипы поставщиков и суммы быстрее считываются, как платеж.
До
После
До
После
До
После
До
После
Ключевая проблема
Путь к оплате
Путь к оплате
для оплаты счета требовалось обязательно пройти через экран подписки или категории. Это не несло ценности для пользователя и только удлиняло его путь к оплате.
для оплаты счета требовалось обязательно пройти через экран подписки или категории. Это не несло ценности для пользователя и только удлиняло его путь к оплате.
без группировки пользователь может перейти к оплате счета в одно касание. Чем короче флоу оплаты, тем вероятнее, что счет будет оплачен.
без группировки пользователь может перейти к оплате счета в одно касание. Чем короче флоу оплаты, тем вероятнее, что счет будет оплачен.
До
После
До
После
До
После
До
После
Ключевая проблема
А если счетов нет?
А если счетов нет?
Даже если сейчас счетов нет, пользователям важно знать, что они отслеживаются. Это создает уверенность и доверие к банку.
Даже если сейчас счетов нет, пользователям важно знать, что они отслеживаются. Это создает уверенность и доверие к банку.
Даже если сейчас счетов нет, пользователям важно знать, что они отслеживаются. Это создает уверенность и доверие к банку.
Во время UX-теста мобильного приложения респонденты не могли уверенно сказать, что счетов нет. Разница состояний плохо считывалась, а это одинаково плохо для любого юзкейса.
Во время UX-теста мобильного приложения респонденты не могли уверенно сказать, что счетов нет. Разница состояний плохо считывалась, а это одинаково плохо для любого юзкейса.
Я сделал состояние «Счетов нет» явным и однозначным. Оно чётко отличается от состояния с активными счетами и считывается мгновенно, без необходимости разбираться в интерфейсе.
Я сделал состояние «Счетов нет» явным и однозначным. Оно чётко отличается от состояния с активными счетами и считывается мгновенно, без необходимости разбираться в интерфейсе.
До
После
До
После
До
После
До
После
До
После
До
После
До
После
До
После
Отзывы коллег из Альфы
Отзывы коллег из Альфы
Работал со Славой над функционалом платежей: автоматические платежи, шаблоны и подписки для получения выставленных счетов. Слава проявил ответственное отношение к работе и высокое качество выполнения, провёл тщательный анализ конкурентов и предложил оптимальные решения. Проект был успешно завершён в срок.
PO в Альфа-Банк
Работал со Славой над функционалом платежей: автоматические платежи, шаблоны и подписки для получения выставленных счетов. Слава проявил ответственное отношение к работе и высокое качество выполнения, провёл тщательный анализ конкурентов и предложил оптимальные решения. Проект был успешно завершён в срок.
PO в Альфа-Банк
Слава — самый опытный и выдающийся дизайнер, с которым мне доводилось работать. Он не просто создаёт потрясающий UI, он буквально делает кристально ясный продукт прямо из твоей головы. Его работа над персональным финансовым ассистентом для клиентов банка превзошла наши ожидания по качеству и срокам!
CPO в Альфа-Банк
Слава — самый опытный и выдающийся дизайнер, с которым мне доводилось работать. Он не просто создаёт потрясающий UI, он буквально делает кристально ясный продукт прямо из твоей головы. Его работа над персональным финансовым ассистентом для клиентов банка превзошла наши ожидания по качеству и срокам!
CPO в Альфа-Банк
