Week 9
HI. Refining and progressing after the Usability test
In this blog, I will be updating the refinements done based on the analysis from the feedback in the Usability test.
Filter function
Based on the user feedback, some of them mention that turning the places into red as an indicator is not clear enough for users to understand that the filters are working. I tried another way to present it.
Instead of changing the text color, I was thinking maybe I could highlight the places with a white background instead.
Feedback from advisor
It looks like this method is also working, however, the overall aesthetic, currently the filter buttons and the places look separated. The space between the places will need to be adjusted too, because when the highlights are added, it will look cramp up.
My thoughts
I agree that it looks cramp up and I will need to further adjust the spacing between the text. However, I am still unsure about this method of adding a highlight at the back, I want to find another simpler way to execute this. Simple yet understandable.
I wanted some inspiration on how I could execute this differently, and stumble upon this specific reference that I think it could work on mine too.
Reference from: https://www.awwwards.com/inspiration/items-filter
So I tried it out on my own. By lowering the opacity of the places that are not hovered or relevant to the filters. And also making the text bolder.
However, the filter buttons and the places still looks separated as they don't share the same colors. So I tweak a bit and tried something out again.
Instead of making the place green, right now, the text that are not hovered or relevant to the filters will be in white and when users hovered or trigger it, it will turn into pink as an indicator.
Changes in the content layout information section
Based on the feedback, users suggested that I can add some motion content as part of the content information presented. However, I am reluctant to add motion content because I do not want it to take up too much space and causing the microsite to be laggy.
So instead of motion content, I spruce up the content by adding additional information of each places such as the opening hours, entrance fee, contact information, etc. When users hover over the images, these information will appear with a faded black background accompanying it.
Setting up the gamification feature
During the Usability test, my gamification feature wasn't ready, right now, I am slowly setting it up.
These are the current progress addressing some of the feedback from the Usability test
That's all for now, in the next blog, I will be sharing further updates and the DUE DATE is almost here too!
Comments