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

From Nerves to Sucess: My First Client Presentation

Greetings to all my inquisitive designers and dedicated blog readers. Within this post, I’m excited to recount my first client presentation. It’s quite an amusing tale if I do say so myself.

In March, I started working on a project as a junior UI/UX designer, collaborating closely with a senior designer. Upon receiving the Business Requirements Document (BRD) from the client, its contents initially left me confused. Nonetheless, I diligently commenced work on the project following the provided instructions.

Initially, my focus was on the agent portal. However, my senior designer later reassigned me to the back office admin portal, which comprises four distinct modules. I initiated my work on the first module, specifically the back office admin segment. The senior designer informed me that, in this compact module, we would only be incorporating 2 to 3 menus on the dashboard. 

When I initially began the development of the back office module, I delved into the Business Requirements Document (BRD) and discovered a multitude of menus outlined within it. I meticulously organized these menus and set to work on them. Approximately 8 days into the project, my senior inquired, “Madhuri, how long will it take you to wrap up this module? It appears to have taken quite some time.” At that juncture, I had successfully crafted a comprehensive dashboard along with three distinct menus, complete with their respective detailed screens. When I presented my progress to him, he expressed his astonishment, remarking, “I never envisioned this module to be of such substantial scale!” What compounded the challenge was the lack of available references, with the module encompassing roughly 150 to 160 screens in total. Despite facing numerous hurdles, I finally managed to successfully complete the “Back Office Admin” module within a span of 25 days. “Back Office Admin” The name itself does have a somewhat horror ring to it for me at the time. But all jesting aside, I was genuinely relieved to have accomplished this feat.

As the moment approached for the client presentation of my module, uncertainty loomed over thinking about who would take the reins and stand before the client to present the design. I had assumed that my senior would take up this role. I vividly recall the day when my senior informed me, “Hey, you’ve worked on this module, and it’s your responsibility to make the presentation.” At that very instant, I couldn’t help but think, “Oh god, help me through this.” My hands trembled, and I felt far from prepared for the upcoming presentation.

In the wake of this revelation, I began my preparations for the design demonstration. Eventually, the moment arrived, and my senior asked me to start the presentation. Drawing in a deep breath, I began.

Initially, I presented a complete overview of the entire module with details regarding the available menus, our overarching design approach, and the step-by-step progression of our design methodology. Within this context, I explained our primary objectives and how we successfully attained them. Then I gave them a walkthrough of the design and each screen in detail with a comprehensive description of the specific module, in line with the client’s explicit requirement for a detailed design explanation.

During my initial demonstration, I showcased a grand total of 160 slides, an enriching experience in itself. Throughout the presentation, the client posed several inquiries, to which I lent keen attention and replied with utmost politeness and clarity.

Following the presentation, I gleaned valuable insights. The presentation itself has two distinct modes: the first is the online presentation, and the second, is the offline presentation. Mine was online, giving me certain advantages. Nevertheless, it is crucial to bear this point in mind to ensure the success of your own presentations.

1. Embrace Self-Assuredness: Confidence is a constant factor, even when you occasionally misspeak. Regardless of what you express, do so with unwavering confidence.

2. Begin with Confidence: As you commence your demo or presentation, initiate with a warm greeting and introduce yourself.

3. Harness the Power of Your Voice: During an online presentation, your voice takes center stage as your unique identity. Therefore, it’s crucial to employ a clear and composed tone, maintain pauses between sentences, and avoid speaking too rapidly. Allow your audience ample time to ask questions if they have any.

4. Clarify Screen Details: During any type of demo or presentation, provide a comprehensive overview of the specific screen, covering everything from the header to the footer.

5. Center Your Core Message: Concentrate on your primary message—why you’re introducing this particular design and the underlying process behind it.

6. Client Q&A Etiquette: During design discussions, clients often pose numerous questions. It’s essential to attentively listen to their queries and respond politely. If you’re unsure about a particular point, kindly express, “I’m not certain about this at the moment, but I’ll certainly follow up with you to provide a thorough response.”

These are the key points you should embrace to excel in your presentation. With these thoughts in mind, I’m signing off and will be back soon with a new, engaging blog post.

About the Author: Madhuri Vinchurkar is a passionate UI/UX designer working at Mantra Labs. With a keen eye for creating seamless and visually captivating digital experiences, she has honed her skills in crafting user-centered designs that not only look great but also offer intuitive interactions.

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