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

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

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

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

Стивен Хубер (Hoober, 2014) протестировал 1333 обладателя смартфонов с экраном 5,1 дюйма (12,7 см). Оказалось, что:

• Проще всего коснуться центра экрана.

• Центр экрана – наиболее точная и быстрее всего достижимая цель.

• Люди часто перекладывают телефон в руке для получения доступа ко всем частям экрана.

• Большинство касаний, выходящих за пределы центральной области, осуществляется двумя руками.

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

• Люди держат телефон и пользуются большим пальцем удерживающей руки для взаимодействий 49 % времени.

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

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

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

Рис. 60.2. Для важных элементов управления лучше подходит центральная или нижняя область экрана

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