There a number of things to think about when designing the UI behind search and results.
Yummy App is a multi-platform digital media for cooking tutorials, food, recipes and culinary exploration in Indonesia, Yummy App is here to make your cooking activities easier and more fun!
Search is like a conversation between the user and system: the user expresses the request for information as a query, and the system responses with a set of results. The results page is a crucial piece of the search experience because it responds to users’ information needs.
A search box, search field or search bar is a graphical control element used in computer programs, such as file managers or web browsers, and on web sites with the dedicated function of accepting user input to be searched for in a database. The functional requirement of a search box is that the user expresses their information need as a query, and the search delivers its response as a set of real-time results. Users expect smooth experiences when searching and they typically make quick judgments with respect to results. The best search practices might increase the engagement level of the user.
In this study case I would like to share that will help you improve the search results UX in
Yummy App.
Here’s the problem, One of the user behaviors in finding recipe inspiration is to search for recipes both from the “masak feature” and also from the “search feature” on the home page.
Unfortunately, Currently the user experience in search results is less appropriate and less accurate. So user could not find it easly.
Check our old screen on the below search result is less accurate:
.jpg)
Our search result is less appropriate and less accurate. Thus, our new design should make it easy for users to find the recipe they want and need.
Search typing suggestion is an excellent example of contextual recommendations. As the user starts typing, Search suggests the relevant recipes, and this helps users find the relevant recipes in less time.