Recording UI

Recording indicator & Native recording button: figma

Recording Principles: figma

1. Prepare user's for what's next (show their live camera element before recording starts)
2. Maintain the consistent expectations user's have on how recording works
3. While recording visual cues
   • let the user have control to stop the video when they want
   • keep UI clean, otherwise this UI will be included in the video output
   • use the Oooh's Native Record Button instead of building your own inside your module. See our implementation guide for more information. This ensures the recording button is excluded from the screen recording.

Basic flow for user to record a video: figma

Example of module branding being a part of the video output for video recordings that aren't direct gameplay: