Редизайн приложения для аннотаций
Редизайн приложения для аннотаций
xSight — десктопное, кросс-платформенное приложение для демонстрации и аннотаций учебных материалов в школах США.
Я переработал интерфейс вокруг основных сценариев, убрав визуальный шум и повысив предсказуемость инструментов. Это упростило работу преподавателей во время урока, снизило зависимость от внешнего обучения и повысило привлекательность продукта при продажах.
xSight — десктопное, кросс-платформенное приложение для демонстрации и аннотаций учебных материалов в школах США.
Я переработал интерфейс вокруг основных сценариев, убрав визуальный шум и повысив предсказуемость инструментов. Это упростило работу преподавателей во время урока, снизило зависимость от внешнего обучения и повысило привлекательность продукта при продажах.
Команда
Продакт
Дизайнер
Продакт
Дизайнер
Исследования
Анализ сессий
Анализ рынка
UX-тесты
Анализ сессий
Анализ рынка
UX-тесты
Моя роль
Дизайн
Иконки
Тексты
Анимации
Тестирование
Handoff
Дизайн
Иконки
Тексты
Анимации
Тестирование
Handoff
Проблема
Проблема
Компания Recordex производит настольные камеры, которые транслируют картинку на большой экран. Камера подключается к приложению, в котором можно управлять изображением, делать аннотации, скриншоты и видеозапись всего процесса.
Продукт выглядел устаревшим и сложным на фоне конкурентов. Это снижало его привлекательность при выборе решения школами и повышало зависимость от внешнего обучения.
Компания Recordex производит настольные камеры, которые транслируют картинку на большой экран. Камера подключается к приложению, в котором можно управлять изображением, делать аннотации, скриншоты и видеозапись всего процесса.
Продукт выглядел устаревшим и сложным на фоне конкурентов. Это снижало его привлекательность при выборе решения школами и повышало зависимость от внешнего обучения.
Компания Recordex производит настольные камеры, которые транслируют картинку на большой экран. Камера подключается к приложению, в котором можно управлять изображением, делать аннотации, скриншоты и видеозапись всего процесса.
Продукт выглядел устаревшим и сложным на фоне конкурентов. Это снижало его привлекательность при выборе решения школами и повышало зависимость от внешнего обучения.
Исследование
Исследование
Я разделил исследование на два направления.
Я разделил исследование на два направления.
Я разделил исследование на два направления.
Новый пользователь
Новый пользователь
Новый пользователь
Для оценки первого запуска я протестировал интерфейс на пользователях без опыта, чтобы понять, насколько быстро они смогут разобраться в назначении приложения и начать работу. Это было важно, так как продукт часто открывают впервые еще до покупки оборудования, а также непосредственно перед уроком. Отсутствие понятного старта может снижать привлекательность продукта для руководства школы и повышать необходимость во внешнем объяснении.
Для оценки первого запуска я протестировал интерфейс на пользователях без опыта, чтобы понять, насколько быстро они смогут разобраться в назначении приложения и начать работу. Это было важно, так как продукт часто открывают впервые еще до покупки оборудования, а также непосредственно перед уроком. Отсутствие понятного старта может снижать привлекательность продукта для руководства школы и повышать необходимость во внешнем объяснении.
Для оценки первого запуска я протестировал интерфейс на пользователях без опыта, чтобы понять, насколько быстро они смогут разобраться в назначении приложения и начать работу. Это было важно, так как продукт часто открывают впервые еще до покупки оборудования, а также непосредственно перед уроком. Отсутствие понятного старта может снижать привлекательность продукта для руководства школы и повышать необходимость во внешнем объяснении.
Текущие пользователи
Текущие пользователи
Текущие пользователи
Провести интервью не было возможности, поэтому я изучил видеозаписи сессий, предоставленные мне компанией Recordex. Я хотел понять как выглядит воркфлоу чаще всего, что работает хорошо, а где возникают проблемы.
Провести интервью не было возможности, поэтому я изучил видеозаписи сессий, предоставленные мне компанией Recordex. Я хотел понять как выглядит воркфлоу чаще всего, что работает хорошо, а где возникают проблемы.
Провести интервью не было возможности, поэтому я изучил видеозаписи сессий, предоставленные мне компанией Recordex. Я хотел понять как выглядит воркфлоу чаще всего, что работает хорошо, а где возникают проблемы.
При первом запуске интерфейс сообщал об отсутствии камеры, но так как панели с инструментами были скрыты, пользователи не смогли попробовать аннотации и не получили никакой ценности.
При первом запуске интерфейс сообщал об отсутствии камеры, но так как панели с инструментами были скрыты, пользователи не смогли попробовать аннотации и не получили никакой ценности.
При первом запуске интерфейс сообщал об отсутствии камеры, но так как панели с инструментами были скрыты, пользователи не смогли попробовать аннотации и не получили никакой ценности.
Текущие пользователи редко использовали несколько панелей одновременно и почти не перемещали их, предпочитая минимизировать интерфейс и сохранять привычное расположение тулбаров.
Текущие пользователи редко использовали несколько панелей одновременно и почти не перемещали их, предпочитая минимизировать интерфейс и сохранять привычное расположение тулбаров.
Текущие пользователи редко использовали несколько панелей одновременно и почти не перемещали их, предпочитая минимизировать интерфейс и сохранять привычное расположение тулбаров.
Настройки сцены текущими пользователями практически не использовались
Скриншоты и видеозапись использовали регулярно
Настройки сцены текущими пользователями практически не использовались
Скриншоты и видеозапись использовали регулярно
Настройки сцены текущими пользователями практически не использовались
Скриншоты и видеозапись использовали регулярно
Также я провел UX-аудит и оформил ключевые проблемы в гайд, чтобы сделать решения в новом дизайне последовательными и обоснованными.
Также я провел UX-аудит и оформил ключевые проблемы в гайд, чтобы сделать решения в новом дизайне последовательными и обоснованными.
Также я провел UX-аудит и оформил ключевые проблемы в гайд, чтобы сделать решения в новом дизайне последовательными и обоснованными.
Ключевые решения
Ключевые решения
Я выстроил интерфейс вокруг приоритета основного сценария — работы с изображением камеры, которое занимает максимум пространства.
Для этого я скрыл менеджер последних записей экрана, так как он используется вне основного сценария демонстрации. Это позволило освободить ~15% экрана под изображение.
Я выстроил интерфейс вокруг приоритета основного сценария — работы с изображением камеры, которое занимает максимум пространства.
Для этого я скрыл менеджер последних записей экрана, так как он используется вне основного сценария демонстрации. Это позволило освободить ~15% экрана под изображение.
Я выстроил интерфейс вокруг приоритета основного сценария — работы с изображением камеры, которое занимает максимум пространства.
Для этого я скрыл менеджер последних записей экрана, так как он используется вне основного сценария демонстрации. Это позволило освободить ~15% экрана под изображение.
До
После
Ключевые решения
Ключевые решения
Отдельная панель для управления захватом экрана позволяет быстро отыскать эти функции и легко контролировать статус записи:
Отдельная панель для управления захватом экрана позволяет быстро отыскать эти функции и легко контролировать статус записи:
Настройки сцены снижены в приоритете, так как редко используются:
Настройки сцены снижены в приоритете, так как редко используются:
Тулбары зафиксированы и обесчивают привычное положение инструментов.
Тулбары зафиксированы и обесчивают привычное положение инструментов.
Показаны сразу — их не нужно включать или отключать, а при первом запуске сразу понятна ценность продукта.
Показаны сразу — их не нужно включать или отключать, а при первом запуске сразу понятна ценность продукта.
Доступ к разным группам инструментов происходит за счет переключателей — это экономит место и объясняет назначение выбранной группы.
Доступ к разным группам инструментов происходит за счет переключателей — это экономит место и объясняет назначение выбранной группы.
Первый запуск
Первый запуск
Я добавил стартовое окно с понятными сценариями начала работы. Теперь работа пользователя не блокируется, если камера еще не подключена.
Я добавил стартовое окно с понятными сценариями начала работы. Теперь работа пользователя не блокируется, если камера еще не подключена.
Я добавил стартовое окно с понятными сценариями начала работы. Теперь работа пользователя не блокируется, если камера еще не подключена.
Системный дизайн
Системный дизайн
Я также переработал системные части продукта — настройки инструментов и приложения, менеджер захватов и специфические иконки; собрал UI kit.
Я также переработал системные части продукта — настройки инструментов и приложения, менеджер захватов и специфические иконки; собрал UI kit.
Я также переработал системные части продукта — настройки инструментов и приложения, менеджер захватов и специфические иконки; собрал UI kit.
Системный дизайн
Менеджер захватов получил не просто новое оформление, но и улучшения UX:
Менеджер захватов получил не просто новое оформление, но и улучшения UX:
Не занимает место, пока не требуется демонстрация скринов или видео.
Не занимает место, пока не требуется демонстрация скринов или видео.
Сделан акцент на хронологии — проще найти промежуточный этап демонстрации.
Сделан акцент на хронологии — проще найти промежуточный этап демонстрации.
Превью последних захватов увеличены — разница между этапами демонстрации заметнее и проще сразу показать правильный скриншот/видео.
Превью последних захватов увеличены — разница между этапами демонстрации заметнее и проще сразу показать правильный скриншот/видео.
Добавлены избранные захваты для регулярного показа — не нужно искать их в файловом менеджере ОС.
Добавлены избранные захваты для регулярного показа — не нужно искать их в файловом менеджере ОС.
Добавлены превью для видео и сетов.
Добавлены превью для видео и сетов.
