Главная » Инструкции » Жизнь на кончиках пальцев. Тактильное взаимодействие с сенсорным экраном смартфона. Жесты в мобильных приложениях

Жизнь на кончиках пальцев. Тактильное взаимодействие с сенсорным экраном смартфона. Жесты в мобильных приложениях

Система будет адаптироваться под пользователя и поможет пользоваться смартфоном реже.

В закладки

Google показала бета-версию операционной системы Android P, которая должна выйти осенью 2018 года. Презентация прошла во время конференции Google I/O, также представители компании рассказали о системе изданию The Verge.

Контроль за использованием смартфона

В Android P появится панель с информацией об использовании устройства - в ней будет показано, сколько времени в день пользователь тратит на различные приложения, как много оповещений он получает и так далее. В Google объяснили, что это должно помочь избавиться от привычки постоянно держать телефон в руках, опасаясь что-то пропустить.

Android позволит устанавливать лимит на использование определённых приложений - после того, как он будет достигнут, значок сервиса станет чёрно-белым, а при попытке запустить сервис появится оповещение о том, что он на «паузе». Чтобы вновь им воспользоваться, нужно будет снять ограничение в панели с информацией об использовании - кнопка «снять с паузы» может появиться позднее, но пока Google хочет узнать, как пользователи отнесутся к новому сервису.

Кроме того, пользователь сможет установить время, предназначенное для сна, и в этот период весь интерфейс системы станет чёрно-белым, а телефон автоматически перейдёт в режим «не беспокоить».

Если оповещения от определённого приложения часто отклоняются, то система предложит на время отключить их. Также появится функция Shush - если телефон лежит на столе экраном вверх, а пользователь перевернёт его экраном вниз, то автоматически включится режим «не беспокоить».

Управление жестами

В Android P появится управление жестами, похожее на iPhone X. На главном экране вместо трёх кнопок останется только одна. Она будет использоваться для управления. Кнопка «назад» появится только в меню и приложениях.

При коротком свайпе вверх по кнопке «домой» появится список открытых приложений. По нему можно передвигаться свайпами вправо и влево. При длинном свайпе вверх откроется меню с приложениями.

Общий список жестов с кнопкой «домой» на Android P:

Нажатие - возвращение на главный экран.
Долгое нажатие - запуск помощника Google Assistant.
Короткий свайп вверх - переход к последним открытым приложениям. В них можно выделять текст, не заходя в само приложение. В этом режиме появляется список предлагаемых к запуску сервисов.
Длинный свайп вверх - запуск списка приложенией.
Свайп вправо - список недавно использованных приложений, раньше он запускался по отдельной кнопке.

Кроме того, Android будет показывать кнопки поворота экрана, когда это уместно (например, при запуске видео на полный экран, когда ориентация экрана зафиксирована вертикально). При съёмке скриншотов можно будет рисовать прямо на них перед сохранением изображения.

Адаптация под пользователя

В Android P будут активнее использоваться системы машинного обучения, пообещали в Google. Одна из таких систем будет следить за использованием аккумулятора - например, адаптировать яркость и выключать приложения, которые вряд ли будут использоваться в ближайшее время. Для подстройки этих систем Google будет использовать данные о том, как пользователь регулирует яркость и пользуется приложениями.

В списке приложений появятся «Действия» - функции, которые можно сразу запустить в разных приложениях. Google показывает их на основе данных о том, что пользователь делает чаще всего в течение дня и какие из сервисов подходят ему прямо сейчас.

«Действия» - можно позвонить подруге или начать тренировку.

Также в Android P появятся Slices - предложения функций в нужных приложениях. Например, когда пользователь ищет приложение Lyft, он сможет сразу вызвать машину по своему адресу, а не переходить в приложение и делать это вручную.

В Google заметили, что разработчикам придётся дорабатывать свои приложения для «Действий» и Slices - это нужно для того, чтобы система не просто общалась с сервисом по API, а «понимала», какие действия можно выполнить. Подробности нужных доработок пока не опубликованы.

Кроме того, Google анонсировала фреймворк MLKit, который позволит использовать машинное обучение в сервисы, а затем использовать его как напрямую на смартфонах Android и iOS, так и при действиях в облаке.

Где доступна бета-версия Android P

В Google пообещали, что Android P будет появляться на устройствах разных производителей намного быстрее, чем это происходило с предыдущими версиями. Для этого используется система Treble, которая в Android Oreo и позволяет при обновлениях менять только нужные части системы, не затрагивая её целиком.

The Verge отмечает, что даже Treble вряд ли позволит обновлять Android-устройства так же быстро, как iPhone, но может ускорить этот процесс. Однако в компании Essental сказали, что смогли выпустить бета-версию для своего смартфона на Oreo всего через неделю после того, как получили тестовую сборку P.

Тестовая сборка очередной версии Android впервые будет опубликована не только для устройств от самой Google. Она будет выпущена для следующих смартфонов:

Google Pixel
Google Pixel 2
Sony Xperia XZ2
Xiaomi Mi Mix 2S
Nokia 7 Plus
Oppo R15 Pro
Vivo X21
OnePlus 6
Essential PH-1

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

Вы узнаете:

Что такое multi-touch, и какие преимущества получает пользователь;

Какие платформы поддерживают технологию multi-touch;

Какие команды можно реализовать с помощью жестов;

Без чего жестовое управление бесполезно;

Включать жестовые команды в мобильное приложение или нет.

Одним движением

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

Таких приложений сейчас уже довольно много. В этой статье упомянем несколько самых ярких.

Управление посредством прикосновений (или, говоря техническим языком, touch-событий) имеет свои особенности. Реакция интерфейса на жесты пользователей достаточно разнообразна и зависит от 2-х факторов: от характера движения и от количества точек контакта. Коснулись пальцем экрана один раз и запустили приложение, провели пальцем по эрану вверх или вниз - прокрутили страницу (это действие носит название «скролл»), смахнули пальцем вправо или влево и перелистнули страницу («свайп»). Приведенные примеры прекрасно иллюстрируют вариант управления с помощью одного пальца (одной точки контакта). Подобные touch-события поддерживаются большинством мобильных платформ и браузеров.

Для описания ситуации, когда точек контакта несколько, используется достаточно популярный благодаря компании Apple термин multi-touch. Использование трекпадов с поддержкой multi-touch технологии в ноутбуках компании произвело революцию в сознании многих пользователей. Кроме того, тактильное взаимодействие носит эмоциональную окраску, что доказывает преимущества touch-управления перед кнопочным или управлением посредством стилуса.

Жестами принято называть объединенные в одну команду multi-touch события. Например, «сжимание» изображения с целью изменения его масштаба. При этом среди мобильных платформ распространены multi-touch события для ситуаций, когда точек контакта не более двух, то есть в управлении задействовано всего два пальца..

Поддержка

Технология multi-touch может быть использована только в нативных приложениях. Ниже представлен список мобильных платформ, поддерживающих multi-touch и жесты на 2013 год:

Windows Mobile 6.5 и более поздние, включая приложения с Flash Player 10.1 и Adobe AIR 2;
. Apple iOS;
. Nokia Symbian 3 OS на флагманских моделях Nokia N8, Nokia C6-01, Nokia C7, Nokia E7, Nokia X7;
. Google Android;
. Samsung Bada;
. Palm webOS;
. Microsoft Windows Phone 7, 8;
. BlackBerry OS 6.0;
. Neprash Technology’s N-Touch Platform.

Варианты прикосновений

Варианты прикосновений прекрасно описаны в Touch Gesture Reference Guide (авторы Craig Villamor, Dan Willis, Luke Wroblewski). Я предлагаю Вашему вниманию выжимку. Полную версию можно скачать с сайта авторов :

Изображение	Описание	Варианты реакции
	Коротко коснуться одним пальцем экрана	Выбрать, в процессе прокрутки страницы - ускорить
	Дважды быстро коснуться одним пальцем экрана	Открыть, изменить масштаб контента на экране
	Провести одним пальцем по экрану вправо, не разрывая контакта.	Переместить, влево - удалить
	Одним пальцем легко смахнуть по экрану вниз (движение напоминает мазок кистью по холсту)	Прокрутить страницу
	Легко одним пальцем смахнуть вправо (движение напоминает мазок кистью по холсту)	Перелистнуть страницу, развернуть боковое меню
	Коснуться экрана двумя слегка разведенными пальцами и соединить их	Уменьшить
	Обратный жест: коснуться экрана двумя соединенными пальцами и развести их	Увеличить
	Коснуться экрана одним пальцем и зафиксировать это действие на несколько секунд (словно, нажать на экран).	Изменить состояние, выделить
	Коснуться экрана одним пальцем, зафиксировать (нажать) и в тот же момент быстро коснуться экрана другим пальцем	Переместить, открыть контекстное меню
	Нажать на экран одним пальцем и одновременно с этим другим пальцем провести по экрану, не теряя контакта вправо либо вверх/вниз	Регулировать, перемещать
	Коснуться экрана двумя разведенными пальцами и совершить вращательное движение по часовой стрелке (четверти оборота достаточно); Нажать на экран одним пальцем, одновременно другим пальцем очертить полукруг по часовой стрелке; Коснуться двумя сведенными вместе пальцами экрана и очертить полукруг по часовой стрелке, не разрывая контакта	Повернуть контент

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

Первый в своем роде жестовый калькулятор, созданный для iPhone. Минимальный дизайн и максимальная функциональность - создатели решили не перегружать экран различными кнопками, поэтому управление реализовано с помощью интуитивно понятных жестов. Все, что нужно помнить, что свайп вправо - это "+", влево - "-". Чтобы увидеть результат ("=") достаточно смахнуть пальцем вверх, а чтобы очистить экран (“C”) достаточно провести двумя пальцами в любом направлении.

Особенности:

Жестовое управление для + / - / = / Очистить
Скрытые действия для х / ÷ / ± / √ / % / Удалить

По мнению разработчиков такой жестовый калькулятор может быть на 200% более эффективным.

Простой планировщик дел, преимущественно для домашнего использования. Основная фишка: минималистический интерфейс и интуитивно понятное жестовое управление:

Чтобы добавить элемент достаточно потянуть список вниз

Для удаления или внесения отметки о выполнении задачи нужно провести пальцем вправо/влево

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

Чтобы закрыть текущий список и показать все списки нужно потянуть список чуть сильнее

Повторное движение позволит перейти к экрану настроек

Приложение Будильник, которое, разумеется, управляется жестами:

Чтобы настроить время достаточно потянуть

Функция Включить/выключить реализована свайпом

Чтобы отключить звонящий будильник при заблокированном экране необходимо потрясти телефон

Несмотря на очевидные преимущества реализации touch-управления в интерфейсах, которые обеспечивают более полное взаимодействие с пользователем за счёт тактильных ощущений, использование только жестового управления не всегда оправдано. Ниже приведены рекомендации разработчику:

Используемые жестовые команды должны быть простыми и интуитивно понятными пользователю, реакция на жесты должна быть ожидаемой. Например: жесты «зачеркивание» и «листание».

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

Выводы

Изменению восприятия смартфона в сознании пользователей, несомненно, дает и новые возможности разработчикам. Уже наметилась определенная тенденция обновления интерфейса в сторону упрощения взаимодействия с пользователем, что подтверждает недавний релиз концептуально новой для Apple операционной системы iOS 7. На мой взгляд, iOS 7 будит желание прикасаться к экрану телефона снова и снова.

А насколько полно Вы используете возможности touch-экрана в повседневной жизни?

Все перечисленные ниже функции протестированы на Android 9.0 Pie. В других версиях ОС или сторонних оболочках некоторые жесты могут работать иначе или не работать совсем.

1. Двойной свайп вниз от границы экрана - полное выдвижение панели настроек

Стандартный свайп вниз от верхней границы экрана показывает только уведомления. Чтобы выдвинуть всю верхнюю панель и получить доступ к быстрым настройкам системы, нужно делать ещё один свайп. Но вы можете заменить эти два жеста одним - точно таким же, но выполненным двумя пальцами. Такой двойной свайп выдвигает панель целиком.

2. Долгое нажатие на уведомление - быстрый доступ к настройкам программы

Если одна из программ начинает постоянно присылать уведомления, возникает острое желание уменьшить их количество или просто отключить. Для этого приходится открывать приложение и копаться в нём в поисках нужных настроек. Но можно просто нажать на уведомление и удерживать палец несколько секунд - появится кнопка для быстрого доступа к нужным настройкам.

3. Горизонтальные свайпы вдоль адресной строки - перелистывание вкладок в Chrome

Чтобы переключиться между вкладками Chrome, нужно сначала нажать на цифру с количеством вкладок, а затем выбрать нужную из них. Но есть альтернативный способ, с помощью которого удобно переходить на соседние вкладки. Достаточно делать свайпы вправо или влево, скользя пальцем по адресной строке.

4. Долгое нажатие кнопки отключения - переход в безопасный режим

Если устройство начинает тормозить, а перезагрузка не помогает, уместно протестировать его работу в безопасном режиме. В этом состоянии на аппарат не влияют сторонние программы, поэтому вызванные ими проблемы проще устранить. Чтобы перейти в безопасный режим, зажмите клавишу питания и удерживайте, пока на дисплее не появится кнопка «Отключить питание». Затем задержите касание на ней - через секунду увидите предложение перейти в безопасный режим.

5. Щипок и долгое нажатие в Google Photos - удобное управление снимками

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

Кроме того, вы можете быстро выделить множество изображений. Для этого задержите касание на одном из нужных снимков и, не отрывая пальца от экрана, проведите им по остальным.

6. Двойное нажатие на карте и вертикальные свайпы - изменение масштаба в Google Maps

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

7. Тройное нажатие и свайпы - масштабирование интерфейса и изображений

Если захотите быстро рассмотреть мелкий фрагмент снимка или прочесть крохотный шрифт сайта, на котором стандартное масштабирование не работает, можете воспользоваться спрятанным жестом. Для этого надо нажать трижды на экран и, не поднимая пальца, поделать свайпы в разные стороны. Но способ сработает, если предварительно вы активируете опцию «Жесты для увеличения» в разделе «Специальные возможности» в настройках смартфона.

8. Горизонтальные свайпы вдоль кнопки пробела - управление курсором в клавиатуре Google

Когда в набранный текст закрадывается опечатка, приходится попадать пальцем в нужное место между мелких букв, чтобы её исправить. Это, мягко говоря, не очень просто. К счастью, вы можете управлять курсором гораздо более удобным способом. Просто скользите пальцем по пробелу, и курсор будет перемещаться вдоль текста.

Возможно, вы знаете другие не совсем очевидные жесты? Делитесь в комментариях!

Несмотря на то, что диагональ экрана смартфона всё увеличивается, пользоваться им во многих случаях по-прежнему неудобно. Попасть на ходу в какую-нибудь мелкую кнопочку получается не у всех и не всегда, так что поиск альтернативных способов управления продолжается. Одним из таких способов является управление с помощью жестов. Программа Navigation Layer поможет вам начать его использовать на своём Android.

Navigation Layer - это приложение для мобильных устройств под управлением Android, которое позволит вам управлять ими с помощью специальных жестов. Главное достоинство этой программы состоит в том, что её можно использовать независимо от того, какое приложение в данный момент запущено на переднем плане, то есть в любой момент времени.

Для полноценной работы программы вам придётся выполнить некоторые настройки. Прежде всего убедитесь, что соответствующий сервис работает в фоновом режиме, а затем разрешите Navigation Layer показывать уведомление, чтобы различные очистители памяти его не убивали. Отметьте также опцию автоматической загрузки, чтобы не запускать программу каждый раз после перезагрузки устройства.

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

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

Таким образом, мы получаем удобную и быструю возможность взаимодействия со своим гаджетом с помощью простых жестов. Navigation Layer отлично подойдёт всем пользователям, которым надоело целиться в мелкие кнопочки интерфейса операционной системы каждый раз, когда нужно переключить трек, включить беспроводной интерфейс или запустить нужную программу. Теперь вы сможете сделать это буквально одним росчерком пальца.

С помощью жестов TalkBack вы можете легко управлять устройством Android.

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

Основные жесты

Жесты перехода

Угловые жесты

Эти жесты состоят из двух линий, формирующих прямой угол. Например, чтобы перейти на главный экран, нужно сначала провести вверх, потом резко влево под углом 90 градусов (этот жест установлен по умолчанию).

Примечание . Жест, открывающий панель уведомлений (вправо, затем вниз), поддерживается не во всех версиях TalkBack. Если он не сработал на вашем устройстве, проведите двумя пальцами от верхнего края экрана вниз.

Жесты двумя пальцами

Все жесты TalkBack выполняются одним пальцем. Пока вы касаетесь экрана одним пальцем, ваши жесты отправляются только в TalkBack.

Однако при использовании двух или более пальцев ваше прикосновение или жест распознается непосредственно приложением, а не TalkBack. Например, вы можете прокручивать страницы двумя пальцами.

Некоторые приложения позволяют увеличивать и уменьшать изображение, поместив два пальца на экран и сдвигая или раздвигая их. TalkBack не препятствует распознаванию этих жестов.