Standard vs Custom UI | Emperia Creator Tools

Whether embedded via an iFrame or an SDK, your new immersive virtual experience comes with a standard User Interface (UI) built by Emperia, which speeds up your development time. Our UI also comes as a separate element, which allows you to swap your own, customized UI with ours.

In this new video tutorial, we will explain the difference between standard UI & custom UI, and demonstrate where each alternative is more useful.

Standard UI

A pre-built library of UI elements with connections to the SDK: active language, active scene, sound display, media display, tab behavior, AR viewer and more, all available out-of-the-box.

Custom UI 

Allows you to build your own user interface, using our Pro Plan. Allows for more flexibility and individualization of user experience.

Best Practices to Follow

So to build user interfaces we follow some practices that makes it easier to keep track and understand chain of actions:

• Keeping components segregated, for example: don’t make every little thing part of the overlay, keep it simple and light.
• Building a component to do one and only defined feature and making it fully controllable.
• Avoid overloading your entry point usually App.tsx in React for example, with a lot of state variables, instead use Zustand like libraries to share state and make it much more clean.

For more information a deep-dive explaining and demoing Standard vs. Custom UI, watch the full tutorial below.

For documentation, please refer to the Emperia GitHub repository: https://github.com/EmperiaLtd/Demo-App

Get started with Creator Tools today, we cannot wait to see your vision come to life!