Подготовила #шпаргалку по жестам и UI элементам для мобильных приложений, используя источники интернета.

Поговорим про #жесты, которые мы совершаем каждый день, используя #мобильныеприложения.
‼️Жесты — это заманчивая возможность сэкономить экранное пространство.
🔷Часто используемые:
🔹Swipe - смахивание вверх, вниз, влево и вправо
🔹Tap - нажатие или касание на сенсорный экран
🔹Double tap / Multi tap - двойной тап / три и более тапов подряд
🔹LongTap - нажатие с удержанием на несколько секунд
🔹Pinch - изменение масштаба картинки пальцами на экране (увеличение/уменьшение)
🔹Drag&Drop - изменение положения элементам помощью переноса/перетягивания
🔹Scrolling /Scroll - прокрутка/скольжение контента пальцем по сенсорному экрану сверху вниз или снизу вверх

🔲Важно используемые #UI #элементы :

🔳Icons - иконки, которые обозначают популярные функции: поиск, воспроизведение видео, письмо, настройки, звонок, избранное и т.д.

🔳Cards - карточки - подразумевается определенная совокупность элементов, которые создают один независимый компонент.

🔳TabBar - панели вкладок отображаются в нижней части мобильного приложения для быстрого перемещения между основными разделами приложения.

🔳AppBar (Android) / NavBar (iOS) — панель инструментов в верхней части экрана, которая содержит кнопки управления текущим экраном.

🔳Status Bar -: строка состояния, которая содержит информацию об устройстве (wi-fi, сеть, время, уведомления, уровень зарядки, оповещения...)

🔳Action(kebab or three dot menu) menu — кнопка, которая представляет собой три точки, и при нажатии на которую открывается меню с несколькими действиями

🔳Hamburger menu - три полоски друг над другом, после раскрытия которого раскрывается меню разделов друг над другом

🔳Counter -точка или число, обозначающее количество непросмотренных уведомлений

🔳Toggle - флаг, который позволяет выбрать между Да или Нет / Вкл или Выкл, Android или IOS..

🔳Slider это общий UI элемент, используемый для выбора значения или диапазона значений.

🔳Popup - Модальное окно - это блок, содержащий контент или сообщение, которое требует взаимодействие с ним, прежде чем можно будет закрыть его и вернуться к основному контенту, появляется без запроса поверх экрана

🔳Toast — всплывающее уведомление, не блокирующее работоспособность приложения и плавно исчезающее спустя несколько секунд

🔳Onboarding - прозрачный экран с подсказками в качестве онбординга, сводится к нескольким подсказкам на прозрачном экране, которые объясняют пользователю интерфейс.

🔳Tooltip — всплывающее сообщение, которое завязано на элемент и обучает использованию той или иной части приложения.

🔳Bottomsheet — информационная панель, которая появляется внизу экрана поверх текущего состояния при совершении какого-либо действия

🔳Bubble — овальный элемент выбора какого-либо параметра, чаще всего используется в фильтрах

🔳Splashscreen — изображение во время загрузки приложения

🔳Suggest List — выпадающий список, состоящий из подсказок, появляется при вводе букв, слов или символов в поле ввода. Ещё вариант как список ранее совершенных поисковых запросов.

🔶Также используются в мобильных приложениях:
🔸Input field
🔸Button
🔸Placeholder
🔸Tooltip
🔸Pagination/page controls
🔸Search field
🔸Checkbox
🔸Radiobutton
🔸Progress Bar
🔸Loader
🔸Заглушка
Какие-то элементы я уже описывала.

Дополняйте жесты и UI элементы в комментариях в Инстаграме @protestinginfo, которые я упустила, или не посчитала важными, чтобы указать.
Источники: Хабр, статьи про UI-элементы. Некоторые определения взяты дословно из источников, чтобы лучше понять смысл жеста и элемента.

Завтра будут тесты по теме UI - элементы. Есть время на подготовку😉