First Round of Updates After User Testing

To round out Week 4, I have quite a few updates to share. My priorities this weekend were to create a goal tracking screen, update my logo based on peer feedback, change the pressed button states in my Figma prototype based on user feedback, and begin making changes to the map functionality in my Figma prototype based on user feedback. I ended up getting through that plus a few other items, but I still have quite a bit left that I'd like to work on moving forward.

This is my new Goals screen. I decided to keep it simple and easy to use. The concept of closing rings will be familiar to my target audience.

In my logo revisions, I added paint to the tip of the brush in the flat variations of every color. Now, they match the 3D version. The brush is also now easier to see and understand at a distance or small scale.

There's a new icon in town! The ArtWalk icon with gradient brush stroke was added to allow users to reopen dialogue boxes after closing them (due to user requests). I added explanation about the pink arrow in the Walk flow too, as two users in testing misinterpreted its purpose.

Based on user testing, I also added a screen preceding the walk, to help users know what to expect.

In user testing, the subject of having the map update based on location came up, so now there are variations of the map throughout the walk with the current stop highlighted in a multicolored brush stroke. Users can click on the highlighted icon to view details as they get close to the stop.

After tapping the highlighted icon OR arriving at the art stop, users will see the new icon again, at the top of the dialogue box.

After hiding the dialogue box, users will see the icon in the upper right corner of the screen. They can then click on it anytime to reopen the dialogue box.

Users were sounding like they wanted to see more than my previous walking videos were showing, so I shot some new segments over the weekend near a gallery I was dropping my art off at in Madison. Because of this, I also created a new Madison-Specific Walk flow.

It seemed that users didn't like having the interest buttons go greyscale when pushed. Additionally, I'd received some feedback about looking for ways to add more color (other than blue) throughout the app. Now, the pressed state of these buttons is a gradient made of ArtWalk's pink. blue, and green. I also made all of the interest buttons the same background color to add more of a green presence to the app, as well as a more cohesive visual message on this screen.

This new gradient is also used in the pressed state for the other onboarding buttons.

Since my new Walk flow was Madison, WI themed and my previous Meet events were for past dates, I replaced them with upcoming Madison events. I also changed the language from Meetups to Events on these screens, since it's more inclusive of the variety that exists.

Finally, I connected all of my new components, prototyping them in Figma. During user testing, users expressed wanting to fully explore all of the event details (I had only fully prototyped one as an example) so while I was making edits to this section, I prototyped details screens for all events.

I'm happy with the direction of the changes I've made. I'm especially excited about my start at getting the Walk interactivity to be more realistic. However, I'm not satisfied with the spacing and layout of some of the UI details, especially on the Meet flow screens. I think it's time to get serious with grids. I'm wondering whether the Meet flow has enough color to feel at home in the rest of the app. It's feeling pretty heavy on the black text compared to the splashes of color in other parts of the app. I'm currently wondering whether or not I should try having headings be magenta (maybe just H1s?).There are also additional things I'd like to try with the Walk flow screens. I had several users request something that they could look at while navigating that would update with their step or mile count, distance from the art stop, etc. I will continue to consider that feedback and think about what the best solutions could be. I'm sure I could create a pretend pedometer in After Effects that could have the digits changing. I'll need to decide whether it's only visible when the video with the arrow is on or if it needs to be on other views too. I'm leaning towards the video bits, as that view feels the most real-time to me.