Обзор лучших веб-клиентов Telegram по версии «Кода Дурова» после бонусного раунда Telegram Contest

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

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

Бонусный раунд завершился в начале сентября, и в нем приняли участие 10 победителей предыдущего раунда. В задачи участников вошли:

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

Критерии оценки «Кода Дурова»

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

• Самое важное: оценка работы над ошибками участника по шкале от 0 до 20 баллов.
• Важное: оценка скорости (загрузки и работы клиента), а также качества и плавности анимаций — за каждый из этих двух параметров мы присваивали до 5 баллов.
• Второстепенные критерии: оценка наличия или отсутствия тех или иных настроек, функций и фишек Telegram в веб-клиенте.

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

Обзор и оценка топ-3 работ по версии «Кода Дурова»

Posh Ram — 3-е место (27,5 баллов)

Участник под ником Posh Ram занял второе место как по оценке «Кода Дурова», так и по мнению судейской бригады Telegram. Но несмотря на продуманный интерфейс, клиент получил значительное количество замечаний: 34 бага нашли судьи и еще 30 комментарией под работой оставили пользователи.

Много замечаний в бонусном раунде не учтено: все так же нельзя остановить стартовавшую загрузку медиа, при повторном входе в чат клиент часто пытается заново его загрузить, нельзя удалить чат из списка Recent в поиске, «десептиконы» то и дело «вторгаются» в голосовые сообщения (именно так слышится ваш голос при записи «войсов») и многое другое. На Android-устройстве удалось поймать странный баг с просмотром видео: тап на ролике не запускает его, воспроизведение можно включить только если перейти на предыдущий медиафайл и только потом вернуться к желаемому.

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

Несмотря на приличный объем работы, который проделал Posh Ram, клиент остался довольно тяжелым — он все еще заметно нагружает CPU и оперативную память. Как заметили некоторые пользователи, в консоли debug часто выскакивают ошибки, а Safari жалуется что вкладка «съедает» много ОЗУ. Работу над ошибками мы оценили в 9 баллов.

Скорость загрузки клиента и впечатления от его работы в целом неплохие. Клиент довольно шустрый, но не без нареканий. На Android веб-клиент открывается с красивой анимацией списка чатов. Пролистывание списка чатов и самих диалогов быстрое и плавное. Но на этом позитивные впечатления сменяются долгой загрузкой диалогов и стикерпаков. Как мы уже отмечали ранее, нельзя остановить загрузку медиа, чаты часто загружаются заново при повторном входе в Safari на iOS, иногда пропадает фон чатов и интерфейс становится полностью белым. Касательно скорости мы присвоили этой работе только 3 балла.

Что касается анимаций, то их здесь в целом немного. Мы заметили лишь несколько: во время перехода в чат или канал, при загрузке стартовой страницы с диалогами и при открытии меню с настройками. Анимации работают шустро, но настроить или вовсе отключить их нельзя, разве только выключить предпросмотр стикерпаков (при включении предпросмотра будут подтормаживания). Как итог — 4 балла.

Дополнительно 11,5 баллов за:

• комментарий со списком исправлений в работе — 1 балл;
• возможность закреплять и откреплять диалоги — 1 балл;
• продуманный интерфейс настроек и возможность кастомизации — 1 балл;
• наличие InstantView — 1 балл;
• возможность создать канал и беседу — 1 балл;
• наличие настроек приватности и возможности их редактировать — 1 балл;
• возможность отключать уведомления, конкретного чата, беседы, канала — 1 балл;
• возможность вести канал (публиковать сообщения) — 1 балл;
• наличие синих галочек верификации — 1 балл;
• возможность смены языка — 1 балл;
• отображение кнопок под постами в канале — 1 балл;
• корректная верстка описания канала — 0,5 балла (верстка есть, но гиперссылки не работают);
• наличие глазка с просмотрами в каналах — 0 баллов;
• наличие статистики каналов — 0 баллов.

Итого — 27,5 баллов.

Ace Monkey — 2-е место (29 баллов)

Работа участника с ником Ace Monkey в предыдущий раз вошла в топ-3 по мнению судейской команды Telegram и заняла 4-ое место в рейтинге «Кода Дурова». После исправления ошибок результат, по мнению нашей команды, получился заметно лучше и работе удалось занять вторую строчку в нашем рейтинге.

Первое, что обращает на себя внимание — это небольшое количество замечаний от пользователей и жюри в сравнении с другими конкурсантами: судьи отметили 24 бага и еще 17 комментариев оставило коммьюнити. Что интересно, на Android-устройствах было найдено не так много ошибок, как при работе клиента на ПК и в Safari в частности.

Однако, несмотря на это, многие критические нарекания так и не были исправлены в бонусном раунде. Веб-клиент все еще «ест» много оперативной памяти в Safari, сильно тормозит при поиске GIF-анимаций и имеет ряд других менее значимых недочетов.

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

Что касается скорости загрузки и работы клиента, то тут каких-то критических замечаний у нас нет. В целом все относительно стабильно до момента работы с GIF-анимацией — она здесь, как и в большинстве работ, сильно нагружает устройство и из-за этого клиент начинать лагать. Решать эту проблему зачастую приходится перезагрузкой вкладки. Как итог за скорость — 4 балла.

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

Дополнительно 8 баллов за:

• возможность закреплять и откреплять диалоги — 1 балл;
• возможность создать канал и беседу — 1 балл;
• возможность отключать уведомления, конкретного чата, беседы, канала — 1 балл;
• возможность вести канал (публиковать сообщения) — 1 балл;
• наличие синих галочек верификации — 1 балл;
• отображение кнопок под постами в канале — 1 балл;
• корректная верстка описания канала — 1 балл;
• наличие глазка с просмотрами в каналах — 1 балл;
• комментарий со списком исправлений в работе — 0 баллов;
• продуманный интерфейс настроек и возможность кастомизации — 0 баллов;
• наличие InstantView — 0 баллов;
• наличие настроек приватности и возможности их редактировать — 0 баллов;
• возможность смены языка — 0 баллов;
• наличие статистики каналов — 0 баллов.

Итого — 29 баллов.

Jolly Cobra — 1-е место (31 балл)

Одна из лучших работ третьего этапа JS-конкурса по версии «Кода Дурова» и судейской комиссии Telegram за время тестирования получила более 35 сообщений о найденных багах от пользователей и еще 25 нареканий от судей.

Как и другим участникам, Jolly Cobra не удалось исправить все замечания. Так, не была добавлена полноценная регистрация, плохо работают GIF-анимации, не реализован покадровый скролл во время стриминга видео, не исправлены баги с началом загрузки контента только после окончания пролистывания и отображения иконки проигрывания во время просмотра видео, а также многое другое. Немного обескураживает цветовая гамма в настройках: ее бледно-голубой и бледно-серый оттенки обычно применяются к неактивным элементам, из-за этого возникает зачастую ложное ощущение отсутствия той или иной функциональности.

Однако большая работа все же была проделана. Конкурсант успешно исправил в своем веб-клиенте больше половины ошибок, выявленных жюри и пользователями: была реализована возможность вступления в группы и каналы, неплохо сделан поиск по GIF, появился поиск по дате внутри чата, исправлены ошибки в папках, появилась возможность отменить стартовавшую загрузку песен и в целом исправлена работа с аудиофайлами, частично исправлена ситуация с использованием клиента в альбомной ориентации и многое другое. Отдельно отмечу, что одно из главных замечаний — вылет страницы в Safari из-за большого веса вкладки и нехватки оперативной памяти – конкурсант тоже постарался исправить. Веб-клиент полностью от этого бага пока не избавился, но ошибка стала появляться гораздо реже, чем раньше. Еще один субъективный плюс — анимация стикеров в списке набора стартует после долгого нажатия на каждый из них. На наш взгляд, неплохое решение для веб-клиента. В целом работу над ошибками мы оценили в 13 баллов.

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

В веб-клиенте Jolly Cobra мы тоже не нашли большого количества анимаций — она работает лишь в паре элементов. Cообщения в диалоге и их прокрутка никак не анимированы. В целом те пару элементов с анимацией работают достаточно шустро, лагов на iOS мы не заметили, хотя на Android они могут немного подтормаживать. Поэтому только 4 балла.

Дополнительно 10 баллов за:

• комментарий со списком исправлений в работе — 1 балл;
• возможность закреплять и откреплять диалоги — 1 балл;
• продуманный интерфейс настроек и возможность кастомизации — 1 балл;
• возможность создать канал и беседу — 1 балл;
• наличие настроек приватности и возможности их редактировать — 1 балл;
• возможность отключать уведомления, конкретного чата, беседы, канала — 1 балл;
• возможность вести канал (публиковать сообщения) — 1 балл;
• наличие синих галочек верификации — 1 балл;
• наличие глазка с просмотрами в каналах — 1 балл;
• возможность смены языка — 0,5 балла (в настройках пункт есть, но языки не предзагружены);
• наличие статистики каналов — 0,5 балла (кнопка статистики и макет есть, но данные туда не подгружаются);
• корректная верстка описания канала — 0 баллов;
• отображение кнопок под постами в канале — 0 баллов;
• наличие InstantView — 0 баллов.

Итого — 31 балл.

Оценки других участников бонусного раунда

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

Заключение

Естественно, теперь слово за жюри конкурса — в ближайшее время участники бонусного раунда разделят между собой призовой фонд в $30 000. На наш взгляд, у каждой из топ-3 работ (Jolly Cobra, Ace Monkey, Posh Ram)  есть хороший шанс стать основой для официального веб-клиента Telegram, а у его разработчика — получить предложение о работе в команде мессенджера. Кто это будет, мы должны узнать очень скоро. Будем с нетерпением следить за развитием событий и рассказывать об этом в будущих заметках.