Исследование: как пользователи на самом деле работают с сенсорными экранами

Original author: Steven Hoober
  • Translation
Я занимаюсь исследованиями того, как пользователи взаимодействуют с сенсорными экранами уже много лет, и могу сказать, что понимание темы в профессиональном сообществе только начинает вырабатываться. Тач-устройства все еще являются довольно новым явлением, паттерны взаимодействия с подобными девайсами еще вырабатываются.

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

Методология исследования


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

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

image

Число участников эксперимента было не очень велико, однако даже при таком количестве людей, исследование получилось очень сложным. Только запись 31 сессии заняла почти 100 часов видео.

Переключение


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

image

Люди могут держать телефон одной рукой и прокручивать страницы большим пальцем этой же руки, но как только появляется необходимость в выполнении более серьезных задач, то они тут же переходят к удержанию устройства одной рукой, а для работы с меню используют вторую — большинство задач решаются именно таким образом. В чуть менее 41% случаев пользователи печатали на виртуальной клавиатуре, используя большие пальцы обеих рук — некоторые испытуемые так работают со смартфоном всегда. Из результатов этого эксперимента были исключены пользователи планшетов, поскольку эти устройства используются в других ситуациях.

Центрирование


Различные исследования показали, что пользователям удается точнее всего взаимодействовать с элементами, расположенными в центре экрана мобильного телефона или планшета. Именно центр лучше всего привлекает внимание людей, края и углы экрана интересуют их куда меньше. На это не влияют ни окружающие условия, ни предыдущий опыт работы с тач-экранами. Люди непроизвольно стремятся «тапнуть» в центр экрана. В ходе текущего исследования собранные данные подвтердили данный тезис также для 7, 8 и 10-дюймовых планшетов.

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

image

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

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

image

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

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

Жесты


Разработчикам мобильных приложений полезно знать, какие конкретно жесты применяют пользователи при работе с их продуктами. Одним из самых популярных жестов (после «тапа») является прокрутка («скроллинг»). На рисунке ниже представлена тепловая карта того, как обычно люди осуществляют жест прокрутки.

image

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

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

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

Итоги


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

  • Пользователи часто меняют способ захвата смартфона. Если устройство удобно держать одной рукой, это не значит, что печатать на нем сообщения или прокручивать страницу в таком положении будет так же удобно. Разработчики должны создавать интерфейсы, которые будут одинаково удобно в использовании, какой бы рукой человек не держал смартфон. Следует тестировать интерфейс на разных устройствах и в разных контекстах, чтобы охватить все положения рук пользователей.
  • Люди подсознательно склонны прикасаться к центру экрана смартфона и поступают так в любом случае, даже если у них есть возможность этого не делать. Ключевая информация и элементы управления должны располагаться на центральных двух третях экрана, а второстепенные элементы можно вынести в его верхнюю и нижнюю часть.
  • Пользователи склонны прикасаться к экрану для прокрутки страницы там, где отсутствует контент. Поэтому наличие на странице свободных мест может быть очень кстати — люди будут использовать его для жестов прокрутки и «свайпов».

Ссылки:

  1. Hoober, Steven. “Common Misconceptions About Touch.” — русский перевод на Хабре
  2. Hoober, Steven. “How Do Users Really Hold Mobile Devices?
  3. Hoober, Steven, and Patti Shank. “Making mLearning Usable: How We Use Mobile Devices.”
  4. Hoober, Steven. “Design for Fingers and Thumbs Instead of Touch.

P. S. Если вы заметили опечатку, ошибку или неточность перевода — напишите личным сообщением и я оперативно все исправлю.
Support the author
Share post

Similar posts

AdBlock has stolen the banner, but banners are not teeth — they will be back

More
Ads

Comments 28

    –5
    В большинстве случаев они прокручивали контент до позиции в центре экрана, а уже потом кликали на него.

    Вот именно поэтому использую для Андроида вариант App Drawler с вертикальной прокрутной приложений, а не странное разделение на экраны аля Apple.
      0
      мне кажется, своим комментарием вы сделали день многим: гуглить приложение, ставить приложение…

      кстати, в одном из нагугленных источников нашел упоминание того, что ранее прокрутка была вертикальной, (и что такую опцию делали в мейнстримном и недавнем 10-м cyanogenmod'е.)
      +5
      > сценариев для «однорукого» использования смартфона практически нет
      Это от размера экрана зависит. Наблюдения из статьи получены явно на «лопатах».
        0
        Мне кажется, из популярных в последнее время моделей телефонов почти все — «лопаты». У меня Nexus 4, вроде не самый большой из всех. Но, чтобы дотянуться большим пальцем до противоположного края, телефон уже должен лежать на пальцах. Иначе, ладонь цепляет экран.
          0
          Ну ладно, нексус 4 та еще лопата (69 мм). Даже Z1 компакт (65 мм) не такой уж компакт. А вот гэлэкси мини (61,3 мм) отлично лежит в одной руке, и позволяет набивать смски как на нокии (45-50 мм). Правда, при такой ширине клавиатуру удобнее переключить в телефонный режим.

          А так согласен с DnV, в этой ситуации способ использования диктует аппарат (габариты, материалы, геометрия), а не его интерфейс. Сценарий использования SGS4 mini и Lumia 1320 будет в корне разный.
          0
          У меня лопата (SGS3) и я в основном использую только «однорукий» сценарий. Что я делаю не так?
            +1
            я вот поэтому лопатами и не пользуюсь. согласно диаграмме, мой метод 1hand & thumb. а еще я левша (телефон держу в левой руке, рисунки и набор текста и т.п.). на экранах 4.1 дюйма и меньше все более-менее в порядке (интерфейсы местами не очень удобны). а вот с большими экранами беда. ну неудобны они мне :(
            +1
            похоже, мульти-тач (многопальцевые жесты) пролетел(и) мимо исследования
              0
              Это где вы используете их? Тут в основном про телефоны.
                +1
                ну, это как два пальца… В смысле, зум (изменение масштаба) веб страницы
                • UFO just landed and posted this here
                    0
                    Double-Tap более удобен в данном случае.
                    • UFO just landed and posted this here
                        0
                        В картах можно случайно повернуть карту вместо ожидаемого зума, да и опять же — надо брать телефон одной рукой, а второй управлять приложением, что, например я, делаю крайне редко.
                  0
                  Они достаточно редко используются, особенно на смартфонах которые чаще всего держат и управляют одной и той же рукой.
                    0
                    результат данного исследования говорит о том, что Вы представитель явного меньшинства :) и вашим мнением можно пренебречь ;)))))
                  0
                  Как можно увидеть на картинке ниже, сценариев для «однорукого» использования смартфона практически нет.

                  У моего смартфона диагональ экрана 4,7 дюйма, не самый крупный экран по нынешним меркам, но я испытываю серьезные затруднения при удержании его одной рукой. Без опасности уронить аппарат могу выполнить только самые простые действия. И могу дотянуться большим пальцем только до одного угла — правого верхнего. Сам интерфейс Андроида не очень-то продуман для таких условий.
                    0
                    Различные исследования показали, что пользователям удается точнее всего взаимодействовать с элементами, расположенными в центре экрана мобильного телефона или планшета.

                    Тут дело не в центре, как мне кажется, а в длине пальца.
                    Держа 4" смартфон в левой руке с моеу длиной большого пальца удобнее всего нажимать в точку чуть выше и правее центра экрана, соответственно на экране 4.7" эта точка почти совпадет с центром
                      0
                      Если взглянуть на данные чуть пристальнее, то можно заметить некоторую склонность пользователей к прикосновению к левой центральной части экрана. Это явление не столь значительно, но оно определенно присутствует. Мне кажется, что причина этого кроется в том, что в европейских языках мы читаем слева-направо — поэтому и выравнивание текста осуществляется по левому краю.

                      Просто правше, который держит телефон одной рукой проще делать прокрутку с левого края, так как меньше нужно сгибать большой палец.
                        0
                        Минуточку, я всегда думал, что если человек правша, то телефон он держит в левой руке и наоборот.
                        Сам правша, держу телефон в левой руке, так как пишу правой, мышку держу в правой, ем правой и так далее.
                          0
                          Я правша, у меня 2 сценария работы с телефоном:
                          1. Телефон в правой руке, навигацию произвожу большим пальцем правой руки
                          2. Телефон в левой руке, навигацию произвожу указательным или большим пальцем правой руки

                          Хотя бывает и левая рука задействована для первого сценария, но значительно реже. Не могу утверждать, что большинство делает так же, автору статьи проще проверить эту информацию. Но могу точно сказать, что держа телефон в правой руке — левый край скролить в разы проще, чем даже середину.
                            0
                            У правшей моторика левой руки обычно намного хуже развита, чем правой.
                            Ни разу не видел, чтобы правши телефон левой использовали.
                              0
                              Вы просто рушите все во что я верил :( может яи не правша
                                0
                                Так исторически сложилось, что я телефон ношу в левом кармане, и соотвественно большинство которких действий(Посмотреть вермя, переключить трек, проверить уведомления) делаю одной левой рукой, когда что потруднее держу телефон двумя руками. Но по жизни я правша.
                            +1
                            Если держать смартфон не схватив ладонью(как показано в статье на картинке), а на пальцах( кончики пальцев упираются чуть за середину нижней стороны смартфона) то для большого пальца вполне доступен весь экран.
                            У меня Note3 с его 5.7" экраном. Длинна пальцев скорее всего средняя. Много времени проездил с ним в метро и маршрутках. В метро часто одной рукой за поручень, другой рукой в телефоне. У нас в Петербурге в метро работает 3G так что использование было довольно разнообразным. Шанс выронить при толчке может быть и возрастает, но не так значительно благодаря тому что смартфон в такой ситуации будет рефлекторно прижат сверху большим пальцем. Может быть со смартфонами у которых скользкая задняя крышка такое вариант удержания не подойдет.
                              0
                              Я-то думал, почему люди во всех фильмах первым делом роняют пистолет… А у них нет рефлекса «прижать большим пальцем» ;-)

                              Сам тоже часто перекладываю свои 4.75" на кончики пальцев, но только когда устойчивость моей позы несомненна. Ни разу не в транспорте.
                              0
                              О. Поделюсь своим вариантом. Смартфон — SGN2. Сам правша, но, телефон держу в левой руке. Безымянный палец руки продет в откидывающуюся подставку на задней стороне чехла. Таким образом, телефон можно держать даже в раскрытой ладони. Большим пальцем управляю. Помогаем мне в этом pie-меню из прошивки SlimKat. Вызывается жестом от края экрана содержит в себе 11 настраиваемых кнопок (домой, назад, меню, быстрый доступ, телефон, поиск и т.д.). Очень удобно и размер экрана почти никогда не является помехой при использовании одной рукой.
                                +1
                                Я вам скажу почему стараются не нажимать на контент.
                                Это все из-за дурацкой моды объединять сам контент и активный элемент для управления контентом.
                                Как бывает бесит когда жест вместо скролла распознается как тап и вылезает менюшка или, что еще хуже, новая страница.
                                И приходится, мысленно матерясь, дергаться в другой конец экрана чтобы закрыть меню и сделать возврат к предыдущей странице, и после этого еще надо продолжить скроллинг к нужному пункту / месту.
                                Конечно со временем это становится привычным. Но «страх ложного тапа» остается глубоко в подсознании.

                                Only users with full accounts can post comments. Log in, please.