By Davor Birus on October 5th, 2024
I had a productive week. After a long hiatus, I've eased myself into working on RelateWell again. Almost every day, I've been going to the coworking space with a friend and putting in around 8 hours of work. I started by working on smaller, more fun pieces, like investigating and testing the Sinch API for phone verification and sending SMS messages.
After that, I took on one of the bigger tasks I had identified — redesigning the feedback entry interface. This is arguably one of the most important parts of the UI because users will spend a lot of time here. The first version was just a list of all possible feedback categories, and the user was supposed to browse through all the categories and items, then select the feedback that applied to the recipient. This process wasn’t intuitive and involved a lot of extra taps, taking users in and out of the categories. I wanted to make the process simpler and more intuitive.
The new UI does away with the hierarchy and just serves the user pieces of feedback one by one. The app will now prioritize and guess which piece of feedback the user might want to select. This logic will be basic in the beginning, but after I collect some real-world data, I’ll be able to make it smarter and much more predictive. With this new UI, the user can easily see their progress and understand what is expected of them.
On this page, the user can see information about the recipient, the already added feedback, and, after they've completed adding all feedback, they can proceed to the Review & Send page.
Next week, I'll do additional work on the feedback preview component. I will have a different icon for every category, and the font sizes need to be a bit smaller. But overall, I’m pretty happy with this page.
The Add Feedback Page has been completely redesigned this week. When first opening this page, a message will be displayed with a few quick instructions.
At the top of the page is the new Progress Card. I'm grouping the feedback items into three groups: required, suggested, and remaining. I believe this is pretty self-explanatory. The third category contains the remaining feedback items that don't apply to the current relationship type/closeness level, but the user can still browse through them. The Progress Card is collapsible so it takes up less space, which is useful once the user starts browsing through the feedback items.
With this new redesign, it's only a one click to proceed to the next feedback item, instead of having to backtrack to the previous category. With the Progress Card and Feedback Item Card collapsed, the user doesn't need to scroll to see all the options.