NexxDigital - компьютеры и операционные системы

Жесты в мобильных приложениях

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

Общие жесты

Это жесты, которые реализованы на многих платформах и привычные для большинства.

Исследование Дэна Моуни показывает, что ожидания пользователей относительно нюансов работы интерфейсов во многом сходятся. В рамках исследования участников из девяти стран просили составить список 28 жестов для UI. И результаты оказались очень похожими.

Например, чтобы удалить иконку, необходимо перетащить ее с экрана.

Стандартный набор жестов для большинства приложений:

  • Клик (или тап)
  • Дабл-тап
  • Перетаскивание
  • Щипок
  • Стягивание
  • Растягивание
  • Нажатие
  • Нажать и зажать
  • Нажать и перетащить
  • Вращение экрана

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

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

Преимущества жестов

Популярность жестов объясняется двумя причинами:

  • Стремительное распространение сенсорных устройств и
  • Фильм «Особое мнение».

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

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

Жесты легко освоить

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

Опытный пользователь без лишних усилий разберется в самом непродуманном интерфейсе. Владельцы устройств зачастую пропускают инструкции к приложениям - и за несколько мгновений опытным путем осваивают управление. Однако без тонких инструкций со стороны дизайнера приложение будет меньше радовать своего пользователя. Так как же научить людей и не отвлечь от практических действий в приложении?

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

Могут быть уместны визуальные подсказки и анимация, которые реагируют на касание экрана. Как пример, функция «slide to unlock», которая раньше присутствовала в устройствах Apple.

Slide to unlock

Словесная подсказка; стрелка указывает направление; анимация выполняет функцию обратной связи.

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

Люди выполняют определенные действия при минимальном вмешательстве со стороны разработчика. Дизайн упрощает взаимодействие с приложением. Таким образом, формируется привычка. Так пользователь учится справляться с более сложными операциями в приложении.

Процесс формирования привычки включает три этапа:

  1. Триггер
  2. Действие
  3. Фидбек

Триггер побуждает к действию. Пример: уведомления напоминают о чем-либо. Затем следует действие: пользователь получает подсказку о том, как достичь определенной цели. Фидбек - нечто вроде вознаграждения за работу.

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

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

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

Простота освоения - очевидный преимущество жестовых интерфейсов, еще один плюс - минималистская эстетика.

Пространство на экране

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

Меню гамбургер скрывает навигационные элементы

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

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

Вовлечение происходит за счет тактильного эффекта. Разработчики Disney активно используют такой подход .

Это мало исследованная территория - целый , которые дизайнеры могут воплотить в жизнь.

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

Минусы

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

Бессмысленная жестикуляция

Во многом причина в том, что дизайнеры зачастую игнорируют стандартные предостережения о UX и юзабилити. Дизайнеры склонны к конформизму. Они читают тысячи статей о «лучших практиках» и применяют одни и те же техники и паттерны практически для всех разновидностей приложений и интерфейсов, даже когда это противоречит здравому смыслу.

Проблемы, связанные с юзабилити, дублируются во многих разработках. Даже в популярных жестовых интерфейсах. К примеру, в системах Google и Facebook можно видеть, что иконкам отдается предпочтение перед текстовыми ссылками. Для экономии места дизайнеры используют изображения вместо текста. Однако проблема в том, что изображения люди воспринимают по-разному. Интерпретаций множество. И полагать, что люди без труда поймут предназначение конкретной иконки - это игра в орлянку. Пример - Bloom.fm.

Что означает в виде капли? Снежинка слева - предупреждение о плохой погоде? Зачем эта нота поверх «гамбургера» в правом углу?

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

Дизайнерам Bloom.fm не помешает устранить всю эту диссонирующую символику. А опции - что бы они ни означали - поместить в скрытое меню. В конце концов, нужно ли в музыкальном плеере что-то еще кроме основных кнопок: плей, пауза, перемотка, повтор.

Незнакомое вызывает недовольство

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

Это значит, что любое отклонение от правила будет неудобным, непривычным, тем, что вне компетенции пользователя. Сложностей добавляет и то, что нет единого стандарта жестовых интерфейсов. Это как Дикий запад, только больше кликов и меньше стрельбы. Двойное нажатие в разных приложениях выполняет разные функции. Иногда предназначение жестов меняется с выходом обновления. В приложении фотохостинга Imgur дабл-тап раньше был нужен для зума, сейчас он выполняет upvote (повышает популярность поста).

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

С одной стороны, понять функцию жеста несложно, с другой - открывается широкое поле для исследования и реализации новых дизайнерских паттернов. То есть что сенсорные UI могут сильно отличаться. Отсюда их непредсказуемость, что, в свою очередь, отдаляет от главной цели - интуитивной понятности.

Хорошие интерфейсы выдержаны в определенных рамках, в их основе визуальная информация (анимация) и в ряде случаев словесные подсказки - чтобы в сознании пользователя закрепилась связь между жестом и функцией.

Итог

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

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

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

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

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

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


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

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


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

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


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

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


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


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

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


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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

Настройка жестов TalkBack

Все вышеперечисленные жесты установлены по умолчанию. При желании вы можете изменить их назначение.

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

При кнопочном управлении используется клавиатура и мышка, а управление сенсорным экраном происходит при помощи пальцев рук или с помощью стилуса.

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

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

Рассмотрим основные семь приемов, применяемых на сенсорных экранах. Жесты Андроид могут быть следующие:

1. Касание (нажатие)

Касание (или нажатие) - это основное действие, которое чаще всего применяется на сенсорном экране.

Касание необходимо во многих случаях:

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

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

Для ввода текста достаточно коснуться нужного поля, автоматически появится виртуальная клавиатура, можно печатать текст, касаясь клавиш с нужными символами.

Невольно вспоминается, как много лет назад я подошла к терминалу, нажала на кнопки терминала, чтобы положить деньги на мобильный телефон. В общем, делала все как обычно, а ничего не происходило на терминале, терминал не реагировал на кнопки. Так я сделала 3 или 4 подхода к терминалу в разные дни с нулевым результатом. В какой-то хороший день молодой человек, который стоял в очереди к терминалу за мной, сказал: «А если нажать пальцем на экран?». И вот оно, счастье: я нажала пальцем на экран и терминал стал реагировать на нажатия, все получилось. Так я впервые встретилась с сенсорным экраном.

2. Двойное касание

Двойное касание (или двойное нажатие) применяется для быстрого масштабирования, для запуска каких-то приложений и других действий.

Для изменения масштаба, например, при просмотре какой-либо веб-страницы, надо 2 раза с минимальным интервалом быстро коснуться экрана. Чтобы вернуться к прежнему состоянию, надо опять сделать двойное касание по экрану.

Одно двойное касание включает соответствующую опцию, повторное двойное касание отменяет эту же опцию.

Если сравнивать Android с Windows, то двойное касание в Андроиде чем-то похоже на двойной щелчок левой кнопкой в Виндовс.

3. Касание с удержанием

Нажатие (касание) с удержанием используется для того, чтобы открыть дополнительные опции, если они есть.

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

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

4. Смахивание (пролистывание)

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

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

Когда мне впервые на смартфоне понадобилось отправить сообщение на русском языке по , для этого нужно было на виртуальной клавиатуре сменить раскладку с английской на русскую. Перепробовала все варианты, даже зашла в настройки языка - никак не получалось: английская раскладка «стояла как вкопанная». Мне подсказали, что надо просто слегка махнуть пальцем по пробелу слева направо. Кстати, я видела надпись «English» на клавише пробела на виртуальной клавиатуре, нажимала на нее, но безрезультатно. А как только махнула пальцем по пробелу, так раскладка сразу поменялась на русскую. Вот оно смахивание, работает!

5. Перетягивание (перетаскивание)

Перетягивание (или перетаскивание) требуется для перемещения приложений на экране, а также для переноса папок, значков и т.п.

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

6. Сведение и разведение пальцев

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

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

Если коснуться экрана двумя пальцами (или несколькими) и, не отрывая их от экрана, свести вместе, то масштаб уменьшится.

7. Изменение ориентации экрана

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

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

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

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

P.S. Посмотрите другие материалы:

Получайте актуальные статьи по компьютерной грамотности прямо на ваш почтовый ящик .
Уже более 3.000 подписчиков

.

За последнее время много слов было сказано на тему юзабилити интерфейсов мобильных приложений. Тема, действительно, актуальная, учитывая насколько плотно смартфоны вошли в нашу жизнь. Наличие сенсорного экрана предлагает пользователю (предполагает) совершенно иной способ взаимодействия с устройством. В данной статье представлена подборка возможных жестов пользователя (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-экрана в повседневной жизни?



Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter
ПОДЕЛИТЬСЯ:
NexxDigital - компьютеры и операционные системы