XR & AI Portal Vol.26 - XR Menus (vol.01)

💡 insight on XR & AI this week

【Puffinwalker’s XR Portal】  

XR Menus (vol.01)

Here is just a group of collection of menu layout we commonly seen or I considered great in XR designs. authors or apps mentioned in description.

1. OS (Wake with Specific Gestures)

if you used visionOS 2.0, you’ll be familiar with this OS wake menu gesture

dropdown for more options

2. Tab bar, Toolbar & Ornaments (comes & familiar with system)

visionOS tab bar

visionOS toolbar or ornaments as a similar menu set

3. Custom Main Menu

• always there (common)

• foldable (minimal presence)

example from Oleg Frolov

example from 境·Vision, you can place the main button left, right or in the center

4. Panels/ Pads

• as Main Menu

example from Mikameel

• in Specific Scenario (for edit or some sub-program)

example from Oleg Frolov

example from Oleg Frolov, there is a portrait version as well

• like accessories in life on wrist, watch, wristband etc, need to work with scenario .

  

  from traveling app Brink XR, it’s also common to interact with outdoor watch in real-life adventure or traveling

  

  from mediation app Visutate, they have a great AR mediation mode at your comfort place

• it is a pad with multi functions, so why not make a phone? what people already get used to?

  

  left from AnimalCrossing, you can find multiple less frequent operations you need in game here, right from VR dancing game DanceCentral on Quest

5. Other Possibilities

• push a temporary pop-up (could be?)

in this article, XR creator Joseph Simpson shows a possibility of pushing a window smoothly from a window, why this couldn’t be a potential way to open some one-time operation as temporary menu?

---

【References】 

Tab Bars：https://developer.apple.com/design/human-interface-guidelines/tab-bars

Toolbars：https://developer.apple.com/design/human-interface-guidelines/toolbars

Ornaments：https://developer.apple.com/design/human-interface-guidelines/ornaments

Oleg Frolov：https://dribbble.com/Volorf

境·Vision：https://jtworkflow.jingtengtech.com

Mikameel’s Panel Menu：https://x.com/augmentedcamel/status/1830263991807189410

Brink XR：https://www.brinkxr.com

Visutate：https://apps.apple.com/us/app/visutate-augmented-reality/id1530799915

AnimalCrossing：https://animalcrossing.nintendo.com

Dance Central：https://www.meta.com/zh-cn/experiences/dance-central/2453152771391571/

Joseph Simpson’s Window Placement：

https://stepinto.vision/example-code/using-default-window-placement-in-visionos/

---

【Previous Issues】  

1. Hidden Ace of VisionPro's Solitaire Stories

2. Someone Made the RCP Particle an App?

3. Why We All Love Gucci on VisionPro (1/2)

4. Why We All Love Gucci on VisionPro (2/2)

5. Portal in visionOS 2.0，More Integrated Portal Meeting Expectation

---

Feel free to share great examples on XR menu you found!

Stay tuned for the update next week～ ; )