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

Why Storytelling in Design is Important?

By :
4 minute read

You have all heard of storytelling, everyone in the design community and social media talks about it and you wonder – ‘What does it mean?’. 

Honestly even I was in the same exact confusion in the beginning. I dived into the internet and went through articles and videos to understand what all these people were saying.

Let me break down what my understanding of storytelling is.

WHAT???

Did you experience that feeling you get when you go into a meeting all excited to present your designs with josh, and get nothing?

This usually happens when the people on the other side have not really understood your design. It’s because you spoke your language and not the language they are used to. 

(Just imagine a developer coming up to you and talking in their programming slang. You’ll be clueless and confused. Things will fly off your head.)

We need to talk in a  language that our audience will understand. Storytelling is nothing but the art of conveying your message in a way everyone can understand. It is something that is a part of our daily lives and culture.

We need to build an emotional connection with our designs/ideas so our audience will respond to it in a more positive manner. People connect with emotions and for that, we need to establish trust by talking in a way they can understand.

Just like the movies, your design should tell a good story. Before we start designing we need to set a plot for our designs, create characters and start making things relatable to the real world.

WHY???

A design is easy to do but convincing people of an idea is tough (No offense). This is where storytelling comes into action. Most of us usually start designing without understanding the brand, the audience, or the idea. We are always running behind in making a good design rather than what will work for the product in the real world. 

Most designers make the mistake of making the design perfect and supporting it with tons of research. But the truth is that people can’t connect with that type of design emotionally. (The key is to bring your design to life)

We need to put the idea out in the world. The idea is always more powerful and it gets a whole new dimension when you start sharing it. People will have more ideas to the original core idea and it will keep growing. 

Let’s discuss this in an easier way. (By storytelling) 

The first thing is to start by thinking about your idea as the main plot line. Everything will revolve around this now. Like in DDLJ – the plot was that Raj & Simran loved each other but her family had already accepted another proposal for her.

Next, you start by building your characters in the design. Define your main hero and the supporting roles. Basically, find your Raj and Simran within the design and highlight them. 

Now like in every movie, we need a bad guy. Your problem statement can be the villain.

Like all good blockbuster movies, your story needs to have some masala and drama. 

(Add some dramatic train scenes) 

​​

Then start thinking of all the content as the dialogues of the movie and the graphics (imagery and illustrations) as the songs of the movie. We need to create a good balance between the songs and the dialogues.

Your subheadings and body text can be the supporting roles that make the hero stand out.

Also like all the action scenes of the movie, the CTA’s need to be there in the right place at the right time. Our users glance over the screens and in a very small time, we need to highlight our action items.

(Timing is everything)

First you yourself need to understand the story plot and characters in depth, then you can connect your audience easily to it. Audiences can forget the hero’s name but the story is what they will remember and talk about.

I have broken down the hero section of a popular insurance website into simple elements of a story. We can use this same process to talk about the entire website and further the complete concept. We need to break down the bigger element into smaller elements that should convey the same idea.

HOW???

Your story needs to be rooted, it needs a strong base. You’re selling your story, and your idea to everyone and not just a website, or an app.

So there are 2 ways to do this – like an art form or with some masala.

The first one you should take on when you have an experimental design, for example when you reimagine any traditional approach. (Also when you have a lot of time and budget).

The other way to go about it is with some masala and creating a dramatic pitch. Try to build a story that places your product/idea in a real-life setting. 

Next thing is to always practice with an audience before you go in for the final pitch. Practice your story a couple of times with your friends, family, and professional peers, and keep iterating the story by seeing their expressions, moods, and responses. Always practice with a small group. (Practice makes a man perfect😊)

You need to really understand your audience and connect with their emotions. On the first attempt you might fail but keep practicing and each time you’ll add things or remove something and you’ll get better at storytelling.  

(Also you aren’t chocolate, you can’t make everyone happy…Just Accept That!)

Just always remember your idea is the most important aspect of your story. Pick what you need to be the hero of the design, make things easily relatable and that will help your design to be memorable.

….. And then the final pitch might just be a BLOCKBUSTER!!

About the Author:

Diya is an architect turned UI/UX Designer, currently working at Mantra Labs. She values designing experiences for both physical and digital spaces.

Want to know more about designing?

Read our blog: How To Get Design Inspiration?

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