Part of my web app (PWA) is a Locals’ Favorites guide.
Users can vote for their favorite restaurant for each cuisine type on the app. There is a showcase of the top restaurants with the most votes for each cuisine type.
My current method to display and vote for a restaurant feels very clunky and I was wondering if anyone had any recommendations to make the experience better for the user.
Setup
I have all of the cuisine types displayed in a horizontal repeating group. Each group has a dropdown menu with a list of restaurants that have the current cuisine type. There is also an input for the user to vote for a restaurant that is not included in the dropdown menu’s list.
Workflow for User (User Experience)
Currently, a user has to open the dropdown, look at the list, choose an option or type a new choice into the input, and press save. Then, they can move on to the next cuisine to start the voting process again.
Vote for your favorite
Vote saved
Goal
I want to make sure that my workload units are preserved as much as possible while making this part of the app more of an enjoyable experience.
Can you think of a better way to display the voting system keeping in mind I need to keep track of which restaurant has been chosen for each cuisine type?
Thank you!