100 новых главных принципов дизайна. Как удержать внимание - Сьюзан Уэйншенк

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

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

Подобное окружение открывает новые возможности взаимодействия с реальными и смоделированными объектами посредством жестов.

Виртуальная реальность представляет собой более ограниченную среду. Она не дает возможности одновременно взаимодействовать с реальным и смоделированным окружением, так как наполнена физически несуществующими объектами, то есть полностью создана искусственно. Вы можете использовать жесты и поворачивать голову, но так же свободно, как в дополненной реальности, в виртуальной реальности двигаться невозможно (точнее, вы будете попросту натыкаться на реальные объекты, не принадлежащие тому миру, который вы видите перед собой).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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