Content page before usability study
Content page after usability study
In the original design, the general feedback is that it’s difficult to find specific activity because all the cards are the same size. There also isn’t enough room between categories to separate them from other categories. In short, users cannot scan across the page to find the right activity.
In the new design, I introduced more negative space to partition the page better for scanning and each category has an alternating background colour. Both the horizontal scroll and lighter text weight reduce cognitive load and further assist users in scanning.
Social page before usability study
Social page after usability study
Insights from user testing also revealed that users cannot distinguish across media on the Social page. The small black play button is not good for scanning and some participants could not find the play button as they expected the media to play from pressing the image.
We then moved the video and music play button on top of the image while photo generation and blog articles have a different button to distinguish the content even further. Both UI - on Content and Social pages - iterations resolve a high impact, low effort task from my list of recommended actions.
Homepage before usability study
Homepage after usability study
Finally, we want to redesign the homepage based on 2 insights during user testing:
- The goal images do not inform or assist in goal selection and the design looks dated.
- The cards have different sizes leading to the incorrect assumption by testers that they have different level of importance. Smaller cards are ignored consistently.
In this new design, I decided to peg an object or element to represent each goal. A short context is also given to help users select a goal and understand what these goals are for.
More importantly, all goal cards have equal weight and size - highlighted on the top of page to indicate hierarchy of information. The challenge card is separated and placed below the goal-setting carousel - it does not have the same weight as the goals.
This iteration resolves two P0 (high priority) tasks from my research insights.