{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}

Удобные чек-листы в Telegram

Я некоторое время назад начал активно пользоваться списками. Если что-то не запишу, то обязательно забуду. Это касается списка дел, продуктов, дневных активностей и прочего. Приложения для смартфона по этой теме особо не зашли (хотя сильно глубоко не искал). Зато мне на помощь пришел Telegram с его сохраненными сообщениями.

Телеграм удобен тем, что есть сразу на всех основных платформах (компьютере и смартфоне), и обычно постоянно запущен. Если надо что-то срочно записать — он всегда под рукой.

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

Структурировал как мог, потому что телеграм оказался удобным в целом, и всегда под рукой

Когда в магазине я совершал покупки по списку из чата, то редактировал сообщение и удалял те товары, что уже купил. Так было проще ориентироваться в списке. Но не сказал бы, что это было удобно. И вдруг этой весной я увидел обновление телеги, где была добавлена возможность использовать web app технологию для ботов. Она позволяет открывать нативно внутри чата сторонние сайты и расширять возможности бота. И тогда я сразу понял, на какой идее протестирую эту технологию!

Web app позволяет встраивать веб приложения нативно внутри телеграм

Получился вот такой удобный инструмент для чеклистов прямо внутри телеграм. У некоторых пользователей поначалу был небольшой конфуз из-за отсутствия команд в боте. Нужно было просто написать название чеклиста в чат и он создастся.

Сразу оговорю, что не буду вдаваться в подробности, чем отличаются чеклисты от списков задач. Это гуглится и не совсем имеет отношение к теме. В данном контексте списки в боте можно использовать как в качестве чеклистов, так и в качестве списков задач (с некоторыми допущениями). Также, если говорить о рабочей продуктивности, некоторые опытные прокрастинатологи говорят, что телеграм — это не про продуктивность 😉 Помните об этом!

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

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

Не хотелось тратить на гифку много времени, в итоге сделал прямо на смартфоне с помощью записи экрана и пары приложений из play-маркета

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

Совсем недавно добавил возможность копировать чеклист в буфер обмена или отправлять в чат, чтобы потом можно было переслать его отдельным сообщением. В ближайших планах добавить возможность копирования ссылки с командой, которая позволит при открытии сразу посмотреть чужой чеклист или добавить его к себе. Кажется, что возможность делиться чеклистами — это удобно. Составил список продуктов, отправил супруге, она в удобном виде прошлась по нему, собирая с полок молоко и печенье. Было бы здорово создавать чеклисты в групповых чатах для совместного использования, но пока web app не поддерживает работу в групповых чатах.

Дополнительные действия с чеклистом

Основная из проблем, которые остаются на текущий момент — перекрытие поля ввода клавиатурой на айфонах. Слышал, что для их владельцев не в первой видеть трудности с ui. Но пока я не придумал, как это исправить удобным образом. Как вариант — поднимать поле ввода наверх, но кажется не очень хорошим ux решением. Если есть идеи — пишите!

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

А сейчас прилагаю пару кейсов по использованию бота.

Кейс 1: Как упростить составление списка продуктов

Обычно я покупаю одни и те же продукты с различной периодичностью. Стоит составить 1 список единожды и дополнять его по мере необходимости.

✅ После похода в супермаркет отмечаем купленное галочками, но не удаляем.
✅ Перед новым походом просто пробегаем по списку и убираем галочки у требуемых продуктов.
✅ Это сэкономит вам время и силы для составления нового списка, в котором вы что-то можете забыть.

Даже при добавлении новых позиций список все равно не становится слишком большим настолько, чтобы в нем было трудно ориентироваться. Какие-то нерегулярные покупки, например, для новогоднего застолья, я бы советовал поместить в отдельный список 🥂

Кейс 2: Как я перестал забывать вещи для спортзала

Хожу регулярно в зал 2-3 раза в неделю уже весь последний год. Но так или иначе возникали примерно 1-2 раза в месяц ситуации, когда я что-то забывал взять с собой 😞

Однажды я мылся в душе босиком, потому что забыл взять сланцы. Один раз пришлось вытереть тело сменной футболкой вместо полотенца, потому что забыл его. Было дело, что уходил домой без трусов или носков 😳. И даже несколько раз занимался без музыки, потому что забывал наушники (самое частое забывание, потому что наушники не лежат регулярно в одном месте) .

Теперь, перед каждым выходом в спортзал, сверяюсь с чеклистом 👍! После того, как начал это делать, не возникало подобных казусов.

Также я завел небольшой чат https://t. me/chchecker для обсуждений по теме бота. Бот работает на двух языках (в зависимости от языка телеги) , но в чате пока только несколько русскоговорящих пользователей. Буду рад узнать, что бот оказался полезен кому-то кроме меня. Также всегда благодарен за любую обратную связь. Здорово, если кто-то захочет поделиться своим чеклистами для разных целей (например, командировки, путешествия, походы) . Составлять собственные списки, опираясь на примеры, обычно проще 😉

Update 24.08.2023

После написания статьи бот постоянно улучшался. Добавилось много новых функций, в том числе давно можно:
- Поделиться чеклистом.
- Установить напоминание для пункта списка или всего списка сразу.
- Работать в групповых чатах и каналах через inline-режим.

Об этих и других улучшениях я рассказываю в новой статье про бота 😉

0
155 комментариев
Написать комментарий...
Бот ЦИПсО #66213
Основная из проблем, которые остаются на текущий момент - перекрытие поля ввода клавиатурой на айфонах.

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

Ответить
Развернуть ветку
Марк Тлен
Автор

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

Ответить
Развернуть ветку
Бот ЦИПсО #66213

Тогда это выглядит как баг телеграма под iOS

Ответить
Развернуть ветку
Альберт Базалеев

Это баг WebView всего мобильного Safari :)

Ответить
Развернуть ветку
Бот ЦИПсО #66213

Ну в других приложениях-то вебвью нормально ресайзится, когда клавиатура открыта

Ответить
Развернуть ветку
Марк Тлен
Автор

Частично пофиксил, стало лучше, но не идеально

Ответить
Развернуть ветку
152 комментария
Раскрывать всегда