Asset browser design for the real-time engine (v1.0)

With a real-time engine (RTE) one can create virtual worlds, nice-looking stills for architecture, smaller apps such as car info systems or complex products such as games, films or smart cities.

Everything is limited by imagination when it comes to augmented real-time data from the real world.

Examples of ordinary game engines.

Key components 3D artists use regularly

A viewport
this is where you see your virtual world

A scene hierarchy
an advanced list of everything that is in this virtual world

An inspector
all the properties of the currently selected object in the virtual world

An Asset Browser
here you manage all the assets that you use in your project

Ler’s focus on Asset Browser.
This is your project library, where you can push assets directly to the scene.

No matter whether these are meshes, materials, animations or textures; everything should be available for the user. User doesn’t have to think about how to find elements. This is where the asset browser comes in.

A new generation of asset browser for RTE

Web-based
No need to stick to OS

Collaborative
Work with team and share assets in real-time

Just another
It took the best from RTE, design and video apps and machine learning

Simpler
Everything you use now in a compact, elegant view

The design approach in 10 hours

The asset browser concept
Let’s define the basic structure of key components and find relationships. For the sake of simplicity and a time-saving approach, I visualized it.

A bit of research

I tried to get as much overview of how asset browsers looking like in the different apps and combine key functionality into the concept.

Let’s see in detail just some parts of the findings
Now it’s easier to prioritize UI components and understand how elements relate to each other.

Also, it helps to foresee even the slightest details in one small module like a view.

Now let’s explore our wireframes in terms of 3D artists’ requirements

Moreover, I can

Show me the wireframe

Summary

Web-based
No need to stick to OS

Collaborative
Work with team and share assets in real-time

Just another
It took the best from RTE, design and video apps and machine learning

Simpler
Everything you use now in a compact, elegant view

Want more to come on real-time engine design? Reach out to me.

Senior UX designer. My UX Design is all about: Common sense in every detail, Proper domain knowledge, Scientific approaches. Portfolio compozio.com

Senior UX designer. My UX Design is all about: Common sense in every detail, Proper domain knowledge, Scientific approaches. Portfolio compozio.com