Привет! Ты когда-нибудь задумывался, почему так легко пользоваться смартфоном? Почему даже трёхлетние дети могут разблокировать телефон и включить свой любимый мультик? А ведь ещё
Как мы пришли к жестам в мобильных интерфейсах?
Помню старые телефоны с кнопками. Чтобы написать букву «В», нужно было нажать на кнопку «2» три раза! А сейчас? Просто касаемся нужной буквы на экране. Но самая крутая штука в современных интерфейсах – это даже не тапы по экрану, а жесты.
Когда первый iPhone появился в 2007 году, многие не понимали, как пользоваться телефоном без кнопок. Но Apple устроила настоящую революцию. Они показали, что пальцы могут делать гораздо больше, чем просто нажимать. Они могут двигаться, проводить, скользить – и всё это можно использовать для управления устройством. Вот, кстати, официальное описание жестов IOS.
Почему нам так нравятся жесты?
Жесты классные, потому что они:
1. Напоминают реальную жизнь
Когда ты листаешь фотки в приложении, ты делаешь то же самое, что и с реальными фотографиями. Хочешь увидеть следующую? Просто смахни текущую в сторону!
2. Освобождают место на экране
Представь, сколько кнопок пришлось бы запихнуть на экран телефона, если бы не было жестов. Ужас, правда? А с жестами интерфейс выглядит чистым и минималистичным.
3. Делают использование приложений более приятным
Есть
Жесты, которые мы используем каждый день
👆 Обычный тап
Самый простой жест – это обычное нажатие пальцем. Хочешь открыть приложение? Тап! Хочешь лайкнуть фотку? Тап! Просто и понятно.
Лайфхак для разработчиков: делайте кликабельную область побольше. Бесит, когда пытаешься попасть по маленькой иконке, а попадаешь мимо. Для iphone это 44 на 44pt, для android 48 на 48 dp.
👆👆 Двойной тап
Двойной тап – это когда ты быстро дважды нажимаешь на экран. В Instagram этим жестом можно лайкать фотки, а во многих приложениях – увеличивать изображение.
Забавный факт: в некоторых ранних смартфонах двойной тап использовался для разблокировки экрана, но оказалось, что люди случайно разблокировали телефоны, лежащие в кармане.
👉 Свайп
Свайп – это когда ты проводишь пальцем по экрану. Это самый популярный жест для просмотра контента. Влево, вправо, вверх, вниз – свайп работает во всех направлениях.
Как его используют: Tinder показал, что на свайпах можно построить целое приложение. Свайп вправо – лайк, свайп влево – дизлайк. Проще некуда!
✌️щипок и раздвижение
Положи два пальца на экран и сведи их вместе – изображение уменьшится. Разведи пальцы – оно увеличится. Этот жест настолько интуитивный, что дети используют его инстинктивно.
Забавная история: моя бабушка однажды пыталась «расщипнуть» фотографию в бумажном журнале, чтобы лучше рассмотреть детали. Вот до чего дошёл прогресс!
👇 Долгое нажатие
Нажми на экран и не отпускай палец несколько секунд. Как будто говоришь устройству: «Эй, я хочу сделать
Где это пригодится: хочешь переставить приложения на домашнем экране? Долгое нажатие. Хочешь скопировать текст? Сначала долгое нажатие.
Жесты, о которых ты мог не знать
🔄 Вращение
Положи два пальца на экран и поверни их, как будто крутишь руль. Этот жест часто используется в картах для изменения ориентации. Попробуй в Google Maps!
👌 Жест тремя пальцами
В некоторых приложениях для редактирования фото есть крутая функция – свайп тремя пальцами для отмены последнего действия. Как Ctrl+Z, только на телефоне!
🤏 Свайп с края экрана
Проведи пальцем от верхнего правого края экрана к центру. В iOS этот жест используется для вызова центра управления или для возврата на предыдущий экран.
Как научить пользователя твоим жестам?
Если ты разрабатываешь приложение или используешь жесты в веб-дизайне и хочешь использовать в нём необычные решения, важно научить пользователя им. Но люди ненавидят инструкции! Что делать?
❌ Не делай так
- Не пихай длинные руководства пользователя при первом запуске
- Не создавай сложные жесты, которые трудно запомнить
- Не меняй стандартные жесты (например, не делай так, чтобы свайп вниз закрывал приложение)
✅ Делай так
- Используй маленькие подсказки, которые появляются в нужный момент
- Показывай анимацию, намекающую на возможность использования жеста
- Делай так, чтобы жесты были логичными (если свайп влево – «отклонить», то свайп вправо должен быть «принять»)
Мои любимые примеры жестов в приложениях
📱 Архивация в Gmail
Свайп вправо на письме – и оно архивируется. Так просто поддерживать порядок в почте!
📱 Истории в социальных сетях
Тап справа – следующая история, тап слева – предыдущая. Удержание – пауза. Всё интуитивно понятно.
📱 Управление музыкой
Свайп вверх в Spotify показывает текущий плейлист. Не нужно искать кнопку – просто потяни вверх!
Жесты в веб-дизайне: что нас ждёт?
Жесты продолжают развиваться. Вот что может стать популярным в ближайшие годы:
👋 Бесконтактные жесты
Уже сейчас некоторые телефоны позволяют управлять без прикосновения к экрану. Просто помаши рукой перед камерой, чтобы пролистать страницу.
👀 Отслеживание взгляда
Представь, что приложение знает, куда ты смотришь, и автоматически прокручивает текст, когда ты дочитываешь до конца экрана. Такие технологии уже разрабатываются!
🧠 Нейроинтерфейсы
Звучит как фантастика, но компании вроде Neuralink уже работают над тем, чтобы мы могли управлять устройствами силой мысли. Никаких жестов – просто подумал, и всё!
Почему это важно для тебя?
Даже если ты не разработчик, понимание жестов поможет тебе эффективнее использовать свой телефон. Многие функции скрыты за жестами, и знание их может сильно упростить твою цифровую жизнь. В мобильных приложениях жесты примерно так же важны как хорошо настроенная типографика.
А если ты дизайнер или разработчик – помни, что хорошие жесты делают приложение удобным и приятным в использовании. Они как соль в блюде – их не должно быть слишком много, но без них всё кажется пресным.
Заключение
Жесты – это невидимый язык общения между нами и нашими устройствами. Мы уже не замечаем, как инстинктивно используем их десятки раз в день.
Следующий раз, когда будешь свайпать, тапать или щипать свой телефон, на секунду остановись и подумай: «Вау, я только что общался с куском стекла и металла, и он меня понял!» Технологии – это магия, правда?
А теперь отложи телефон и сделай самый важный жест – помаши рукой реальному человеку рядом с тобой! 😉
Оплатить услуги UX Mind School Вы можете через систему ”Расчет“ (ЕРИП), в любом удобном для Вас месте, в удобное для Вас время, в удобном для Вас пункте банковского обслуживания – интернет-банке, с помощью мобильного банкинга, инфокиоске, кассе банков, банкомате и т.д.