February 20

Google Meet UX. Web site vs Mobile app

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

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

На сайте и в приложении Google.Meet разное расположение кнопок

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

Решение 1:

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

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

Решение 1: перекрасить кнопки микрофона и камеры на веб версии

Решение 2:

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

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

Решение 2: перекрасить кнопки микрофона и камеры на веб версии, поменять местами кнопки в мобильном приложении

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

Источник: https://workspace.google.com/intl/ru/products/meet/

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

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

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


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

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