Где руки и пальцы соприкасаются с устройством? Этот вопрос является основным для каждого форм-фактора. Ответив на него, мы сможем понять, как создать интерфейс, юзабилити которого будет удобным и эффективным. Так как смартфоны, планшеты и ноутбуки сильно отличаются друг от друга, то не удивительно, что для каждого из этих типов устройств существуют индивидуальные требования к интерфейсу.
Но эти устройства имеют много общего, особенно это касается важной функции больших пальцев. Этот факт помогает нам установить общие принципы для разных устройств. В этой статье описываются основные « правила большого пальца » исходя из того, как мы держим в руках устройства различных размеров.
Как мы держим смартфон
В 2013 году исследователь Стивен Хубер провел исследование юзабилити сайтов. Он изучал, как люди взаимодействуют со своими смартфонами. Ученый выяснил, что пользователи держат аппараты одним из трех способов. 49% держат смартфон одной рукой; 36% держат его одной рукой и нажимают на экран пальцем другой; остальные 15% держат двумя руками, нажимая на экран большими пальцами обеих рук. На рисунке показаны три различных способа удерживания смартфонов:
Часто мы меняем способ, в зависимости от того, как удобнее работать с различным контентом. Хубер установил, что две трети людей, держащих смартфон одной рукой, делают это правой, и многие из нас предпочитают держать устройство не «основной» рукой.
Хотя все мы держим смартфон по-разному, прослеживается четкое предпочтение. Это использование больших пальцев. Когда мы держим телефон одной рукой, большой палец является единственным, с помощью которого удобно что-то нажимать на экране. Даже когда мы используем обе руки, многие из нас предпочитают водить по экрану большим пальцем.
Во время аудита юзабилити Хубер установил, что даже те, кто держит смартфон в одной руке, а нажимают на экран другой, часто используют большой палец. Просуммируйте это все, и вы поймете, что большой палец используется в 75% всех взаимодействий:
Зона большого пальца для смартфона
Большой палец может дотянуться до большей части поверхности экрана, но только на трети экрана мы можем взаимодействовать ним комфортно: внизу с противоположной от пальца стороны. Например, если вы держите смартфон в правой руке, большой палец может дотянуться до элементов интерфейса внутри « дуги », начинающейся в нижнем левом углу экрана.
То же самое касается, когда мы держим телефон двумя руками. Но при этом размеры дуги увеличивается, потому что большой палец приобретает большую свободу для движения.
Но удобство и точность нажатия не равномерны внутри этой зоны. В ней выделяется отдельная вытянутая веерообразная область, в пределах которой большим пальцем можно нажимать элементы с наибольшей точностью. Для правшей низ и верхняя правая часть — это зоны наименее точного попадания:
Что насчет левшей? Для них зона расположена слева направо. Но различие левой и правой сторон не особенно важно, так как большинство из нас могут спокойно переложить аппарат из одной руки в другую. Тем не менее, оптимизируя размещение элементов под одну руку, мы неизбежно жертвуем другой. Лучшее решение заключается в том, чтобы разместить основные функции посередине экрана, там, где пересекаются зоны правого и левого больших пальцев.
В конце концов, компоновка элементов сверху или снизу более важна, чем справа или слева. Независимо от того, какой рукой вы пользуетесь, нижняя часть экрана является не очень удобной, а в верхнюю часть нужно тянуться пальцем. Это правило справедливо для всех экранов смартфонов, но когда смартфоны увеличиваются до гигантских размеров, эти удобные зоны разрываются.
Огромные планшетофоны
К середине 2014 года треть всех мобильных устройств обладала большими экранами под семь дюймов:
Несмотря на гигантские габариты планшетофонов, люди обычно держат их так же, как смартфоны, и три основных способа остаются в силе. Но в отличие от небольших смартфонов, пользователи планшетофонов гораздо чаще меняют способ захвата, чтобы охватить весь экран двумя руками. В другом исследовании Хубер и Патти Шэнк выяснили, что владельцы планшетофонов используют обе руки 70% времени.
Самый популярный из способов заключается в том, чтобы держать планшетофон в одной руке, а указательным пальцем другой нажимать на экран. Но большой палец остается основным: 60% времени владельцы планшетофонов взаимодействуют с элементами либо одним большим пальцем, либо обоими:
Зоны большого пальца для планшетофонов
Для планшетофонов чаще используются два больших пальца, что объясняет наличие пары зеркальных перекрывающихся зон большого пальца в нижней части экрана с полосой труднодоступного пространства в верхней части.
Несмотря на то, что зона большого пальца используется довольно часто, это не единственная область, которую нужно оптимизировать. Мы держим планшетофоны одной рукой только 25% времени, но способ работы с помощью одного большого пальца является важным для дизайнеров, потому что он имеет наименьший диапазон охвата пространства экрана.
Это подводит нас к первому правилу большого пальца для всех форм-факторов: всегда учитывайте способ удерживания с наименьшим диапазоном охвата, чтобы люди могли работать с интерфейсом независимо от того, как они держат устройство. Для планшетофонов это означает, что при тестировании юзабилити дизайнеры должны учитывать способ удерживания одной рукой и работы одним большим пальцем.
Зона одного большого пальца для планшетофонов меньше, чем для смартфонов. По мере увеличения размера телефонов, зона большого пальца сохраняет примерно ту же форму и положение ( привязанное к нижней части экрана ) пока размер не достигнет критической точки. Тогда захват изменяется, чтобы человеку было удобнее удерживать планшетофон. При этом способе большинство людей перемещает мизинец под аппарат, чтобы удержать его, но из-за этого уменьшается диапазон охвата большого пальца:
Область в верхней части экрана планшетофона недоступна для большого пальца, но некоторые люди предпочитают держать устройство сбоку одной рукой, прижимая палец к экрану при перемещении. На планшетофонах этот захват дает пользователям возможность расширить диапазон охвата по сравнению с обычным способом удерживания в нижней части.
Чем выше мы захватываем планшетофон одной рукой, тем выше мы можем дотянуться большим пальцем, но тем большей становится недосягаемая зона в нижней части экрана.
Планшеты: больший экран означает больше захватов
Больший экран означает больше способов его удерживать, и работа с устройством становится менее предсказуемой. Правила юзабилити большого пальца все еще применимо, но зона большого пальца не соответствует даже для отдельных устройств; она изменяется в зависимости от позиции и даже позы человека.
Чтобы работать с большим планшетом вроде IPad стоя, мы используем две руки, при этом держа его посередине каждой из сторон. Но если мы возьмемся немного ближе к низу, все меняется. Некоторые охватывают планшет рукой, как скрепкой, и нажимают на экран другой рукой. Но чаще мы работаем с планшетом сидя.
Сидя за столом, мы, как правило, держим планшет за нижнюю треть одной из сторон, а на экран нажимаем другой рукой. Откинувшись на диване, мы кладем планшет на живот или на одеяло, а на экран нажимаем одной рукой. Изменение позы влияет на то, насколько далеко мы держим устройство от глаз: стоя, мы стараемся держать его ближе; сидя — наоборот дальше. Портретная или альбомная ориентация также имеют значение: соотношение по времени использования между ними составляет примерно 60/40 в пользу вертикальной ( портретной ) ориентации.
По мере того, как устройства становятся больше, они также становятся тяжелее, и мы часто вообще кладем их. При юзабилити анализе сайтов Хубер и Шэнк выяснили, что люди кладут большие планшеты на какую-нибудь поверхность в двух из трех случаев. Мы кладем их на горизонтальную поверхность ( стол или колени ) 40% времени и опираем на вертикальную поверхность 22% времени.
С меньшими планшетами ( 7″ — 8″ ) гораздо проще работать, и 69% времени пользователи держат их в руках. То есть горизонтальная поверхность и позиция стоя предполагают использование больших планшетов как экранов мониторов. Или гибридных устройств с сенсорными мониторами.
Зона большого пальца для планшета
Когда мы берем планшет, он оказывается слишком большим, чтобы держать его и нажимать на экран одной рукой, поэтому мы задействуем обе руки. И здесь снова важны большие пальцы. Мы захватываем планшет по сторонам, прижимая ладонями, а большими пальцами мы можем манипулировать в верхней трети экрана. При этом захвате самыми удобными зонами для рук являются соседние боковые стороны и углы экрана.
До верхнего и нижнего краев экрана планшета нам тяжело дотянуться. Низ является особенно неудобной областью, так как достать до него пальцами еще труднее, а иногда эта часть экрана вообще нам не видна. При самой наиболее распространенной позе работы с планшетом ( лежа ) нижняя часть устройства скрывается в одеяле, свитере:
Мы также часто нажимаем элементы в центре экрана. И чем больше размер экрана, тем дальше нам нужно тянуться руками. Но для того, чтобы дотянуться до центра экрана планшета, нам нужно привести в действие всю руку до самого плеча. И это требует усилий. Интерфейс не должен требовать большого количества физических движений: группируйте наиболее часто используемые элементы управления в пределах удобной досягаемости больших пальцев. Никому не понравится, если придется совершать много движений всей рукой при работе с планшетом.
Гибриды и ноутбуки: добавьте к ним еще и клавиатуру
Наши позы, а также положение рук и кистей изменяются, чтобы было удобнее работать с клавиатурой. До недавнего времени гибридная комбинация сенсорного экрана и клавиатуры встречалась довольно редко. Но затем вышла Windows 8 .
В 2012 году в Windows были представлены сенсорные взаимодействия для стационарных компьютеров, и это полностью изменило принципы работы с самой популярной в мире операционной системой. В ответ на это появилась новая категория сенсорных устройств — ноутбуки с сенсорными экранами и планшеты с клавиатурами. Они наводнили потребительский рынок, создавая новые требования к юзабилити сайтов и проектированию веб интерфейсов.
Гибриды требуют от нас, чтобы мы перемещали руки между клавиатурой и сенсорным экраном. До появления гибридов, многие высказывали мнение, что с точки зрения эргономики эта концепция является несостоятельной: движение руками взад и вперед требовало бы слишком больших усилий, в результате руки чего руки быстро устают.
Но подобные опасения оказались напрасными. В результате исследования обнаружилось, что люди быстро переходят на использование сенсорных компонентов этих устройств, уделяя 77% времени именно им, а не мышке или клавиатуре. Несмотря на доступность и точность традиционного курсора, люди считают, что сенсорный экран более удобен.
Другие исследования также зафиксировали этот эмоциональный резонанс. По их данным, люди придают больше значения тем товарам на сайтах, до которых они могут « дотронуться «, чем тем, на которые нужно кликать мышкой. С помощью сенсорных технологий « холодные » пиксели каким-то образом приобретают теплоту и эмоциональную окрашенность физических объектов.
Немного отходя от темы, сенсорный экран не является полной заменой мыши, а скорее удобным ее дополнением. С помощью этих гибридных устройств люди могут легко переключаться на использование сенсорного экрана, клавиатуры, мыши или трекпада в зависимости от того, что им удобнее.
Почему руки у людей не устают? Оказывается, они быстро приспосабливаются к тому, как работать с сенсорным экраном, не отрывая рук. Во время исследования выяснилось, что, когда используем сенсорный экран ноутбука, мы держимся за нижние углы экрана, и руки отдыхают, оторвавшись от клавиатуры.
Зона большого пальца для гибридных устройств
Позиция с руками на углах монитора определяет зону большого пальца для гибридов. Размещая сенсорные элементы интерфейса в пределах удобной досягаемости больших пальцев, мы облегчаем работу пользователей: в этом случае им не нужно отрывать руки от монитора:
Но не все используют такой захват. Другие пользователи ( особенно новички ) вообще не держатся за устройство, водя по экрану указательным пальцем. Таким образом, в зону удобной досягаемости попадает практически все пространство экрана. Для дизайнеров это добавляет головной боли. Комфортная зона для указательного пальца зеркально противоположна зоне большого пальца. Указательными пальцами легко дотянуться до центра экрана, а вот до углов сложнее.
Оптимизация под большие пальцы означает меньше удобства для указательных пальцев, и наоборот. Приходится выбирать один из этих подходов, хотя исследования говорят, что предпочтение должно отдаваться большим пальцам. После непродолжительного периода работы с устройством пользователи гибридов учатся использовать большие пальцы, держась руками за углы монитора, что позволяет рукам отдыхать:
Для всех форм-факторов, которые мы рассмотрели, остаются справедливы одни и те же принципы: большие пальцы являются основными, независимо от того, насколько большой экран устройства. С помощью большого пальца мы можем дотянуться до наиболее обширной части экрана. Это было установлено исследовательским центром Bell , как и многими другими промышленными дизайнерами. Именно ее они пытаются воплощать во всех своих устройствах. Эти правила юзабилити дизайна также должны определять шаблоны ваших цифровых интерфейсов.
Данная публикация представляет собой перевод статьи « How We Hold Our Gadgets » , подготовленной дружной командой проекта Интернет-технологии.ру
Как вы держите свой телефон? Наверняка не так, как сидящий рядом с вами в метро человек. Казалось бы, такая мелочь, а для разработчиков информация о том, как именно вы кладете в руку смартфон и как управляете его функциями — предмет исследования.
Зачем это знать?
Данные о том, какой рукой и в какой области экрана человек наиболее активен, помогают сделать использование программ и верстку сайтов адаптированной для мобильных устройств удобнее. Пользователь не делает лишних усилий, чтобы дотянуться до элементов, быстрее управляет информацией на экране и не испытывает неудобств.
Около половины всех пользователей держат телефон одной рукой. “Правшей” среди пользователей практически в два раза больше, чем тех, кто использует телефон в левой руке. При этом устройство легко сдвигается в ладони вверх и вниз, в зависимости от потребности человека.
Активная область экрана, таким образом, оказывается не далее, чем на расстояние дуги вытянутого большого пальца. В процентном соотношении эта информация выглядит так: тридцать шесть процентов пользователей держат смартфон двумя руками и управляют указательным пальцем, положив его в ладонь, или придерживают сверху, управляя большим пальцем.
Оставшиеся пятнадцать процентов оставляют активными два больших пальца, держа телефон обеими руками — в этом случае неактивной остается только верхняя часть экрана.
Исключение при использовании двумя руками в горизонтальном положении — тогда задействована практически вся поверхность экрана. С удерживанием телефона двумя руками связана еще одна статистика — возраста пользователей и их соотношения с этой манерой. Более половины людей в возрасте от 55 лет держат телефон именно так, в возрасте от 35 до 55 таких пользователей 15 процентов, а среди молодежи — всего 9 процентов.
Получается, что самая удобная и универсальная для размещения элементов зона — центр, который подходит и для левшей и для правшей, при этом оставаясь удобным для любого типа удерживания и управления?
Не совсем, если речь идет о другом типе устройств — планшетах. У большинства это — “слепая” зона, так как пользователь постоянно держит устройство двумя руками и управляет большими пальцами в боковой части экрана. В центре экрана образуется практически неактивная область в виде песочных часов.
Самым сложным предметом для исследования оказался новый формат телефонов, за которым закрепилось название “фаблет”. Под этим термином скрывается смартфон с диагональю экрана от 5,5 дюймов.
Если со смартфонами все понятно — нужно просто размещать элементы в зоне доступа, удобной большинству пользователей, то что же делать с фаблетами? Большинство владельцев (70%) всегда держат фаблет двумя руками, поэтому активная зона экрана — центр, одинаково удобная и правой и левой руке. Четверть времени использования фаблета все пользователи держат устройство в одной руке (сюда включено время разговора по телефону).
Забавно, что люди, которые используют гибридные устройства, предпочитают использовать для управления большие пальцы, легко обхватывая край монитора остальной рукой. Указательный палец “подключается” только для работы на середине экрана. Таким образом, управление гибридными устройствами схоже со схемой планшета.
Что следует из этого?
Паниковать на тему того, что нужно бросаться все переделывать на странице или в приложении — не стоит. Исследования доказали, что человек не задумывясь и легко меняет руку, которой управляет фаблетом, из чего напрашивается вывод, что возможности разработчиков становятся шире. Без сложных исследований заметно, что человек легко меняет положение рук и телефона в процессе активного использования, поэтому делать ставку на одну конкретную схему поведения, как на верную для большинства — бессмысленно.
Возьмите на вооружение информацию данную здесь и, в зависимости от устройства пользователя, старайтесь не размещать важные элементы управления в самых неудобных частях экрана. Все остальные вариации, даже те, где пользователю необходимо сдвинуть телефон в руке — вполне допустимы.
Новое исследование свидетельствует о том, что около 70% людей держат сотовый телефон у уха с той же стороны, с которой находится доминантная рука. Люди, у которых более развито левое полушарие головного мозга, для письма и других повседневных дел чаще используют правую руку. И сотовый телефон они также чаще держат у правого уха, даже если оба их уха слышат одинаково. Если же человек левша и у него соответственно более развито правое полушарие головного мозга, все происходит наоборот, как говорят исследователи из госпиталя им. Генри Форда в Детройте. Проведенное ими он-лайн исследование с участием более 700 человек показало, что 68% правшей держат телефон, как они говорят, у правого уха, 25% — у левого, а 7% используют оба уха.
Среди левшей 72% сообщили, что держат телефон у левого уха, 23% — у правого, и 5% используют оба уха. Презентация исследования прошла 26 февраля на съезде Ассоциации исследователей в области отоларингологии в Сан-Диего. «Благодаря полученным нами данным можно сделать несколько интересных выводов, особенно относительно определения локализации языкового центра мозга», — говорит доктор Майкл Сейдман, заведующий отделом отологической и нейроотологической хирургии в отделении отоларингологии и хирургии головы и шеи госпиталя им. Генри Форда.
По словам Сейдмана, результаты исследования позволяют также предположить, что никакой связи между использованием сотового телефона и опухолями головного мозга, а также опухолями головы и шеи нет. «Если бы здесь была какая-то связь, гораздо больше опухолей было бы диагностировано с правой стороны головного мозга, головы и шеи, так как большинство людей являются правшами, и держат сотовый телефон у правого уха», — говорит он. Так как исследование было представлено на медицинской конференции, данные и выводы, полученные в результате его проведения, следует рассматривать как предварительные до тех пор, пока они не будут опубликованы в рецензируемом журнале.
Болезнь Паркинсона может коснуться каждого. Люди, страдающие болезнью Паркинсона, требуют большой заботы и внимания. Пациенту становится очень неприятно, когда он не может понять других или позаботиться о себе. В это время оказывайте поддержку пациенту. Не сердитесь и не раздражайте пациента, когда он вас не понимает. Говорите четко, положительно и общайтесь с пациентом. Зрительный контакт необходим,…
Вестибулярная система может страдать от определенных расстройств, которые варьируются от лабиринтита до доброкачественного пароксизмального позиционного головокружения, которые могут не только влиять на слуховые способности человека, но также приводить к ряду других проблем со здоровьем. Ухо не только обеспечивает слух, но и помогает поддерживать равновесие в нашей повседневной деятельности. В наших ушах есть определенные жидкости, которые…
Согласно новому исследованию, человеческий мозг действительно жаждет информации, и этот голод может перерасти в нездоровое поведение теперь, когда у нас есть беспрепятственный доступ к случайной информации. Новое исследование предполагает, что наш мозг может стать зависимым от информации. Люди естественно любопытные существа. Мы постоянно стремимся учиться, исследовать и понимать. Однако, любопытство не всегда может быть положительной…
Пуповинная кровь — источник стволовых клеток. Хранение пуповинной крови рассматривается как наиболее комплексная технология для предотвращения и даже лечения широкого спектра опасных для жизни заболеваний. Пуповина Пуповина — это трубка, которая соединяет растущий плод с плацентой. Его основная функция во время беременности — обмен питательными веществами и кровью между эмбрионом и плацентой. Пуповина полна гемопоэтических…
Мастоидит – это заболевание, при котором сосцевидный отросток, расположенный на височной кости, воспаляется. Сам этот отросток выполняет важные функции: к нему прикреплены мышцы, благодаря которым человек может наклонять и поворачивать голову. Если рассматривать сосцевидный отросток с анатомической точки зрения, то он будет представлять собой ни что иное, как костное образование, расположенное непосредственно за ушной раковиной,…