UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Идеи по развитию Touch Bar для нового Macbook Pro 2016 от Apple
Редакція
Редакція

Опубліковано • Оновлено

Идеи по развитию Touch Bar для нового Macbook Pro 2016 от Apple

#ux

Давайте поговорим об этом

Вот все точки взаимодействия с современными ноутбуками:

  1. Наши экраны показывают нам наш контент.
  2. Наш контент находится в окнах, которые находятся над или вокруг друг друга.
  3. Мы используем клавиатуру для набора текста.
  4. Мы используем мышь или трекпад для перемещения курсора на экране и управления объектами, которые мы на нем видим.
  5. Мы также используем специальные комбинации клавиш на наших клавиатурах для того, чтобы управлять объектами на экране быстрее, чем при помощи мыши/трекпада и курсора.

Apple придерживается правил №1 и №3 в iOS. Вместо сочетания мышь/трекпад + курсор для контроля над объектами (№4), мы напрямую касаемся их на экране. Также, это означает, что нам не нужны сочетания клавиш (№5) потому, что нам не нужен более ускоренный вариант работы мыши/трекпада и курсора (хотя некоторые сочетания клавиш уже начали появляться на iPad). Компания Apple убрала окна (№2), предоставив каждому приложению свое место на экране. Это позволило нам сильно упростить понимание о пользовательском интерфейсе: нам больше не нужно различать визуальные элементы для того, чтобы показать, что является контентом и элементом управления в UI, или какой элемент управления является частью активного окна. Такое упрощение стало настолько “освежающим” решением для iOS, что в Mac OS также адаптировали меню во весь экран даже при том, что оно не имеет преимуществ непосредственного управления объектами. Но люди спрашивали, “а что если имело бы?” Напрашивался простой, но отрицательный ответ: наличие сенсорного экрана на ноутбуке привело бы к быстрому утомлению пользователя. Touch Bar, представленный вчера, немного размывает границы. Ваш экран показывает контент и элементы управления. Ваш сенсорный экран отображает элементы управления для контроля над выбранным приложением (плюс, на нем отображается некоторая системная информация). Ваша клавиатура служит для набора текста и управления приложениями. Ваша мышь/трекпад выполняет функцию контроля над приложениями путем передвижения курсора по интерфейсу. Эти размышления сразу ввели меня в ступор. Теперь у вас есть 3 абсолютно разных способа управления приложениями и их UI. И сенсорный экран - самый лучший из них. Этот способ является самым понятным и имеет самую высокую степень взаимодействия. Плюс, это принцип прямого управления - впервые на Mac. Но это не меняет того факта, что вы можете управлять приложением при помощи:

  • Элементов управления на сенсорном экране, на которые можно тапать, перемещать и прокручивать
  • Сочетаний клавиш на клавиатуре
  • Перемещения курсора по экрану (используя мышь/трекпад) для клика или перемещения элементов интерфейса

Из-за того, что сенсорный экран - является самым лучшим решением на сегодняшний день, а трекпад также прекрасно решает проблему пользователя при взаимодействии с интерфейсом, я задумался, а что, если:

  1. Объеденить трекпад и тач панель
  2. Расширить сенсорный экран

Зачем его расширять, спросите вы? А что, если ваш экран будет выполнять функцию только отображения контента, а ваш расширенный сенсорный экран будет только управлять контентом? Не только у iOS есть такая ясность и простота. Представьте, как было бы это упростило жизнь пользователям и насколько был бы просто язык UI, если бы контент и управление были бы полностью разделены; если бы вам не надо было двигать курсор по большому пространству, которое содержит и контент и управление этим контентом. И это при том, что пользователь не всегда понимает, что является элементом управления, а что не является. Я прекрасно понимаю, что эти понятия невозможно разделить раз и навсегда и сделать это сразу. Давайте посмотрим: Представьте себе огромный трекпад, который растянулся по всей ширине ноутбука. Назовем его Magic Touchpad. touch bar macbook pro 2016 Вы все еще используете края ноутбука для отдыха ладоней и центр, как область трекпада. Я бы однозначно использовал технологию force-touch для того, чтобы при клике учитывались тактильные ощущения (как в кнопке Home на iPhone 7). Но когда вы разворачиваете приложение на весь экран, тем самым упрощая UI (потому, что вам не нужно переключаться между окнами) - приложение также появляется на вашем сенсорном экране. На экране вы видите только контент. На тачпаде вы видите только элементы управления. Управление находится на тачпаде (где ранее вы управляли курсором). touch bar Magic macbook pro 2016 Но в этой ситуации необходимо учитывать некоторые нюансы. Если вы начинаете двигать пальцем посреди тачпада, где есть изначально заданная область, управление раздвигается по обе стороны и у вас снова есть полноразмерный трекпад. Это действие можно отменить автоматически после определенной паузы или при нажатии на сенсорный экран. Magic Touchpad macbook pro Это простой пример возможной работы тачпада в приложении Photos. А как насчет более сложного приложения? Как будет выглядеть управление на тачпаде в таком случае? Когда окно приложения (например Final Cut Pro) занимает весь экран, можно использовать тачпад в качестве панели управления: Final Cut Pro Посмотрите на экран: на нем находится только ваш контент! Только видео с которым вы работаете. Тачпад позволяет управлять шкалой времени, непосредственно управлять элементами, перетаскивать элементы на панель справа, и т. д. Это действительно очищает возможности приложения и позволяет вам наслаждаться только контентом на экране, без лишних элементов. Такая парадигма позволяет отделить контент от элементов управления. Возможности такого подхода к взаимодействию безграничны. Такое управление может быть полностью интуитивным и будет использовать все возможности прямого манипулирования для десктоп приложений. Возвращаясь к возможностям нового сенсорного экрана: Представьте, что вы просматриваете страницы в интернете. Вам нужен обычный трекпад посредине, а ваши запястья в это время находятся по бокам от него. Magic Touchpad Представьте, что ваша вкладка “избранное” находится слева, под вашим запястьем. Если вы поднимете запястье, ваши вкладки отобразятся на панеле. Вы можете моментально перейти к любой вкладке по тапу на нее. Magic Touchpad macbook pro Подняв правое запястье, вы увидите открытые вкладки с предварительным просмотром, что также позволит вам перейти к любой из них по нажатию или переключиться между вкладками. Magic Touchpad macbook pro tabs

Недостатки

Это конечно все здорово, но и у этого подхода есть свои недостатки, иначе мы бы увидели все это на вчерашней презентации. Ранее, я писал об эргономике ПО, которую обычно игнорируют, не понимая, насколько это важно. Вам придется часто уводить глаза вниз из поля зрения. Сейчас вам не приходится смотреть так часто вниз. Специалисты компании Apple явно продумали наличие тач панели сразу под экраном для удобства пользователя. Особенно, учитывая то, что если пользователи уже запомнили расположение букв на клавиатуре, то они могут иногда смотреть на функциональные клавиши. Необходимость постоянно искать что-либо на трекпаде - не является идеальным состоянием. Точно так же, немного раздражает постоянно переводить взгляд с одного экрана на другой - но мне было бы интересно попробовать. Плюс, самое лучшее положение для использования тач панели - “сгорбившись” над ноутбуком. Конечно, это мое привычное положение при работе, но это плохо влияет на шею и спину. Также, стоит отметить, что при использовании сенсорного экрана стоит учитывать место отдыха для рук. Вы просто будете закрывать большую часть элементов управления, если будете работать в привычном положении. Вам будет трудно рассмотреть все элементы не поменяв при этом привычного положения кистей рук. Я бы с удовольствием посмотрел на реализацию таких идей. Хотите попробовать также поэкспериментировать над этим? Скачайте этот PSD файл и вы сможете редактировать экран и тач панель.

...


Перевод статьи Alexander Obenauer

Топ коментарі (0)