{"id":14284,"url":"\/distributions\/14284\/click?bit=1&hash=82a231c769d1e10ea56c30ae286f090fbb4a445600cfa9e05037db7a74b1dda9","title":"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u0438\u043d\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0442\u0430\u043d\u0446\u044b \u0441 \u0441\u043e\u0431\u0430\u043a\u0430\u043c\u0438","buttonText":"","imageUuid":""}

Редизайн Telegram – решаем главные проблемы

Просто перерисовать интерфейс – это скучно. Поэтому я решил, что нужно исправить проблему с выручкой Telegram и улучшить взаимодействие с пользователем.

В конце статьи выложил исходник в Figma.

Новые каналы

Мне не нравится, что постоянно приходится искать что-то интересное в каналах. Это ок, когда ты подписан на 1-2 канала, но когда у тебя их 20-30, то это превращается в помойку. Добавим сюда еще сообщение из чатов и групп, получим супер неюзабельный ад.

Редизайн каналов в Telegram

Я решил отделить ленту с чатами и каналами друг от друга. Теперь между ними можно переключаться через нижний бар.

For you. Тут как в Twitter показываются виральные посты из каналов, на которые ты подписан и которые возможно будут тебе интересны.

Лента For you
Экран с каналом

Юзерам теперь не придется искать интересный контент. Каналы могут получить новую аудиторию. Telegram может монетизировать данный раздел и сразу получить миллиардный буст от всей своей аудитории. Как и в других сетях брать больше денег за видео и тд.

Сами сообщения в каналах перерисованы в стиле соц сетей, а не мессенджера. Теперь будет визуальное разделение.

Стандартный список каналов

Following – стандартная лента как сейчас в тг.

Telegram Visions

Почему инвесторы еще не сбрасывают акции компании Цукерберга, когда он тратит десятки ярдов на VR без результатов? Все из-за роста выручки за счет увеличения аудитории и Reels. Да, Марк лучший в копировании идей у конкурентов, а Дурову не стоит ждать, когда закончатся долговые деньги и самому встроить в Telegram короткие видео.

Telegram Visions

Добавляем отдельную вкладку в бар. Тут все как у всех, но можно скролом вправо/влево сразу переключаться между роликами автора, а не делать 2 лишних тапа.

Также можно посмотреть список роликов сеткой. Стоило разделить видео еще заголовками по категориям, типа Popular, Dance, Cats и тд.

Теперь каналам будет проще найти свою аудиторию, а не пытаться гнать ее из Инсты в тг. Плюс отдельная статья доходов для компании.

Telegram Focus

Почему для работы лучше использовать Slack? Потому что в тг постоянно прилетают сообщения, которые тебя отвлекают. Что если добавить аналогичную функцию как в iOS?

Telegram Focus

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

Smart Search

Страница поиска во всех соц сетях – это отдельный раздел с самым популярным контентом в сети. То есть мы экономим отдельную иконку в интерфейсе. Сейчас не понятно, какой пост или канал популярен в определенном языке или регионе. Как юзеры должны найти эти посты сами? Сейчас никак.

Telegram Smart Search

По-дефолту как в Twitter показываем самые популярные посты от каналов относительно языка и региона. Юзеры теперь будут в курсе всего популярного, а для каналов доп источник трафика. Ну и по традиции – доп источник выручки для самой тг.

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

Новые чаты

Редизайн чатов Telegram

Уменьшил размер кружков со сторисами. Перерисовал нижний инпут в чатах.

Иконка плюса в стиле iMessage. Она хороша тем, что можно добавить сторонние интеграции и сразу получать к ним доступ. Например, сразу создать звонок в Google Meets или создать встречу в Google Calendar и расшарить ссылку. Это куда удобнее ботов и удобнее для клиентов.

Профиль сделал в стиле iOS. Иконку секретного чата вынес в верхний бар (странно, что телеграм не пиарит эту фичу).

Premium канал
Подписка на Premium канал

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

Telegram достаточно заблюрить все посты Premium канале, чтобы юзеры видели сколько выкладывает постов и как часто. Рекламный пост канала всегда внизу с описанием от автора. Нативная подписка и легкие деньги для Telegram и меньше головной боли для админов.

Понятное дело, что придется модерировать чаек из OnlyFans, но это и так сейчас есть для всех постов через жалобу.

Редизайн настроек
Редизайн групп
Редизайн топиков

Итог

Учитывая, что на работу я потратил 10 дней с учетом анимации, то думаю, что работа получилась не плохая.

Анимацию учился делать по ходу дела из-за дедлайна и это самая сложная часть работы. Моушен дизайнеры Telegram заслуживают отдельного респекта.

Файл Figma:

0
8 комментариев
Написать комментарий...
Yury Grinev

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

Ответить
Развернуть ветку
Александр Крот

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

Ответить
Развернуть ветку
Andy Raxxy

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

Ответить
Развернуть ветку
Digital Engineer

Выглядит как инста, может поэтому они так не делают

Ответить
Развернуть ветку
Tim Cookie

было бы круто , если бы редизайн как представлено в статье внедрили

Ответить
Развернуть ветку
Вячеслав Дерипаско

Руслан, отличная работа 🤝

Ответить
Развернуть ветку
Ghiyd jddf

Мне нравятся некоторые идеи

Ответить
Развернуть ветку
Svyaztozavr 799

Какие именно?

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