Просторовий дизайн для Apple Vision Pro: керування жестами

Ця стаття — переказ другої частини відеогайду від Apple, що вийшов з анонсом нового XR шолому Apple Vision Pro.

Перекладаю солов’їною, щоб наші дизайнери з цікавістю дивились у майбутнє 🫶

Зображення з apple.com

Перша частина— у дописі Просторовий дизайн для Apple Vision Pro: керування поглядом

Щипок 🤌 — змикання великого і вказівного пальця руки — є еквівалентом тапу по екрану смартфона.

Система також підтримує інші знайомі жести. Наприклад, можна вщипнути і потягнути, щоби проскролити контент, — аналогічно до того як ви натискаєте і тягнете пальцем по екрану телефона для скролу.

Щипок є еквівалентом тапу по екрану смартфона

За допомогою жестів двох рук можна приближати та віддаляти елементи, а також обертати їх.

Жести двох рук в просторовій ОС шолому Apple Vision Pro

В кожному кейсі відгук UI є надзвичайно важливим продовженням жеста. Відгук допомагає системі бути чутливою і видаватись ”справжньою” для користувача.

Стандартні жести керування в Apple Vision Pro

Жести, що використовує система, мають таку ж логіку як і жести в звичних тач скрінах. Таким чином користувач може зосередитись на досвіді, замість того щоб думати як виконати ту чи іншу дію.

Використовуйте знайомі патерни по максимуму і переконайтесь що ваш інтерфейс реагує на дії користувача в очікуваний спосіб.

Якщо ваш унікальний досвід неможливо забезпечити виключно стандартними жестами, то ось декілька порад по створенню кастомних жестів:

• переконайтесь що жест легко пояснити та повторити
• уникайте конфліктів: ваш жест має бути легко відрізнити від системного жесту або поширених жестів що люди застосовують у звичайній розмові
• Подумайте, як ваш жест буде працювати в умовах, коли у юзера увімкнені assistive functions. Намагайтесь створити жести доступні для всіх. Щоб дізнатись більше про інклюзивність в просторовому інтерфейсу, подивіться ось це відео (або трошки зачекайте, і я перекладу його для вас).
• Переконайтесь, що ваш жест не має додаткового значення, яке ви не планували закладати 🖖

Всі ці вимоги до жестів не просто збалансувати на витримати, тому пам'ятайте, що можна також покластись на традиційні UI елементи.

Поєднуючи зосереджений погляд і жести ми можемо створити особливий плавний і приємний досвід, неможливий на інших платформах.

Наприклад, ваш погляд сфокусований на конкретному місці зображення перед вами. Якщо ви зробите жест зуму, то саме та частина де ви були сфокусовані стане збільшеною і центрованою в вікні додатку. Це відчувається як магія, і в той самий час є 100% очікуваним.

Поєднання погляду та жестів в просторовому інтерфейсі Apple Vision Pro

Інший приклад — малювання у додатку Freeform. Ви контролюєте рух маркеру жестом, але ваш погляд визначає на якому фрагменті полотна з’явиться лінія.

Малювання в доповненій реальності Apple Vision Pro

Нативні елементи системи спроєктовані так, щоби користувач міг простягнути руку і взаємодіяти безпосередньо.

Наприклад, ви можете притягнути вікно браузера ближче до себе і скролити за допомогою пальців. Також, ви можете використовувати обидві руки для роботи з віртуальною клавіатурою.

Або ж, ви можете маніпулювати 3D об’єкти в просторі власними руками!

Взаємодія на відстані є більш комфортною для тривалого часу. Там погляд є головним способом керування, а руки відпочівають в комфортні позі, відтворюючі мінімальні жеси за потреби.

Коли ми створюємо досвід з безпосереднім керуванням руками, маємо пам’ятати що людина швидко втомиться.

Однак, в дозованому використанні прямий контакт допоможе створити чудовий досвід. Наприклад, варто розглянути прямий контакт для:

• інспекції чи маніпуляції з об’єктом
• знайомих механік що спираються на м’язову пам’ять з реального досвіду
• випадків, коли фізична активність є центром досвіду

Коли варто проєктувати пряму взаємодію в просторовому інтерфейсі

Пам’ятайте про відсутність тактильних відчуттів, коли проектуєте прямі взаємодії. Щоразу коли ми торкаємось чогось в реальному світі, наші пальці отримують купу різної інформації, що є основою нашого сприйняття світу. В просторовому інтерфейсі цього немає.

Ми маємо компенсувати відсутність тактильнго фідбеку через інтенсивний фідбек самої системи

Розглянемо компенсуючий фідбек системи на прикладі віртуальної клавіатури:

• Кнопки на ній розташовані трохи вище від основи, ніби запрошуючи натиснути на них
• Коли палець ще над клавіатурою, кнопки реагують ховером, показуючи намір людини натиснути ту чи іншу кнопку. Ховер стає яскравішим, коли ваш палець наближається до кнопки. Це допомагає потрапити в потрібну зону.
• В момент натискання візуальний стан кнопки змінюється швидко і однозначно
• Натискання супроводжується відповідним звуковим ефектом, підтверджуючи дію

Візуальний фідбек віртуальної клавіатури

Оці додаткові шари фідбеку дуже важливі для компенсування відсутності тактильної інформації. З ними пряма взаємодія сприймається як надійна та приємна. Аудиосигнал також грає важливу роль в цьому процесі. Щоб дізнатись більше про аудіодизайн в просторовому інтерфейсу, подивіться ось це відео (мені не терпиться вже перекласти його!).

Просторова система дає свободу створювати нові захоплюючі досвіди і взаємодії. Разом з тим, дизайнери отримують більше відповідальності за проектування нових досвідів комфортними, безпечними та доступними.

Запускаючи ваш додаток на шоломі, люди запрошують досвід в своє життя. Додатки більше не обмежені екраном гаджета, вони займають значно більшу частину простору людей. Одночасно, керування додатком за допомогою очей та жестів буде новим досвідом для всіх користувачів. Тому так важливо забезпечити зрозумілий і однозначний відгук системи, щоби допомогти користувачеві отримати задоволення від досвіду.

Додатки більше не обмежені екраном гаджета

Як ми знаємо з дизайну для інших платформ, ідеальний досвід — це той, про який тобі не доводиться замислюватись.

В просторовій ОС відгук системи стає природним продовженням руху тіла, а змога реагувати на погляд користувача дозволяє проектувати відгук з магічною точністю.

Поки я перекладаю наступні два захоплюючі відео — про інклюзивність та звуковий дизайн в просторових системах, запрошую вас підписуватись на мій блог та дивитись ті відео в оригіналі, навіть якщо англійська поки що — не ваша сильна сторона. Насолоджуйтесь візуальною частиною та тренуйте вуха!