The result page is a crucial part of the search experience for any product. It informs the user to make better decisions. I worked on improving the search experience on Cuddle, to make sure that our users could gain enough information on mobile while searching for their business queries.

About Cuddle
Cuddle is an AI-powered, business analysis platform for business users that automatically detects patterns in the enterprise data to alert users on what they need to know before they ask.
‍
The Challenge
We found that the user’s engagement with the answer cards was low. Users found the answers to be complete in itself. After receiving answer to a query, there wasn’t a clear direction for the user. This was actual user learning. We dug deeper into this issue by conducting UTs.

Here are a few things a business user can do with an answer:
1. Track answers for monitoring overtime and receiving alerts.
2. Share answers with colleagues.
3. Analyse the answer further through the suggested cues.
4. Find alternate visualisations for an answer.

It was important for Cuddle to help the user engage with these features since the diagnostics is run on the data that users monitored overtime. Our first step was to evaluate our current design and define the problem areas. Effort was put in to push as many pain points that was necessary to build a seamless experience. The team members were asked to pitch in about how each one perceived the search results on Cuddle.

Research
As a part of our initial research, we collected examples of answer cards from other apps and noted the peculiar behaviours.

After evaluating our designs and a quick research on answer result cards, we listed out the design states that would be required for this task.

Types of Answer Cards
When you ask a question on Cuddle, the results can generate two types of cards — single answer cards and multiple answer cards. These cards can have 4 types of visualisations based on the data which can be in the form of a table, line, trend or a numeric value.

Card Anatomy
A break down of the elements in the answer card.

1. Container: The card container holds all the elements together. The height of the card is determined by the position of the elements they occupy.
‍2. Answer Title : The answer title consists of the measures business objects and attributes.
‍3. Period & Range Details: The answer subtitle include the interval of the data.
‍4. Call To Action Button — The main CTA is ‘track’. It lets you monitor your answers overtime by saving the answer to your trackboard.
‍5. Overflow — The over flow contains additional actions like sharing the answer card and data source details of the answer.
‍6. Periodicity Drop downs: These drop downs help the user change the time period of the insight.
‍7. Suggested Analysis— A list of cues to help the user analyse the data further.
‍8. Data Visualisations — The data visualisation widget — to show numeric, tabular, trend and comparison data.
‍9. Toggle Button — The toggle button lets you switch between different, available visualisations.

Certain features in Cuddle are not universal and needed introduction for the user. We introduced simple walk-throughs to help users go through them.

We used our empty states to gracefully handle errors. We introduced few simple illustrations along with the error messages.

A first time user often isn’t aware of what he can ask on Cuddle. So, as a part of the onboarding, few questions are pre-populated to get the user started. Of course, we also now have a recently asked questions for easy reference.

Any kind of communication that was required for a user, is made through snackbars. The following are a few examples.

To summarise, we achieved the following through this exercise. Users will now have the ability to change the time period of an answer and analyse the answer further with the available cues from the result view.Users can now toggle between the available visualisations on the result view. We renamed out main CTA from ‘add’ to ‘track’ so that users can relate to it better. We introduced onboardings for Cuddle specific features like toggling between visualisations, tracking and share answers.

Before and After
Here’s our final before and after: