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

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

Мы можем пойти дальше, чем отображать время чтения или продолжительность. С помощью Javascript мы можем фактически отображать буквальное цифровое время «быстро вперед».

Максимальная оптимизация времени

Отображение content-length в единицах времени — распространенный инструмент, используемый разработчиками для расширения возможностей пользователя. Медиум использует его. Ютуб использует его. Вероятно, это реализовано в каждой контентной сети.

Маркер «3 минуты чтения» информативен, но я считаю, что мы, разработчики, можем пойти дальше. Чтение за 3 минуты относится исключительно к рассматриваемому фрагменту контента и ничего не говорит мне — как пользователю — о времени, которое я увижу на своих часах, когда истекут 3 минуты.

С помощью Javascript мы, как разработчики, можем исправить эту ситуацию, и я предлагаю вместо этого отображать буквальное время на часах, которое пользователь получит через 3 минуты.

Здесь нам говорят (как пользователю) не только то, что чтение составляет 3 минуты, но и то, что в 19:37 мы закончим. Используя Javascript, это время можно добавить динамически, чтобы оно обновлялось каждую секунду, как мы просматриваем.

Это мощная оптимизация времени: она направлена ​​на то, чтобы дать пользователю возможность эффективно использовать свое время. У пользователя может быть чувство непосредственности по отношению к часам (которые всегда тикают) и действовать, чтобы воздействовать на свое драгоценное время наиболее эффективным способом.

Еще до и после

До: мы видим, что фильм займет 2 часа и 1 м нашего времени. После нас дополнительно уведомляют, что фильм завершится в 19:37:

Инструменты и методы

Хорошая новость заключается в том, что существует множество библиотек времени Javascript 🎉, которые могут облегчить такую ​​​​функциональность, например. luxon, и есть много других, которые делают что-то подобное.

Заключительные мысли

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