Astronaut loading animation Circular loading bar

Try : Insurtech, Application Development

AgriTech(1)

Augmented Reality(20)

Clean Tech(6)

Customer Journey(12)

Design(37)

Solar Industry(7)

User Experience(57)

Edtech(10)

Events(34)

HR Tech(2)

Interviews(10)

Life@mantra(11)

Logistics(5)

Strategy(17)

Testing(9)

Android(47)

Backend(30)

Dev Ops(7)

Enterprise Solution(27)

Technology Modernization(2)

Frontend(28)

iOS(43)

Javascript(15)

AI in Insurance(35)

Insurtech(63)

Product Innovation(49)

Solutions(19)

E-health(10)

HealthTech(22)

mHealth(5)

Telehealth Care(4)

Telemedicine(5)

Artificial Intelligence(132)

Bitcoin(8)

Blockchain(19)

Cognitive Computing(7)

Computer Vision(8)

Data Science(17)

FinTech(50)

Banking(7)

Intelligent Automation(26)

Machine Learning(47)

Natural Language Processing(14)

expand Menu Filters

Hello World but in VR

By :

The mission was simple- create some interactive objects and also a futuristic environment. I stood at the crossroads, uncertain where to begin, so the first thing that I did was open YouTube and type-” how to build your first game in VR”. After watching a couple of videos, one thing was definite-” Oculus “. Oculus is the hardware used for most VR applications. So, I went ahead and placed an order for the Oculus which took around 15 days to get delivered. The unboxing felt like I had the key to the future, and now what? I ended up playing some games to understand how VR works and also just playing games.


Imagination part I

Then, I got a call from my manager-” Vignesh, Where is my metaverse?” 

The burgeoning weight of expectations compelled me to set aside gaming and delve into development. So, hopped onto my laptop which at times was a little specced out. Nevertheless, I started to do some research on how to build VR apps on YouTube, Oculus development page, Unity development page, and a few others. The information was quite overwhelming at the beginning and most of it bounced over my head. Took some time to understand the terminologies used in game engines, effective workflows, and finally how to import 3D models from Blender. I made some test Models in Blender with some free source files “sketchfab.com” because that was the fastest way to run a trial in Unity and Blender. Once I got the free resources, I tried to export it to Unity but for some reason, it was not working. So you guessed it right, YouTube became my refuge, and YES I found the solution. The feeling of successfully importing the 3D file to Unity was like I had accomplished 70% of the task but in reality, it was just 10%. There were a lot more things to figure out, like UV unwrapping, texturing, baking, emission materials, and baking animation which I still need to discover. A month’s time had already passed and I had made no major progress just as I grappled with this, a message from my manager appeared:“ Vignesh, when can I see the metaverse??”



Imagination part II

This is when I realized I needed to learn faster and work more efficiently and by chance I ended up on this amazing YouTube channel called Dilmer Valecillos where he teaches and explains VR development fundamentals and also shares the source code for some tutorials. That’s when I came across Oculus Interaction SDK. SDK (Software development kit) is a framework which apps and software are built upon. Thankfully Oculus development site provides their SDK which helps to develop games for Oculus. Having all the necessary knowledge and resources for development, I began to create 3D models in Blender, import them to Unity, and use the interaction SDK to make the models interactable. 

ALL was fine until I had to install the game into Oculus. The game would simply not install on Oculus. So I did some research and found that I had to change some settings in Unity for it to install.

Finally, I donned the Oculus on eagerly waiting for the game to start, when the loading screen disappeared I could see the environment created in VR but I wasn’t able to move or interact with the objects. This was a huge setback after spending nearly 4 months learning different tools and software needed for the development.


OK! Reality

This setback ushered in introspection and I realized my focus was not on learning the software extensively so, made a plan with the guidance of my manager to focus on one tool at a time and to understand it at the fundamental level. The tools were Blender and Unity, I previously had some experience in 3D so Blender was a bit easier to learn compared to Unity which has coding and I don’t know how to code. The fear of coding was hindering my learning curve in Unity but I figured not everything requires coding. Also, my fellow colleague was kind enough to help me out with coding. We decided that I would be focusing on creating 3D environments and some basic interaction on Unity and Rabi would do the coding. So, we set sail and within a few weeks we were ready to finally show the prototype to our manager. We tried our best to get it as expected but it was far from that and it needed more creative inputs, quality renders, and intuitive interactions. These were a few key pieces of feedback we got from presenting the prototype to the manager.

These experiences will undoubtedly shape my growth as a VR developer and provide valuable insights that extend beyond the world of virtual reality. I hope it resonates with many aspiring people who venture into the world of virtual reality.

P.S. The Project Metaverse is still ongoing.

About the Author: Vignesh is a creative visual designer and quirky art director! With a heart full of innovation, he crafts designs that tell vibrant stories and leave lasting impressions. Beyond design, he’s an adrenaline junkie seeking excitement in life.

Cancel

Knowledge thats worth delivered in your inbox

Bringing Interfaces to Life: The role of animation in UI and UX

Interfaces are everywhere. The user experience encompasses the overall experience a user has while interacting with a product or service. Animation, in the context of UI and UX design, involves adding motion to these visual elements to create a more engaging and intuitive user experience. Animation may serve a functional purpose by guiding users or providing feedback.

Think of motion as a design tool in your UX journey. It should help achieve the user’s goals or contribute in some way to enhance the experience. Animation shouldn’t be distracting or excessive. In other words, if it gets in the way of the user accomplishing a task or takes up more seconds for what should be a quick task, then it becomes unnecessary and annoying.

One common example of animation in UI design is the loading spinner. Instead of staring at a static screen while waiting for a page to load, a spinning animation lets users know that something is happening in the background. This simple animation helps manage user expectations and reduces frustration.

Introducing animations to the interface serves a psychological purpose as well. One aspect involves ensuring users remain informed throughout their interaction, minimizing ambiguity. Uncertainty can lead to user anxiety; for instance, if a page is loading without any interface feedback, incorporating a micro animation can be beneficial in providing reassurance. Although not all problems may need animations, adding them increases their appeal.

In recent years, several applications have pushed the boundaries of animation in UI and UX design. One notable example is the Duolingo app, which uses playful animations and interactive elements to make language learning fun and engaging. Interactive animations can gamify the user experience, making mundane tasks more engaging and Duolingo has used this to its advantage. Another example is the Headspace app, which employs calming animations and transitions to create a serene user experience. 

Let’s look at Duolingo’s application which embraces animation to engage the user’s attention. It keeps users hooked and gives them the comfort of gamification. This not only makes the information more visually appealing but also helps users quickly understand the current stage. It keeps the user hooked throughout the level with its cute animations.

Credits: Kim Lyons 

Additionally, captivating animations can also serve to promote and enhance the appeal of your product. 

Micro-animations extend beyond just the gamification of applications; they can also be leveraged to enrich the aesthetics and express the essence of your product. They contribute to making your website feel more alive and interactive, elevating the overall user experience.

UI/UX

In essence, animation in UI and UX design is not merely about adding visual flair, it’s about creating meaningful interactions that enhance user engagement and satisfaction. From improving usability to expressing brand identity and personality, animation has the potential to transform digital interfaces into dynamic and memorable experiences. Whether it’s guiding users through a process or providing feedback animation, it has the power to elevate the overall user experience. Next time you witness animation appreciate the magic that brings it to life, you might just be amazed by its impact.

About the Author: 

Shivani Shukla is a Senior UI & UX designer at Mantra Labs. It’s been a while since she started her journey as a designer. Updating her knowledge and staying up to date with the current trends has always been her priority.

Cancel

Knowledge thats worth delivered in your inbox

Loading More Posts ...
Go Top
ml floating chatbot