TELEGRAM DESIGN CONTEST
Конкурсная работа для контеста на $75,500 от команды Телеграма для дизайнеров со всего мира
задача
За 2 недели разработать концепт для Telegram Nodes с нуля, сохранив при этом привычные элементы интерфейса Telegram. Концепт должен быть органичным и эстетически привлекательным, оставаясь при этом интуитивно понятным для пользователей.
Nodes — это отдельные пространства внутри приложения, которые помогают пользователям организовывать и разделять коммуникацию: от личного общения до рабочих процессов. Это не просто папки для чатов или группы с темами, а полноценные пространства, похожие на серверы Discord или рабочие области Slack.
Внутри узлов могут быть разные типы чатов, включая голосовые и видеочаты, а также расширенные настройки администрирования и роли пользователей.
Пользователи, присоединившиеся к узлам Telegram, могут настроить отдельные имя, фото профиля и описание, отличающиеся от основного аккаунта. После этого они могут переключаться между узлами и основным Telegram-инбоксом, например через левое меню, где отображаются все их узлы и другие подключенные аккаунты Telegram.
требования
- Ясность и полезность обязательны – все должно быть сразу понятно пользователям, исключая любую путаницу.
- Функции должны быть продуманы до уровня готовности к внедрению.
- Важно учитывать все сценарии использования — как пользовательские, так и административные.
- Важны понятная точка входа и удобное управление нодами.
- Обязательна поддержка светлой и темной темы.
- Полный сет мокапов на каждую платформу: IOS и Android
- Демо видео для одной из платформ в том же виде, что и демки в блоге Telegram.
- Winner Place :)
архитектура
Не смотря на то, что ноды это гораздо большее, чем канал или групповой чат, я предложил встроить его в общий список чатов. Чтобы с первого взгляда юзер отличил ноды от обычного чата, я создал айдентику фичи: логотип, маску для аватара и бейдж с именем профиля ноды.
- 1Логотип ноды
- 2Маска ноды
- 3Тег профиля
Нода внутри выглядит как общий список чатов с изменёнными контролами. Есть папки чатов, возможность закреплять чаты и даже искать внутри узла.
Вместо привычного таб-бара теперь находится плашка с именем и фоткой профиля ноды. Рядом вынесена кнопка с контролами, позволяющая создать чат или редактировать список чатов (для админов)
профиль
Принял решение сделать профили нод в виде маски основного аккаунта. Работает это практически так же, как уже существующая кастомизация внешнего вида.
Коммуникация между людьми в ноде — это точно те же личные чаты. Вы взаимодействуете с тем же аккаунтом, с которым у вас уже может быть 10-летняя история переписки.
Это удобно, но лишает возможности анонимизации своего настоящего аккаунта — что может быть плюсом и минусом одновременно.
роли
На проектирование роль-менеджмента я потратил значительную часть времени. Я создал максимально гибкую систему, не утонув в юзабилити:
- Несколько точек входа в настройки и управление ролями
- Оверрайд прав ролей для отдельных каналов и чатов
- В каждую роль можно добавить юзеров-исключений
Такая система работает для всех основных типов нод:
- Маленькие (до 10 чатов, 3–15 человек): можно вообще ни разу не залезть в настройки ролей — по умолчанию иерархия в точности повторяет групповой чат (создатель — админ, участники могут заходить во все чаты, но не могут ими управлять)
- Корпоративные
- Медиа-гиганты
- И даже, теоретически, ноды целых государств 🤪
голосовой канал
Вместе с нодами в Telegram появится новая сущность — голосовые комнаты, которые всегда активны (аналог voice room в Discord).
Я взял существующий функционал звонков и спроектировал для них принципы и правила существования внутри ноды. Получилось сохранить магическую элегантность и простоту UX Telegram.
результат
Выиграл III место (I места вообще не было лол). +$2000 и куча респекта.
Ниже удобно собраны все макеты. Работы других участников.
спасибо за просмотр
Если у вас есть вопрос, идея, предложение или вы неимоверно хотите поболтать — напишите мне в Telegram Скопировано!