Як дизайнеру створити свій перший VR-інтерфейс за 5 хвилин (Частина 1)

Співзасновники дизайн-студії Kickpush Сем Епплбі (Sam Applebee) і Алекс Деруетт (Alex Deruette) розповіли, як застосувати досвід проектування традиційних додатків до дизайну інтерфейсів для віртуальної реальності ().

А DesignTalk.club традиційно зробив адаптивний переклад цього діла українською 😉

Частина 1

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

Класифікація VR-додатків

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

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

Інтерфейс – це набір елементів, з якими користувач взаємодіє, щоб орієнтуватися в середовищі і керувати своїм досвідом. Залежно від складності цих двох компонентів всі VR-додатки можна розташувати в двовимірній системі координат.

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

В протилежному квадранті знаходяться додатки з розвиненим інтерфейсом, але з мінімальним або геть відсутнім середовищем. Як приклад можна привести домашній віртуальний екран Samsung Gear.

Проектування VR-середовища, що включає в себе приміщення або ландшафти, вимагає досвіду роботи з інструментами 3D-моделювання і через це недоступне багатьом дизайнерам. А ось для користувацький інтерфейс для віртуальної реальності розробити набагато простіше, і це відмінна область для реалізації навичок і фантазії.

Свій перший VR-інтерфейс ми створили для додатка Economist, і для цього ми працювали зі студією Visualise. Наша команда розробила дизайн, а Visualise відповідала за контент і розробку програми. Сьогодні додаток Economist для Gear VR можна завантажити на сайті Oculus.

Процес проектування VR-інтерфейсу

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

Традиційні робочі процеси на новій території

Ледве вдягнувши гарнітуру Samsung Gear VR, ми тут же відзначили схожість її базової динаміки з традиційними мобільними додатками: інтерфейс допомагає користувачам пересуватися по сторінках. Через цю подібність налагоджені робочі процеси мобільних додатків цілком можна використовувати при розробці VR-інтерфейсів. Пройдемося по ним по порядку.

Прототипи

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

Візуальний дизайн

На цьому етапі всі функції і зв’язки визначені. Тепер ми можемо, спираючись на прототип і звіряючись з ТЗ, зробити красивий інтерфейс.

Карта

Тут ми організуємо екрани в сценарії, малюємо між ними зв’язки і описуємо взаємодії для кожного екрану. Ми називаємо це «картою додатку», так як саме з нею будуть звірятися розробники проекту.

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

______

Закінчення 1-ї частини

Продовження шукайте у нашій рубриці Туторіали

Залишити відповідь