В предыдущем рассказе я рассказывал о том, как мне удалось решить проблему множественного выбора из очень длинного списка, что оказалось вторым этапом процесса создания листинга, с которым столкнулись наши провайдеры. У этого же процесса был еще один сложный момент: отсутствие разнообразия загружаемых фотографий.
Наша команда по качеству контента, которая проверяет созданные провайдером объявления, постоянно просила их загрузить больше фотографий по определенным темам, потому что они находили загруженных недостаточными для публикации объявления. Это не только задерживает время публикации контента, но и требует дополнительных ресурсов для редактирования.
Что я могу сделать со стороны продукта, чтобы это улучшить?
Еще в те дни, когда мы разрабатывали этот процесс, мы добавляли подсказки, чтобы направлять поставщиков в нужное русло. Есть информация о том, какие фотографии мы ожидали, но нет реальных ограничений на сами загруженные изображения. И мы знаем, что люди не читают. Поэтому мне пришлось найти более наглядный подход.
Проведя исследование на сайтах некоторых конкурентов и других значительных игроков, я нашел решение Esty самым дружелюбным: у них есть таблица с примерами, которые показывают, какие типы фотографий вы должны загружать. ваш продукт.
Жаль, что это всего лишь визуальный трюк, вы не можете поместить нужные фотографии в назначенное место для перетаскивания (это может быть похоже на решение головоломки, а это весело). Когда вы добавляете фотографии, они просто начинают закрывать вспомогательные значки и нажимать на призыв к действию «Добавить фото» вправо.
Это только визуально, но не функционально, но меня вдохновило.
Что, если бы у нас было несколько областей перетаскивания для разных категорий фотографий?
Это смелая идея. Прежде чем приступить к делу, давайте проведем небольшой анализ рисков:
Минусы
- не существующий шаблон пользовательского интерфейса (или, по крайней мере, я нигде не видел его во время исследования), для обработки может потребоваться большая пропускная способность мозга
- это может вызвать проблемы с сортировкой, если мы разделим группы загрузки
- загрузка фотографий может занять больше времени, другие провайдеры могут отказаться от процесса
Плюсы
- четкие визуальные подсказки, провайдерам не нужно читать советы, чтобы знать, чего мы от них ожидаем
- мы можем установить ограничения на количество загружаемых фотографий по каждой категории
Исходя из первоначального анализа рисков, казалось, что все «за» и «против» уравновешивают друг друга, поэтому я дал зеленый свет, расставив приоритеты в истории, и запланировал ее на следующий спринт.
Конечно, маленький дьявол UX-паттернов сидел мне на плече и говорил мне, что это будет мгновенный провал. Ангел на другом моем плече продолжал убеждать меня, что, пока мы продолжаем отслеживать соответствующие показатели и понимать, что они означают, все будет хорошо.
Поэтому я собрал действительно быстрый прототип желаемой функциональности и передал его нашим разработчикам для создания.
Собрать воедино настоящий инструмент для загрузки фотографий из нескольких зон оказалось не так просто, как создать сам прототип. Исходный сценарий не был готов к работе с несколькими источниками, несколькими кнопками и сохранением дополнительной информации, такой как категория, в которую было перетащено изображение.
Два разработчика отказались от этого почти трижды.
Для дизайнера это одно из самых болезненных ощущений - осознавать, что ваша потрясающая идея может оказаться невыполнимой. Я действительно верил в идею и хотел увидеть результаты теста, но не любой ценой.
Я сел с разработчиками, чтобы узнать, чем были главные препятствия, и мы скорректировали идею так, чтобы она по-прежнему служила первоначальной цели и могла быть реализована в разумные сроки.
Большое спасибо xandi и Мохамеду Самиру Мохамеду за то, что они держались!
Тест, метрики и результат
Поскольку тестируемый трафик был довольно небольшим, мы поддерживали его в рабочем состоянии около месяца. Большинство записанных количественных показателей были очень ненадежными в такой небольшой тестовой группе (300 пользователей в обоих вариантах), поэтому мы решили получить качественную обратную связь, чтобы внести в таблицу.
Перед тестом я выбрал количество загруженных фотографий и количество поставщиков, застрявших на этом этапе в качестве основного количественного показателя, а отзывы наших редакторов как качественный показатель.
Когда тест закончился, этого количества информации оказалось недостаточно для принятия правильного решения. Разница между количеством загруженных фотографий не была статистически значимой (14 в одной зоне против 16,6 в многозонной), и я хотел найти еще несколько показателей, которые могли бы помочь мне увидеть более широкую картину.
К счастью, мы фиксируем, когда редактор запрашивает более разнообразные фотографии, и общее количество запросов на добавление фотографий было на 40% меньше в новом варианте! Отзывы наших редакторов также усилили этот показатель:
«Я также могу сказать, что я не слишком много использовал точку улучшения для фотографий за последние 3 недели по сравнению с прошлым. «
«Я также заметил, что я использовал меньше очков улучшения для фотографий и заметил, что разнообразие добавляемых фотографий теперь лучше. Могу сказать, что я использую точку улучшения фотографий только для того, чтобы попросить организатора обеспечить лучшее качество фотографий ».
Был один показатель, который меня не устраивал: количество времени, которое потребовалось поставщикам на выполнение этого шага. По сравнению с 14 минутами старой версии (включая загрузку, обрезку и сортировку) время увеличилось до 26 минут… Почти вдвое.
Некоторое увеличение имеет смысл, так как теперь они должны просматривать свои файлы 4 раза, выбирая соответствующие, вместо того, чтобы просто заходить в свой браузер один раз и выбирать все. Но почти вдвое больше времени?
Пришло время проанализировать взаимодействие.
Я просмотрел все записи инспектирования, чтобы узнать, есть ли какие-то проблемы. Я проверил процент отсева этой страницы. Я углубился в цикл обратной связи, который мы интегрировали на эту страницу, чтобы найти отрицательные отзывы. И я ничего не нашел. Никаких проблем, никаких несчастных смайликов. Они просто потратили на это больше времени, чтобы распределить свои фотографии по категориям.
Кажется, что сокращение времени, затрачиваемого на шаг, не всегда связано с улучшением взаимодействия с пользователем и качеством контента.
Почему работает загрузка фотографий в многоточечную зону?
В своей первоначальной идее я применил несколько приемов убеждения, которые могут иметь какое-то отношение к результату.
Завершение набора
Чем ближе коллекция к завершению, тем больше мы хотим собрать все части - факт, что это последний шаг процесса, пользователи хотели его завершить, поэтому не было более высокого падения из ставки.
Распознавание образов
Наш мозг ищет способы упорядочить и упростить сложную информацию, даже когда нет шаблона - мы дали им 4 зоны перетаскивания, что ново, но шаблон и дизайн остались такими же, как раньше, поэтому он казался менее необычным.
Соответствующие вызовы
Мы с удовольствием справляемся с трудностями, особенно с теми, в которых соблюдается баланс между утомительным и утомительным. Заполнение 4 полей с несколькими фотографиями на каждое - не такая уж большая дополнительная работа по сравнению с одним большим полем. Вложение немного больше, но не слишком большое.
Я хотел бы сделать его еще более игривым и больше похожим на игру, как в подходе Etsy. В качестве продолжения я попытаюсь проиллюстрировать зоны перетаскивания некоторыми значками, чтобы провайдерам нужно было читать еще меньше.
