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

Стивен Хубер (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 см) расстояния от экрана следует добавлять 0,5 дюйма (1,3 см) к размеру значка.

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

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

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

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