Почему следует использовать модальность?
Модальные экраны решают простую проблему. И состоит она в следующем — пользователи легко отвлекаются, поэтому иногда приходится привлекать их полное внимание на какой-то определенный блок информации (
). Модальный экран делает именно это — требует, чтобы люди сосредоточились на одной задаче, прежде чем продолжить работу в основном потоке приложения.
«Модальность создает фокусировку, не давая людям заниматься другими делами, прежде чем они не завершат задачу или не отклонят вызванное в модальном окне представление» — Apple
Что можно настроить в панели edge
- выбрать сами панели, которые будут доступны сбоку экрана
- настроить содержание этих панелей — выбрать приложения, сервисы, инструменты
- отрегулировать положение, цвет, размер и прозрачность маркера боковой панели
Что такое «модальный экран»?
Модальные экраны можно обнаружить в различных его формах и представлениях, например одним из ниже перечисленных в списке:
Как
модальные экраны
, так и
немодальные экраны
являются дочерними представлениями, то есть они подчинены одному главному окну приложения. Однако, существует одно важное отличие:
«Модальное окно создает режим, который отключает главное окно, но сохраняет его видимым с модальным окном в виде дочернего окна перед ним. Пользователи должны повзаимодействовать с модальным окном, прежде чем они смогут вернуться в родительское приложение» — Википедия
Большинство модальных окон, особенно в настольных приложениях, можно легко идентифицировать, поскольку они визуально перекрывают главное окно. Это верно для всплывающих окон, которые исчезают из основного окна в фоновом режиме, всплывающих меню и диалоговых окон, всплывающих лайтбоксов, оповещений и т.п.
Однако использование модального окна на мобильных устройствах ограничено, так как многие модальные экраны на мобильных устройствах занимают весь экран устройства. Они больше не держат основное окно видимым пользователю, и, следовательно, их труднее отличить от немодальных окон:

Пример iOS: модальные окна на мобильных устройствах часто полностью скрывают главное окно приложения.
Основное различие заключается в способе взаимодействия с каждым из окон. В то время как немодальный экран позволяет пользователям вернуться к родительскому экрану, модальный экран требует, чтобы пользователи завершили определённое действие, прежде чем вернуться в главное окно (такое как нажатие кнопки «Сохранить» в нашем примере) или отменить текущее действие, вызвавшее модальное окно.
Наиболее ярким визуальным индикатором для немодальных окон является навигация (панель вкладок в нашем примере). Немодальные экраны позволяют пользователям переходить назад и вперед на основном уровне навигации приложения.
Модальный же экран требует, чтобы пользователи закрывали окно, прежде чем они снова смогут использовать основную навигацию приложения (Кнопки «Сохранить» или «Отмена» в нашем примере).
Выберите панели edge
Вы можете выбрать несколько панелей, но не более 10. Если вы выберете несколько панелей, боковая панель Edge будет состоять из нескольких страниц.
Как следует использовать модальность?
К настоящему времени надеюсь что возникло общее понимание того, когда использовать модальность. Остается только один вопрос: «Как мы спроектируем модальность?». Вот быстрый чеклист для использования модальных экранов:

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

Большинство владельцев смартфонов её не используют, а кого-то она даже раздражает.
При необходимости, эту ленту можно отключить через настройки, а делается это следующим образом.
Как отключить ленту виджетов слева на телефоне Xiaomi с оболочкой MIUI
1. Заходим в «Настройки».

2. Находим раздел «Рабочий стол» и открываем его.

3. Остаётся найти нужный пункт и деактивировать его.

4. В открывшемся предупредительном окне, жмём на синюю кнопку.

Пример показан на MIUI 12.
Когда следует использовать модальность?
Теперь, когда мы знаем, как выглядит модальный экран. Как же сравнить его с немодальным экраном и какова его цель? Прежде всего мы должны спросить себя: «В какой ситуации мы должны его использовать?»
Давайте представим, что мы создаем «гениальный и инновационный» стартап под названием «Purrrfect». Это база данных котят, которая позволяет пользователям загружать, просматривать и комментировать GIF-изображения милых котяток.
Упрощенный пользовательский поток нашего приложения может выглядеть следующим образом: пользователь открывает приложение и входит в одну из нескольких доступных вкладок (наша база данных о котятах), затем нажимает на одного из котят (входит в подробное представление одного котёнка) и затем нажимает на раздел комментариев (входит в раздел комментариев представления котёнка).

Пользовательский поток приложения «Purrrfect»
Кроме того, пользователь может выполнять дополнительные действия на каждом из этапов. Например, он может добавить другого котёнка в базу данных на экране списка котят. Или он может редактировать данные на экране подробностей котенка.
А теперь надо понять, какой из этих экранов является модальным, а какой нет? Классификация в данном случае вызывает сложность, но вот моё личное эмпирическое правило:
Используйте модальные экраны для автономных процессов, а немодальные экраны для всего остального.«Автономный процесс» — это конкретное действие, которое имеет четкую начальную и конечную точку в процессе.
В течение ограниченного периода времени этого действия он выводит пользователя из общего потока пользователя, позволяя ему сосредоточиться на действии и затем возвращает его в ту точку потока, откуда он начал это действие.
Google формулирует это правило следующим образом:
Используйте модальные экраны (диалоги) для отображения «критической информации, которая требует конкретной пользовательской задачи, её решения или подтверждения» — Google
В случае нашего приложения «Purrrfect» это означает, что основной поток пользователя (используемый для исследования приложения) не является модальным. Однако специальные ограниченные по времени действия, такие как добавление котят, редактирование котят и написание комментариев, являются модальными.
Все модальные действия могут быть отменены либо успешно завершены, прежде чем пользователь вернется в основной поток. По этой причине модальные экраны используют кнопки «Отмена» и «Сохранить» (или другие подобные подтверждения действия) вместо кнопки «Назад».
Однако верно и следующее утверждение: если два разных действия, таких как «Отмена» и «Сохранить», не имеют смысла на вашем модальном экране (потому что они вызовут одно и то же действие), вы можете переключиться на немодальное представление. В этом случае основная навигация (например, панель вкладок) также должна оставаться видимой на экране.
Давайте вернемся к нашему приложению. Возможный интерфейс для «Purrrfect» может выглядеть так:

Пользовательский интерфейс «Purrrfect»
Многоступенчатые модальные окна
Все становится сложнее, как только модальное диалоговое окно состоит из нескольких шагов или дочерних экранов. По умолчанию, кнопка продолжения действия отображается в правом верхнем углу. Экран второго шага не откроет новый модальный экран, но вместо этого остается внутри первого модального экрана и отображается как немодальный дочерний экран (так как не имеет возможности быть отменённым) существующего модального наложения в виде первого шага модального окна.
При размещении основного действия («сохранить», «применить» или «продолжить») в нижней части экрана (как было рекомендовано ранее) в верхней правой области второго шага модального блока всегда освобождается место для дополнительной кнопки отмены. Хотя перемещение выглядит более логичным слева направо, это размещение все же лучше для модального окна, чем отсутствие возможности закрывать модальный экран на дочерних (предшествующих) экранах.
На краю экрана появился значок ( (быстрый доступ) как убрать? — miui общее — xiaomi community — xiaomi
Настоящим вы соглашаетесь с тем, что Xiaomi может собирать, обрабатывать и использовать вашу личную информацию и элементы, включая, помимо прочего, темы, изображения, комментарии, ответы в Xiaomi Community, а также соответствующие данные, перечисленные в Политике конфиденциальности Xiaomi. Выбирая «Принять», вы соглашаетесь с
Политикой в отношении контента
.
Настройте маркер панели
На Андроид 11 зайдите в Панели Edge и выберите Маркер.

На Андроид 10 и 9 зайдите в Панели Edge и нажмите на три точки в верхнем углу и выберите в открывшемся окне Маркер панели бок. экрана.

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

Одно касание
Если вы получаете большое количество сообщений подряд и просто хотите убрать уведомления на время, чтобы не маячили вам глаза, вы можете:
- Нажать кнопку Назад, и все уведомления слетят.
- Зажать иконку с уведомлениями и потянуть немного вниз. В самом низу вы увидите крестик. В него надо отправить иконку.
Но помните, что если кто-то вам снова пришлет сообщение в мессенджере, то сбоку опять будет красоваться значок уведомлений от Телеграма или Вотсапа.
Отключить
Как полностью убрать значок и вернуть уведомления сверху? Давайте разберемся в вопросе:
- Зайти в Настройки смартфона.
- Далее пройти в раздел Уведомления.
- Найти строчку Дополнительные параметры.

- В открывшемся меню найти пункт Плавающие уведомления.
- Выбрать пункт Выключено.
- Готово!
В данном варианте мы лишь отключаем стиль уведомлений, то есть плавающие уведомления.
Панели, которые можно настроить:
- Приложения — быстрый доступ к приложениям на вашем смартфоне.
Шаг 1. В меню панелей нажмите Изменить, чтобы перейти к настройке панели.
Шаг 2. Слева на экране будут показаны все приложения. Справа сверху — недавно использованные приложения.
Чтобы добавить приложение на боковую панель, нажмите на его иконку в левой части экрана – и она переместится в список справа снизу.
Шаг 3. Справа снизу находятся все выбранные приложения. Чтобы удалить приложение из панели, нажмите на красный минус в углу иконки.

Шаг 4. Вы можете запускать два приложения одновременно в режиме двойного экрана прямо с панели. Выберите, по какой команде приложения будут запускаться в данном режиме.
Нажмите на три точки в верхнем углу экрана и в появившемся окне выберите Коснуться и удерживать или Коснуться.

Шаг 1. Раскройте панель Edge на странице с приложениями и нажмите на первое приложение, которое хотите открыть — оно запустится в режиме полного экрана.

Шаг 2. Вновь откройте панель.
Если вы выбрали Коснуться, просто нажмите на второе приложение, которое хотите переместить, и оно запустится в режиме двойного экрана.
Если вы выбрали Коснуться и удерживать, удерживайте нажатие на приложении и переместите его в вверх или вниз экрана.
Шаг 3. Вы также можете запустить третье приложение в режиме всплывающего окна.

Так будут выглядеть три одновременно открытые приложения: «Пятерочка» сверху, «Калькулятор снизу» и «Samsung Notes» как всплывающее окно посередине экрана.

Чтобы перемещать всплывающее окно, удерживайте синюю полоску сверху.

Чтобы изменить размер окна, потяните за его угол.

Чтобы удалить всплывающее окно, нажмите на синюю полоску сверху, а затем на крестик.

- Люди — быстрый доступ к контактам из записной книжки.
Шаг 1. В меню панелей нажмите Изменить, чтобы перейти к настройке панели.
Шаг 2. Cлева отобразятся контакты, которыми вы пользуетесь чаще всего. Нажмите на контакт, чтобы добавить его на панель.

Либо нажмите Выбор контактов, чтобы выбрать из полного списка.

Шаг 3. Нажмите на контакты, которые хотите добавить – они отметятся галочкой – и нажмите Готово. Можете выбрать сразу несколько контактов.

Шаг 4. Выбранные контакты отобразятся в столбике справа. Удалить оттуда контакт можно, нажав на минус в углу иконки.

Шаг 5. Посмотрите, как контакты будут выглядеть на панели Edge. Нажмите на контакт, чтобы позвонить ему или написать сообщение.

Шаг 6. Снизу контакта появятся значки вызова и SMS. Нажмите на соответствующий значок, чтобы позвонить или написать сообщение.

- Tasks — доступ к служебным приложениям (таким как заметки, галерея, интернет, звукозапись, календарь, камера, часы, электронная почта). Настраивается точно так же, как панель «Приложения».
Предисловие
С обновлением на Андроидах анимация уведомлений стала другой. И теперь значки входящих сообщений от мессенджеров (Telegram, WhatsApp, Viber) стали отображаться в левой части экрана.
Эти значки можно перетаскивать по рабочему столу и закреплять в любой стороне дисплея. Разработчики сделали всё для комфортного пользования смартфоном.
Но не всем понравилось такое нововведение. Многие пользователи ищут, как убрать значки Телеграма, Вотсапа или Вайбера, которые расположились слева сверху.
Примечание
- Выключено: Приложения всплывают сверху как раньше. Текст виден.
- Выноски: Круглый значок уведомлений находится слева. Его можно перемещать в разные стороны экрана. Текст виден.
- Всплывающие уведомления: Будет видно, что вам что-то пришло. Но текст не будет виден.
Сорви овации
Будьте самыми стильными! Используйте суперэффекты:
- Маски для инстаграма.
- Обложки для актуальных историй.
- Красивые шрифты.
- Топ-20 лучших фильтров VSCO.
- Анонимно смотреть истории.
- Видеоредакторы.
- Как убрать предмет с фото.
- Рамки (большая коллекция).
- Мемоджи.
- Акварельные мазки.
- Flat Lay раскладка.
- Надпись в круге на фото.
- Двойная экспозиция.
- Снимки в стиле Полароид.
- Красивый инстаграм в маленьком городе.
Еще куча лайфхаков, секретов обработки, лучших фильтров и необычных масок. А также о том, как сделать радугу на лице, наложить текст, правильно разложить раскладку на фото, описано в сборной большой статье. Кликайте на картинку!
Теперь вы знаете, как убрать значок уведомлений Телеграма сбоку слева на телефоне. Пользуйтесь этим простым советом, чтобы убрать раздражающие сообщения.
Спасибо за ваше потраченное время
Существует два типа экранов:
- Модальные экраны
- Немодальные экраны
А теперь позвольте объяснить это утверждение. Практически каждый экран, который мы можем себе представить, попадает в одну из этих двух категорий. Чтобы понять, чем отличается модальный экран от немодального экрана, мы сначала должны перейти к определению понятия модального экрана.
Заключение
Многие дизайнеры разрабатывают продукты, основываясь на своих чувствах. И иногда интуиция важнее нормы, потому что в этом зачастую и есть суть творчества. Однако имеет смысл знать общие стандарты модальности, чтобы в нужный момент подстраивать их под основной пользовательский поток в приложении.
