100 новых главных принципов дизайна

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

Поймать летящий мяч

Для объяснения воплощенного познания используется классический пример ловящего мяч аутфилдера в бейсболе. Представьте, что вы заняли оборонительную позицию во внешнем поле и мяч летит прямо на вас. Требуется его поймать. Как оказаться в нужное время в нужном месте?

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

Если взять за основу когнитивистику, то, как у вас получится поймать мяч, можно объяснить примерно следующим образом:

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

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

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

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

Оказывается, с точки зрения теории воплощенного познания мы выбираем стратегию исходя из ситуации:

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

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

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

Доказательство с помощью роботов

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

Робот-андроид ASIMO был построен в соответствии с принципами обычной когнитивистики. В него встроена программа, контролирующая его перемещения. Он умеет ходить, а иногда и взбираться по лестницам. Но любое препятствие, не описанное в программе, вызывает фатальный сбой (http://www.youtube.com/watch?v=ASoCJTYgYB0). Робот прекрасно функционирует, пока не происходит какая-нибудь неожиданная ситуация, не описанная в его программе.

Сравните робота ASIMO с четырехногим роботом BigDog от Boston Dynamics (http://www.youtube.com/watch?v=cNZPRsrwumQ), который строился по принципам теории воплощенного познания. Этот робот умеет перемещаться по неровным поверхностям. Вместо сложной программы, контролирующей движения, BigDog реагирует на изменение окружающей среды, используя для этого обратную связь от «ног».

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

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

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

Жесты для управления устройствами

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

• нажатие;

• нажатие с перемещением;

• касание одним пальцем;

• двойное касание одним пальцем;

• однократное касание двумя пальцами;

• перемещение в сторону одним пальцем;

• перемещение в сторону двумя пальцами;

• перемещение в сторону тремя пальцами;

• горизонтальный перенос за пределы экрана;

• щипок двумя пальцами;

• раздвигание пальцев в стороны;

• поворот

и так далее.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Речь не о разрешении, а о расстоянии

Основным критерием для дизайнеров, как правило, является размер экрана (большой монитор, обычный монитор компьютера, ноутбук, планшет, смартфон). При этом рассматриваются различные варианты разрешений. 50-дюймовый телевизор высокой четкости обладает разрешением 1920 × 1080. Но аналогичным разрешением обладает и ряд современных смартфонов. Люк Вроблевский, отвечающий за создание новых продуктов Google, утверждает, что при проектировании нужно отталкиваться не от разрешения экрана, а от расстояния, с которого пользователь будет смотреть на этот экран.

В своем выступлении 2015 года (www.lukew.com) Вроблевский привел в качестве примера пользователя сервиса Netflix, выбирающего фильм для просмотра. Вот типичный набор расстояний:

• смартфон: 1 фут (~30,5 см);

• планшет: 1,5 фута (~46 см);

• ноутбук: 2 фута (~61 см);

• телевизор: 10 футов (~ 3 м).

Почему расстояние до рассматриваемого дисплея вообще имеет значение? От него зависит размер объектов на дисплее. Значок на экране телевизора, стоящего в трех метрах от зрителя, должен иметь высоту примерно 13 см.

Рисунки 61.1, 61.2, 61.3 и 61.4 демонстрируют, какой размер должны иметь значки на экране, чтобы пользователь смог без проблем выбрать фильм.

Рис. 61.1. Оптимальный размер значка на экране смартфона 1 дюйм (~2,5 см)

Рис. 61.2. Оптимальный размер значка на экране планшета 1,75 дюйма (~4,5 см)

Рис. 61.3. Оптимальный размер значка на экране ноутбука 2,25 дюйма (~5,7 см)

Рис. 61.4. Оптимальный размер значка на экране телевизора 5,25 дюйма (~13,33 см)