Дизайн інтерфейсів для VR: найкращі практики та поради Євгена Касьяненка

«Згадайте мої слова, незабаром VR буде використовуватися всюди. Тому вже зараз важливо створювати максимально оптимізовані симулятори, щоб у майбутньому бути першими у своїй ніші» – так вважає Євген Касьяненко, наш провідний експерт у галузі розробки VR.

Ми повністю поділяємо думку свого головного фахівця. Тому далі в статті розберемо ключові принципи дизайну VR-інтерфейсів. Озвучимо кращі практики і виявить підводні камені, які створюють перешкоди при розробці. Так що відкладіть справи і дочитайте статтю до кінця. Впевнені, що не пошкодуєте про витрачений час.

Базові основи VR-дизайну

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

Простота та інтуїтивність

Хороший VR-інтерфейс завжди починається з простоти. Найголовніше тут, щоб все було зрозуміло, зручно, виглядало природно. Без цього нікуди. Тут важлива не стільки краса або модні технології, скільки те, наскільки легко людині зануритися у віртуальний світ. Адже ніхто не хоче витрачати час на боротьбу з управлінням або розбиратися, як взагалі тут все працює.

«Якщо людина не зрозуміла, як користуватися інтерфейсом за секунду – значить, інтерфейс не вдався», – каже Євген Касьяненко.

У VR це особливо критично. Тут немає звичних екранів і кнопок. Тобто, користувачеві просто нема на що спертися. Тому відзначимо два важливих правила, яких слід дотримуватися при розробці VR-інтерфейсів:

• Чим менше елементів інтерфейсу, тим краще. Головне, зробити так, щоб все було максимально природно, без зайвих відволікань. Користувач не повинен витрачати час на пошуки кнопок або меню, все повинно працювати само собою, інтуїтивно.
• Фізичні взаємодії. Замість того щоб натискати на віртуальну кнопку, людині буде набагато приємніше і природніше, наприклад, повернути ручку, щоб відкрити двері.

Оптимізована продуктивність і комфорт

Часто від розробників можна почути, що їхня гра або додаток виглядає чудово, але у користувачів чомусь паморочиться голова після використання. І справа тут не тільки в слабкому вестибулярному апараті. Просто не була врахована продуктивність.

Однак додамо, що справа не тільки в продуктивності. Також для комфорту використання VR важливі такі аспекти:

• Кадрова частота або FPS. Вона повинна бути не нижче 90 в секунду. Тоді VR буде працювати плавно. Якщо частота кадрів падає, у користувачів з’являється захитування. І тут вже ніякий дизайн від неприємних відчуттів не врятує.
• М’які анімації. Різкі рухи інтерфейсу в VR протипоказані. Вони викликають дискомфорт. Переходи повинні бути природними, як у житті.
• Фіксовані точки фокусу. Це все про те ж заколисування. Щоб уникнути його, елементи інтерфейсу повинні з’являтися там, де користувачеві зручно їх сприймати, а не «літати» перед очима.

«Подивіться на Google Tilt Brush», – наводить приклад Євген Касьяненко: «Їх UI не перевантажує, елементи розташовані зручно. А головне, їх інтерфейс не викликає дискомфорту, тому що він грамотно вбудований в VR-середовище».

Дизайн інтерфейсу з урахуванням VR-середовища

У дизайні при розробці VR-інтерфейсу важливим моментом також варто виділити глибину, перспективні спотворення і кути огляду.

Розглянемо трохи докладніше вплив кожної складової:

• Інтерфейс не повинен заважати зануренню. А це означає, що елементи UI повинні органічно вписуватися у віртуальний світ. Візьмемо, наприклад, меню. Його можна представити як голограму, що висить перед користувачем, а не як плоский екран.
• Урахування кутів огляду. У VR користувачі і так активно рухають головою. Тому не можна розташовувати важливі елементи в незручних місцях. Наприклад, панель управління краще розміщувати на рівні грудей, а не вище голови.
• Перспектива і глибина. Звичні 2D-інтерфейси в VR втрачають читабельність. Тут використовуються тільки об’ємні елементи, підсвічування і природні тіні. В результаті UI виглядає органічно.

Візуальний стиль та інтерактивність

Професійно виконана віртуальна реальність повинна бути не просто естетичною, вона повинна бути зручною, щоб ніщо ніяким чином не відволікало користувача від занурення в цей світ.

Мінімалізм vs деталізація

У VR-інтерфейсі важливо дотримуватися балансу між зрозумілістю інтерфейсу і його перевантаженістю. Дизайн лаконічний? – значить користувач без зусиль зможе орієнтуватися у віртуальному світі.

І ще про надлишкові деталі, які можуть перевантажувати гравця. VR-простір, що охоплює користувача, це 360°. За всім встежити складно. Тому перевантажений UI не тільки відволікає. Він, що ще гірше, може викликати втому. Прості форми, чіткі іконки і мінімум зайвих елементів – ось що робить інтерфейс зручним і природним.

Кольори, контраст і читабельність тексту

«У VR текст – це не простий напис на екрані. Це елемент оточення. Неправильний розмір, слабка контрастність, невдале розміщення – все це робить його нечитабельним. На відміну від звичних екранів, відстань до тексту в VR постійно змінюється. І користувачеві складно фокусуватися на дрібних деталях», – повідомляє Євген Касьяненко.

Як же зробити написи читабельними? Досить правильно вибрати три речі – розмір, контрастність і підсвічування. Тобто:

1. Розмір шрифту повинен бути досить великим. Він повинен бути комфортно читабельним на будь-якій відстані.
2. Контрастність також відіграє ключову роль. Темний текст на темному тлі або яскраві неонові кольори гарантують труднощі при його прочитанні.
3. Підсвічування і тіні. Вони, навпаки, допомагають поліпшити читабельність. Особливо при розташуванні тексту на складному тлі.

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

1. Розміщення тексту занадто далеко або, навпаки, занадто близько до користувача.
2. Урахування кута огляду. Текст повинен розташовуватися в полі зору. І, в той же час, не заважати основній взаємодії.

Інтерфейс як частина навколишнього середовища

«Дієгетичний UI є найкращим варіантом для VR. У мобільних додатках 2D-меню, що висять перед очима, ще можуть спрацювати, але у віртуальній реальності вони тільки руйнують занурення», – зазначає наш експерт.

З досвіду скажемо, набагато краще, коли інтерфейс стає частиною світу. Тобто, екран інформації вбудований в голографічний термінал. Меню відображається на наручному комп’ютері, налаштування – на віртуальній панелі управління.

Щоб зробити меню та елементи управління органічною частиною ігрового світу, Євген Касьяненко радить:

• Кнопки і панелі можна розміщувати на об’єктах. Наприклад, на приладовій панелі автомобіля. Або ж на моніторах у віртуальному просторі.
• Інтуїтивні елементи керування. Аналогія дій з реальним світом здатна занурити геймера на максимум.

Хорошим прикладом тут є те, як відома американська компанія Valve використовувала дієгетичний інтерфейс у своїй мегапопулярній грі Half-Life: Alyx. Керувати тим, що відбувається там, потрібно за допомогою жестів, інвентар знаходиться на руках персонажа, а інформація відображається на предметах, з якими взаємодіє гравець. Завдяки цьому всему геймер занурюється на максимум.

Навігація та взаємодія

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

Способи взаємодії, управління

У VR є кілька варіантів управління. Це контролери, жести або трекінг рук. Який з них краще підійде в конкретному випадку, буде залежати від специфіки VR-додатка, наприклад:

• Контролери дають точність, але вимагають навчання.
• Жести інтуїтивні, але можуть бути помилково інтерпретовані.
• Трекінг рук – один з найбільш природних способів управління. Однак він вимагає продуманого UX, інакше не уникнути випадкових дій.

«Я прихильник того, щоб взаємодія з віртуальним світом повністю повторювала дії з реального світу. Щоб так само треба було повертати ручки, натискати важелі, хапати предмети. Тому по можливості я раджу робити акцент на природних взаємодіях», – підкреслює Євген Касьяненко.

І дійсно, візьмемо комп’ютерну гру VRChat, де інтерфейси відчуваються природними. Її розробники знайшли вдале поєднання жестів і традиційного UI. Меню вбудовано у віртуальний планшет. Жести дозволяють виражати емоції і взаємодіяти без зайвих кнопок. І це робить управління супер відчутним.

Переміщення в VR

У VR пересування, як у звичайних іграх, може викликати захитування. Щоб зменшити цей неприємний ефект під час руху, достатньо використовувати такі напрацювання:

• Обмеження периферійного зору під час руху, наприклад, затемнення країв екрану.
• Використання повільних, плавних анімацій.
• Телепортація замість плавного пересування.
• Підлаштування швидкості пересування під гравця.
• VR-килимки, що імітують ходьбу.

Яскравий приклад вирішення проблеми – рольова гра The Walking Dead: Saints & Sinners. Тут пропонують кілька варіантів пересування, такі як:

• телепортація;
• плавний рух;
• кроковий переміщення;
• при різких поворотах екрану затемнюються краї.

Все це мінімізує сприйнятливість вестибулярного апарату і усуває зайвий дискомфорт.

Тестування та доопрацювання інтерфейсу

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

Як протестувати VR-дизайн

Тестування VR-інтерфейсу передбачає комплексний підхід. На кожному етапі необхідно проводити його з реальним користувачем, щоб перевірити інтуїтивність і комфорт.

Найчастіше тестування допомагає виявити такі баги:

• запаморочення;
• складність управління;
• перевантаженість інтерфейсу.

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

Майбутнє VR-інтерфейсів

Євген Касьяненко прогнозує, що незабаром всі VR-дизайнери нарешті повністю відмовляться від використання звичних кнопок і панелей:

«Будьмо чесними, адже ніхто з вас не хотів би у віртуальному світі тикати в незручні плаваючі менюшки. Набагато крутіше просто сказати: «Відкрий налаштування!». Або легким рухом руки викликати потрібний інструмент. У фільмах все це вже давно показали. І це по-справжньому круто!» – зазначає наш експерт.

Наведемо лише кілька прикладів:

• Нейроінтерфейси, тактильний зворотний зв’язок, голосове керування. Поки це звучить як фантастика, але все йде до цього. Скоро замість кнопок ми будемо думати, щоб відкрити інвентар. А віртуальний меч в руках почне вібрувати від удару.
• Просторовий звук – більше, ніж атмосфера. Він допоможе користувачам інтуїтивно знаходити об’єкти. А також розуміти напрямок загроз і навіть керувати інтерфейсом. Уявіть: ви підходите до консолі, і вона сама «відгукується» легким звуковим сигналом.
• VR-інтерфейси стануть непомітними. Майбутнє точно за UI, який вбудовується в сам світ. Потрібно меню? – Подивіться на свою руку, там голографічний екран. Хочете дізнатися рівень здоров’я? – Погляньте на індикатор на костюмі персонажа.

Ми в команді KISS вже працюємо в цьому напрямку. Адже VR – це не просто технологія. Це також можливість зробити взаємодію з цифровим світом по-справжньому природною, інтегрувати ці процеси також у бізнес.

На закінчення: чому важливо працювати з професіоналами?

Ми пробіглися по важливих моментах розробки дизайну інтерфейсів для VR. Кожен, напевно, вже усвідомлює, що якщо підійти до справи без належного розуміння тонкощів і досвіду, можна легко облажатися і випустити кривий проект із завислими в повітрі кнопками або постійними заколисуваннями, а також головним болем від неправильно підібраних звуків.

Щоб не переробляти все по триста разів, краще відразу звертатися до професіоналів. Команда KISS Software на чолі з Євгеном Касьяненком може допомогти в розробці VR-інтерфейсу будь-якої складності. По-перше, ми точно знаємо, як створити дизайн, який не заважає, а допомагає. По-друге, ми працюємо з VR-проектами різних масштабів вже протягом декількох років, з тих пір, коли віртуальна реальність ще не була мейнстрімом. Наш підхід заснований на досвіді, тестах і реальних сценаріях користувачів.

Крім того, ми не з чуток знаємо:

• Як розмістити елементи інтерфейсу, щоб вони не перекривали огляд.
• Як налаштувати інтерактивність, щоб управління відчувалося природним.
• Як створити дійсно комфортне середовище взаємодії, яке не буде доставляти дискомфорт.
• Як грамотно вбудувати звук, налаштувати UI і UX, щоб користувачі не відчували себе загубленими.

Як підсумок, пропонуємо корисний чек-лист або 10 правил хорошого UX-дизайну в VR:

1. Інтерфейс однозначно простий і інтуїтивний.
2. Мінімізація кількості елементів UI.
3. Використання дієгетичного інтерфейсу, вбудованого в світ.
4. Читабельність тексту, правильний розмір і контраст важливі.
5. Розміщення елементів повинно бути таким, щоб вони не заважали огляду.
6. Оптимізація FPS обов’язкова, варто уникати різких рухів камери.
7. Краще просторовий звук для орієнтації.
8. Зручність управління варто враховувати відразу: контролери, жести, трекінг рук.
9. Тест інтерфейсу на реальних користувачах завжди до релізу.
10. Поліпшення дизайну на основі фідбеку.

І на завершення фінальні поради від Євгена Касьяненка:

«Головне – не бійтеся звертатися до професіоналів. Розробляти VR-інтерфейс без досвіду – це як лагодити літак на льоту. Можна, звичайно, але краще цього не робити. Ми в KISS Software допоможемо зробити так, щоб ваш проект не тільки працював, але і викликав вау-ефект у користувачів!”.