CherryPeak Logo
Ako rozšírená realita (AR) mení spôsob, akým navrhujeme digitálne produkty
TECHUX/UIARVR

Ako rozšírená realita (AR) mení spôsob, akým navrhujeme digitálne produkty

Augmented Reality has emerged as a transformative force in digital product design, fundamentally altering how we approach user experience, interface design, and product development.

Denisa Slivovičová

March 20, 2024

6 min read

Rozšírená realita (AR) je bez debaty zmenou hry v oblasti digitálnych technológií v súčasnosti. Táto imerzívna technológia zobrazuje virtuálne 3D prvky v reálnom prostredí, čím láme hranice medzi digitálnym a fyzickým priestorom.

Implementácia AR technológie do digitálnych produktov úplne zmenila spôsob, akým používatelia interagujú s digitálnym obsahom a otvorila dizajnérom nové spôsoby myslenia a zvažovania, ako používatelia interagujú s virtuálnymi objektmi v reálnom svete. Prechod od navrhovania tradičných 2D rozhraní mobilných alebo desktopových zariadení k zobrazovaniu virtuálnych 3D priestorových objektov v reálnom čase cez mobilné telefóny alebo tablety výrazne ovplyvňuje a mení proces navrhovania a zahŕňa dodatočné faktory, ktoré treba zvážiť pri navrhovaní AR digitálnych produktov.

Pozrime si niektoré z nich, nie?

Tretí rozmer - hĺbka

Pri navrhovaní AR produktov musí dizajnér brať do úvahy nielen horizontálne a vertikálne rozmery obrazovky, ale aj hĺbku naskenovaného trojrozmerného priestoru a vzájomnú interakciu medzi virtuálnymi a realistickými 3D objektmi. Dizajnéri musia zvážiť detaily ako hĺbka, škálovanie, perspektíva, svetlo, textúry a tiene, aby umožnili bezproblémové súžitie digitálnych a reálnych prvkov a dosiahli najlepší možný spôsob realizmu. Vytvorenie realistických 3D objektov môže byť náročnou úlohou, najmä pre začiatočníkov. Intuitívny východiskový bod pre dizajnérov a ilustrátorov, ktorí chcú pridať 3D do svojej sady nástrojov, je jedna z mnohých možností na trhu pre 3D dizajn softvér s kolaboráciou v reálnom čase nazývaný Spline. Spline im umožňuje pripraviť 3D modely, ktoré obsahujú informácie o tom, ako objekt vyzerá, vrátane farby, textúry a hustoty. Scéna môže byť uložená so svetlom a správnou perspektívou kamery priamo do formátov podporujúcich AR. Apple podporuje a odporúča používanie formátu .USDZ pre ARKit aplikácie, avšak Chrome tento formát na webe nepodporuje a propaguje .glTF. Pre zložitejšie 3D modely môžu byť použité programy ako Blender, Cinema 4D alebo 3Ds Max.

alt text Zdroj: odkaz

Nový spôsob navigácie a interakčných paradigiem

Pri navrhovaní 2D mobilných aplikácií sa odporúča znížiť návody a postupné pokyny, ale zobrazovanie objektov v AR je objektívne jasné pre používateľov vďaka podrobným inštrukciám. Pre lepšiu interakciu a ľahšie pochopenie AR prostredia musia byť inštrukcie a intuitívne navigačné prvky jasne komunikované cez animované návody, hlasové inštrukcie alebo gestá tela (mávanie, potiahnutie alebo zdvihnutie rúk používateľa) v závislosti od obmedzení používateľa a kontextu, v ktorom bude aplikácia používaná. Ak musí používateľ udržiavať vzdialenosť od zariadenia, aplikácia by nemala vyžadovať čítanie textových inštrukcií alebo dotykanie obrazovky, aby mohol interagovať s UI. Jedným z príkladov je fitness aplikácia Places-AS, kde hlas používateľa inštruuje používateľov, aby zdvihli ruky na spustenie AR relácie namiesto dotykania obrazovky.

alt text Zdroj: odkaz

AR technológia je stále neznáma pre veľa používateľov a obvykle nerozumejú procesu mapovania a kalibrácie telefónu pred zobrazením AR objektu v reálnom priestore. Používatelia ani nevedia, prečo musia pohybovať svojím mobilom okolo alebo sa sústrediť na konkrétne miesto, aby sa AR objekt objavil, ale jasné inštrukcie ako animovaná ilustrácia s popisom môžu pomôcť používateľom pochopiť jednotlivé kroky a úspešne dokončiť úlohu.

alt text Zdroj: odkaz

Pri navrhovaní imerzívneho rozhrania je dôležité zvážiť aj úplne novú úroveň interakcie nad rámec tradičných kliknutí myšou a dotykov prstom na dotykovú obrazovku. Aby používatelia mohli prirodzene interagovať s 3D objektmi v AR priestore, musia byť využívané rôzne možnosti ovládania, ako sú priestorové alebo intuitívne gestá - ťuknutie na objekt na jeho výber, potiahnutie na otočenie objektu v priestore, štípnutie na zmena veľkosti objektu alebo jeho presunutie.

alt text Zdroj: Wayfair aplikácia

Prispôsobenie prostredia pohybu používateľa

Virtuálny obsah sa môže dynamicky meniť na základe pohybu a orientácie používateľa. Avšak navrhnuté prostredie musí zachovať použiteľnosť a súdržnosť, keď sa používatelia pohybujú rôzne vo fyzickom priestore a interagujú s virtuálnymi objektmi z rôznych uhlov a vzdialeností. Na zlepšenie používateľskej skúsenosti pri umiestňovaní 3D objektu v priestore je pre používateľa prospešné zobraziť indikátory umiestnenia a zvýrazniť oblasti, kde môže byť objekt umiestnený. Bežným príkladom je animovaný alebo statický štvorcový alebo kruhový indikátor, ktorý predstavuje perspektívu zeme a môže tiež ponúknuť referenciu pre mierku obsahu vzhľadom na priestor.

alt text Zdroj: odkaz

Po umiestnení objektu v priestore je dôležité použiť správne umiestnenie tlačidla na potvrdenie pozície objektu a jeho ukotvenie na konkrétnom mieste v miestnosti. To umožňuje používateľom fyzicky chodiť okolo objektov, interagovať s nimi a skúmať tieto virtuálne objekty z rôznych perspektív a uhlov.

Výborným príkladom je Ikea AR aplikácia, ktorá umožňuje používateľom vizualizovať nábytok vo svojich domovoch, umiestňovať objekty v miestnosti, ukotvovať ich na konkrétnych pozíciách a skúmať, či sa hodia do miestnosti alebo nie z rôznych perspektív.

alt text Zdroj: odkaz

Cross-platform kompatibilita a prispôsobenie obsahu

Navrhovanie sa stáva stále dôležitejším v 3D imerzívnych prostrediach a výrazne sa oddeľuje od tradičného 2D dizajnu obrazovky určeného pre mobilné telefóny, tablety a desktopové zariadenia. Pretože používatelia môžu pristupovať k virtuálnemu AR obsahu na AR okuliaroch a rôznych zariadeniach, je dôležité zabezpečiť, aby obsah zostal konzistentný a kompatibilný naprieč rôznymi platformami pri navrhovaní rozhrania. Na správne zabezpečenie kompatibility je dôležité dodržiavať dizajnové smernice, odporúčania a štandardy, aby AR obsah zostal konzistentný, intuitívny a pútavý naprieč rôznymi platformami. Google má súbor dizajnových smerníc pre ARCore aplikácie a Apple má súbor dizajnových smerníc pre ARKit aplikácie. Dodržiavaním dizajnových smerníc a najlepších praktík každej AR platformy môžete zabezpečiť, že vaša AR aplikácia spĺňa očakávania a požiadavky každej AR platformy a jej používateľov.

alt text Zdroj: odkaz

alt text Zdroj: odkaz

Ale niektoré veci sa nezmenili

Na zlepšenie používateľskej skúsenosti a zníženie frustrácie používateľov pri integrácii imerzívnych technológií do dizajnu produktu je dôležité vykonať kvalitatívny aj kvantitatívny používateľský výskum v rannej fáze. Podobne ako pri 2D dizajne prostredia je dôležité definovať cieľovú skupinu, ich potreby, preferencie a bolestivé body v tomto procese. Výskum poskytuje dizajnérom cenný kontext na pochopenie, ako bude AR technológia využívaná, čo im umožňuje identifikovať najvhodnejšie a najintuitívnejšie metódy pre interakciu používateľov s virtuálnymi objektmi vo virtuálnom priestore.

Nakoniec, ale nie menej dôležité, je dôležité zapojiť koncového používateľa počas celého vývojového procesu a vykonať používateľské testovanie na zber relevantnej spätnej väzby od rannej fázy dizajnového procesu až po finálnu prezentáciu.

Share this article

TwitterLinkedIn

Related Articles

Wist vs CherryPeak - Porovnanie AR aplikácií ako BlackMirror

Wist vs CherryPeak - Porovnanie AR aplikácií ako BlackMirror

Looking for an AR app that provides an immersive and engaging experience? Check out Cherry!

Mar 8, 2023

6 min read

Projekt MetaHuman: Čo je potrebné na vytvorenie virtuálneho človeka

Projekt MetaHuman: Čo je potrebné na vytvorenie virtuálneho človeka

A developer's journey into creating a photorealistic digital twin using Unreal Engine's MetaHuman framework—from smartphone scanning to final render.

Dec 1, 2025

5 min read

Príklady úloh few shots učenia [Budovanie AI Chatbotu 2/3]

Príklady úloh few shots učenia [Budovanie AI Chatbotu 2/3]

The second part of a series about building an AI chatbot. Focused on few-shots learning and how to format input strings for GPT, using examples such as sentiment analysis and keyword extraction. The article also discusses text summarization and paraphrasing and suggests how to set maximum new tokens for summary length.

Feb 20, 2023

5 min read

Ako rozšírená realita (AR) mení spôsob, akým navrhujeme digitálne produkty | CherryPeak Blog