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

Стивен Хубер (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 см)

Иногда можно услышать, что время обычных магазинов ушло, но, по данным американского бюро переписи населения на 30 июня 2015 года, 92,8 % розничных продаж в США происходят в магазине и только 7,2 % приходятся на интернет-торговлю. Хотя процент покупок онлайн постепенно растет.

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

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

Но люди подобных различий не делают. Они покупают вещи определенной торговой марки. Решение, которое принимает потребитель, сводится не к тому, стоит ли приобрести товар на сайте Apple или доехать до ближайшего магазина этой фирмы, а к тому, что лучше выбрать – iPhone от Apple или телефон от AT&T.

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

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