Наш редизайн Medium's Claps ... и почему они, возможно, не решили сделать это таким образом.

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

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

Вот как в данный момент работает Clapping:

Наши отзывы

1) Давать хлопки слишком долго. Чтобы дать максимум 50 хлопков, читатель должен удерживать кнопку в течение 25 секунд. Это 2 хлопка в секунду. По сравнению с веб-версией Medium, которая увеличивается со скоростью ~ 5 ударов в секунду, она в 2,5 раза медленнее на мобильных устройствах.

2) Хлопки идут вверх с шагом 1, что слишком гранулировано. Вероятность того, что читатель хочет дать ровно 17 хлопков, вероятно, намного ниже, чем 15 или 20.

3) Отмена хлопков не является интуитивно понятным. Кнопка скрыта в общем меню:

Наше решение

Поиграйте с прототипом Framer здесь: https://framer.cloud/EfAmB

Возвращаясь к нашему отзыву выше:

1) Представив слайдер, читатели могут показать свою оценку гораздо быстрее. (Обновление: читатель отметил, что инженерная команда Medium тоже рассмотрела слайдер). Они также могут отредактировать, сколько хлопков они хотят дать, прежде чем подтвердить действие. Читатели все еще могут дать +1 Хлоп, нажав на иконку.

2) После +1 хлопки щелкают до кратных 5 на слайдере. (По крайней мере, это то, что мы хотели ... но не смогли показать это в анимации)

3) Отмена хлопков более заметна. Просто перетащите значок влево, чтобы отменить его, вот так:

Поиграйте с прототипом Framer здесь: https://framer.cloud/EfAmB

Так почему же наше решение не работает?

«Удовлетворение»

В Medium работает много умных людей, поэтому весьма вероятно, что команда разработчиков рассмотрела наше решение. В конце концов, их новая бизнес-модель вращается вокруг Клэпса, поэтому это изменение не было сделано вслепую. Мы помним об этом. Итак, давайте критикуем нашу собственную работу:

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

Напоминай хлопки в реальной жизни

В настоящее время оценка напрямую связана с количеством усилий, которые читатель вкладывает в его показ (продолжительность, в течение которой они удерживают кнопку «хлопать»). Если кто-то тратит 25 секунд своей жизни, чтобы подарить 50 хлопков, ему действительно должен понравиться пост. Как и в реальной жизни, чем дольше мы аплодируем, тем больше мы ценим. Но просто придирчиво, если оценка является фактором усилий, которые читатель прилагает к аплодисментам, тогда скорость, с которой приращение хлопков в секунду должно быть стандартизировано между мобильным телефоном и сетью. Прямо сейчас, когда я показываю 5 секунд благодарности на мобильном телефоне, я получаю 10 хлопков по сравнению с 25, если бы я реагировал на тот же пост на моем ноутбуке.

https://giphy.com/gifs/party-how-i-met-your-mother-applause-6nuiJjOOQBBn2

Затем, возможно, они ожидали, что пользователи не будут заранее учитывать, сколько хлопков они хотят дать, а вместо этого просто удерживают кнопку, пока они не захотят остановиться. Отсюда +1 приращение. В конце концов, мы не решаем заранее, что мы дадим ровно 15 хлопков после живого выступления. Мы просто хлопаем. Опять же, текущая реализация Medium более отражает то, как мы аплодируем в реальной жизни. Но так ли это должно быть?

Целеустремленное трение

Опять же, если кто-то тратит время, чтобы дать 50 хлопков, ему действительно нравится пост. Medium представил аплодисменты как небулевский способ показать реакцию. Наш дизайн, который облегчает хлопки, возможно, забирает этот ценностный сигнал для писателя.

Веб-ограничения

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

Деньги

Изображение из Medium Post, «Расширение партнерской программы Medium»

И, наконец, возможно, Medium намеренно хотел, чтобы отмена хлопка была трудной для обнаружения. Если авторы теперь зарабатывают деньги в результате количества хлопков, которые они получают, это не должно быть чем-то легко отменяемым. Отмена хлопка также трудно обнаружить в Интернете (вам нужно навести курсор на значок хлопа), поэтому мы не удивимся, если это будет осознанное решение. Возвращение аплодисментов также является редким явлением.

Возможно, этот пост пролил новый свет на команду разработчиков Medium о том, как перебирать Claps. Или, возможно, это только подтвердило то, что они уже знали. Легко критиковать или переделывать работу других людей. Но это эффективно, только если вы посмотрите на проблему и решение с обеих сторон стола.

Обновление: более 1600 из вас заявили о своей поддержке, аплодируя более 25 000 раз этой статье. Спасибо. Ниже приведен наш мини-анализ вашей информации.

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