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

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

Выводы

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

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

61 Расстояние от экрана – решающий момент

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

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

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

Основным критерием для дизайнеров, как правило, является размер экрана (большой монитор, обычный монитор компьютера, ноутбук, планшет, смартфон). При этом рассматриваются различные варианты разрешений. 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 % приходятся на интернет-торговлю. Хотя процент покупок онлайн постепенно растет.