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

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

Естественные и неестественные жесты

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

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

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

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

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

59

Физическая ограниченность движений

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

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

Примечание. Если вам нужен справочник по физическим характеристикам и пределам возможностей среднестатистического человека, воспользуйтесь учебником Human Factors and Ergonomics Design Handbook, Уэсли Вудсона, Пегги Тиллман и Барри Тиллмана.[9]

Дополненная и виртуальная реальность

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

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

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

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

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

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

60

Зона охвата больших пальцев

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

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

Миф об управлении одной рукой

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

«Мертвой зоны» не существует

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

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

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

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

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

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

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

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

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

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

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

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

Нет расположению «слева сверху»

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