И хоть я была первой, кто указал на эту функцию (спасибо Леше за идею), TG реализовали добавление людей еще круче: (см криншот) + сделали возможность добавить участника по ссылке на звонок. Ура, теперь такая функция доступна🥳! Win!

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

Мой пост с описанием добавления участников в звонок. В нем, кстати, не выполнены все условия конкурса: нет версии для Android, нет ссылки на source file. Скорее всего, именно поэтому идею и не отметили, но доработали и зарелизили. А это и есть победа : )

Ссылка на мою фичу на сайте конкурса

Привет, меня зовут Юлия Конова
ex Senior UX/UI Designer at SmartBear, IngramMicro Cloud, Parallels.

Мой телеграм канал: @yuandyudesign
Мой инстаграм: @yuandyudesign
Мой телеграм: @yuandyu

Yulia Konova

И тогда поиск по списку был бы более понятным. Они тут, конечно, рассчитывают на поиск по карте.

Отображение в виде списка: нам доступно выбирать только по отзывам или времени в пути до места. Зато есть бейдж "Хорошее место" и реклама.

Привет, меня зовут Юлия Конова
ex Senior UX/UI Designer at SmartBear, IngramMicro Cloud, Parallels.

Мой телеграм канал: @yuandyudesign
Мой инстаграм: @yuandyudesign
Мой телеграм: @yuandyu

• Каналы можно группировать по темам в папки, но и этот инструмент можно докрутить.
• Я хотела бы собрать несколько каналов в одну ленту, чтобы читать посты в порядке их появления. Такой вариант я собрала для выбранной папки.
• Сейчас я захожу в каждый канал и читаю (1а, 2а, 3а), затем захожу в другой канал и читаю (1б, 2б, 3б). Лента позволит посмотреть посты в следующем порядке "1а, 1 б, 2а, 2б, 3а, 3б итд).
• Другой вариант: лента для выбранных каналов (не всей папки).

По итогам конкурса, Telegram взял другую мою идею на тестирование.

Привет, меня зовут Юлия Конова
ex Senior UX/UI Designer at SmartBear, IngramMicro Cloud, Parallels.

Мой телеграм канал: @yuandyudesignМой инстаграм: @yuandyudesignМой телеграм: @yuandyu

Что нужно сделать, чтобы собрать групповой звонок (conference call) в Telegram? А также мое предложение для конкурса дизайнеров.

Чтобы добавить участников в групповой звонок нужно (май 2024):

1) Создать группу

2) Добавить участников

2) Позвонить по видео чату в группе.

Минусы:

• Добавить участников прямо во время звонка нельзя (Хотя у конкурирующего WhatsApp такая возможность есть). Выглядит как ограничение.
• Неочевидно, что нужно создать группу для того, чтобы созвониться.
• Начать групповой звонок (video chat) может только организатор группы.
• Группа после звонка это еще один "ненужный чат".

Вот как могла бы выглядеть возможность создать групповой звонок (добавить людей к звонку) ✌︎

• Функция находится именно там, где есть ожидание ее найти (во время звонка).
• Нет "лишних чатов".

По итогам конкурса, Telegram взял мою идею на тестирование.

Привет, меня зовут Юлия Конова
ex Senior UX/UI Designer at SmartBear, IngramMicro Cloud, Parallels.

Мой телеграм канал: @yuandyudesign
Мой инстаграм: @yuandyudesign
Мой телеграм: @yuandyu

• вместо "Открыть двери" нажимают "Быстрее закрыть".
• люди долго ищут свой этаж.

А ведь так легко можно улучшить этот мир ☞ ведь дизайн интерфейсов это универсально.

Привет, меня зовут Юлия Конова
ex Senior UX/UI Designer at SmartBear, IngramMicro Cloud, Parallels.

Мой телеграм канал: @yuandyudesign
Мой инстаграм: @yuandyudesign
Мой телеграм: @yuandyu

Не нужно выбирать между двух сомнительных решений, из двух зол. Шаг за шагом, но хорошо. Лучше сделать маленький кусок хорошо. По кирпичику. Если масштаб предложенных дизайн изменений большой, предлложите как его можно разбить на шаги и добавить их в беклог.

«Это временно» и другие примеры

• Новый дизайн директор уволил коллегу дизайнера. В «его» продукте накопилось много странных решений: навигация с разными режимами отображения, нетипичные пути настройки, нерешаемое годами легаси. Видимая ложная простота со сложными вложенными панелями. А в сумме: причина для увольнения. 🌊
• Мы делали глобальный профиль для нескольких продуктов, и «экономичным» решением было сделать дополнительную панель вместо изменений хедеров в каждом продукте (созданы/куплены в разное время, у каждого свой стек). В итоге, менеджеру принявшему непопулярное решение пришлось уйти, а в каждом продукте все-таки сделали единые хедеры (как бы продукт-менеджеры ни сопротивлялись дополнительной работе). Затратное по ресурсам, но правильное решение победило. 🌊
• В далеком 2009 (назовем это время «уроки фриланса») я согласилась взяться за дизайн сайта по цене ниже обычной. Стратегия студии, с которой я сотрудничала, была в привлечении компаний на хостинг и доработки (за ежемесячный небольшой счет) на недорогой чек по дизайну сайта. Через несколько месяцев клиент ушел к конкурентам, которые резонно указали на «слишком простой сайт». Заведомо проигрышная стратегия. 🌊

Привет, меня зовут Юлия Конова
ex Senior UX/UI Designer at SmartBear, IngramMicro Cloud, Parallels.

Мой телеграм канал: @yuandyudesign
Мой инстаграм: @yuandyudesign
Мой телеграм: @yuandyu

Но! Метафоры в графических образах: в дизайн концепциях, логотипах, рекламных кампаниях, копирайтинге - это яркий и цепляющий запоминающийся образ. Особенно, когда метафора не избита, «ассоциация второго уровня». Это дополнительный обогащающий слой сообщения. Must have

Проблема: разное расположение кнопок на разных устройствах.

Я использую Google.Meet для рабочих и личных звонков. И когда мне нужно переключиться с одного устройства на другое (уезжаю на важную встречу и хочу продолжить присутствовать на звонке), я случайно нажимаю "Завершить вызов" вместо "Включить микрофон". 🥵

Если сравнить с другими мобильными приложениями видеосвязи, нигде не используется подобное расположение кнопки "Завершить звонок".

• Web site: использовать белый фон для состояний "микрофон выключен" и "камера выключена".

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

• Web site: использовать белый фон для состояний "микрофон выключен" и "камера выключена".
• Mobile app: поменять местами кнопки, синхронизировав их в веб версией.

Согласно Material design, Floating button может быть расположена как в левом нижнем углу, так и в правом нижнем.

На маркетинговой странице Google.meet используют изображение с подобным расположением кнопок: в всплывающем окне календаря иконки выглядят как в web версии.

Интересно, как будут выглядеть эти же иконки микрофона и камеры в выключенном состоянии и в темной теме.

И, кстати, иконки микрофона чуть чуть отличаются на web версии и в мобильном приложении.

Думаете ли вы о кросс платформенном взаимодействии?

Привет, меня зовут Юлия Конова
ex Senior UX/UI Designer at SmartBear, IngramMicro Cloud, Parallels.

Мой телеграм канал: @yuandyudesign
Мой инстаграм: @yuandyudesignМой телеграм: @yuandyu

Купить себе:
1990 ₽ в год - через бот @PremiumBot
1990 ₽ в год - на Android
2390 ₽ в год - на iPhone
2490 ₽ в год - на iMac

Купить в подарок:
2799 ₽ в год - через бот @PremiumBot
2799 ₽ в год - на Android
2989 ₽ в год - на iPhone
3990 ₽ в год - на iMac

То, что цены на iOS и Andriod разные - это понятно.

• 16 лучших слайдов попадут в новую книгу про дизайн презентаций
• Всегда интересно получить обратную связь по своей работе
• Заодно можно выиграть книгу с автографом автора
• Небольшая денежная награда, why not?
• Приятно размять косточки после небольшого перерыва в работе

Задача

"Взять этот слайд (см ниже), и перерисовать его в черно-бело-зеленой гамме. Сохранить нужно только текст. Стилистика, композиция, шрифты и креатив на ваше усмотрение."

Что может быть проще редизайна слайда? Особенно такого нагруженного разными данными: круговая диаграмма, таблица, текст, несколько изображений и даже клипарт. Все это может быть подано проще и визуально легче: убрать все лишние изображения кроме логотипа, использовать единый шрифт, выделить цифры, постараться уйти от pie chart. Вот что получилось:

Я быстро набросала в телефоне как бы я перерисовала слайд, используя кривые (инструмент Pen в Figma).

Первый вариант дизайна слайда:

Я обожаю использовать кривые Безье/перо в работе. Это позволяет получить любую форму, не ограничиваясь прямоугольниками и кругами.

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

Второй вариант дизайна от меня

А теперь посмотрим на работы всех участников конкурса:

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

А вы какой подход выбрали бы, если бы участвовали?

Привет, меня зовут Юлия Конова
ex Senior UX/UI Designer at SmartBear, IngramMicro Cloud, Parallels.

Мой телеграм канал: @yuandyudesign
Мой инстаграм: @yuandyudesignМой телеграм: @yuandyu