THE CONTEXT
The original PSA events page listed session details in plain text with minimal hierarchy.
Users saw only titles, dates, and session length - without clear indicators of whether the event was online or in-person, its cost or a direct booking link.
The booking process required multiple steps: users clicked “Read More”, landed on a secondary page, then had to find a small blue hyperlink to Eventbrite.
THE PROBLEM
An initial UX audit based on Nielsen Norman’s 10 Usability Heuristics and a primary survey revealed:
-
Missing system feedback: users couldn’t immediately tell the event format or cost.
-
Poor information hierarchy: important details were buried in paragraphs.
-
Redundant navigation: too many clicks to reach Eventbrite.
-
Low engagement: text-heavy listings discouraged scanning and conversion.
AIM & OBJECTIVES
To redesign the Events page so users can instantly understand what, when, and where - and register seamlessly.
Objectives:
-
Make status (online/in-person) and cost visible at a glance.
-
Reduce booking steps to one direct CTA.
-
Improve scannability with icons and hierarchy.
-
Ensure accessibility and WCAG compliance.
RESEARCH INSIGHT
Based on the Nielsen Norman UX audit and primary survey, users struggled to locate event details and booking links.
These insights pointed to the opportunity: transform the Events page into a high-clarity,
low-effort experience where users can understand the format, confirm relevance, and register confidently within seconds.
DESIGN STRATEGY
Icons and layout hierarchy reduce cognitive load and improve scanning efficiency.
Following Nielsen Norman’s heuristics, each improvement targeted a usability gap:
BEFORE & AFTER
RESULTS AND IMPACT
The usability test confirmed that the redesign addressed the core issues uncovered during the initial audit and user survey.
Before testing, I had already removed the unnecessary “Read More” intermediate page, introduced clear icon-label pairs
and restructured the event information hierarchy changes that directly responded to user frustrations around scanning and action clarity.
During the test, participants consistently reported that the new layout made events “instantly understandable” without reading long descriptions
and the new direct CTA to Eventbrite created a more confident path to booking.
Adding the GMT indicator resolved previous uncertainty for international users and simplifying the event text ensured no one felt overwhelmed.
Overall, users were able to find key event details faster, identify whether a session was online or in-venue without reading
and move to registration with fewer doubts and fewer steps.
REFLECTION
Before running the formative test, I made several essential improvements to the Events page based on the UX audit and early survey insights removing the confusing “Read more” step, adding direct registration buttons, introducing icons to support faster scanning and restructuring the information hierarchy.
Because these foundational issues were resolved early, the formative and summative tests produced very similar results: users could complete tasks easily and found the redesigned layout clearer and more intuitive.
The consistency between both rounds of testing validated the design decisions and confirmed that the changes addressed the real friction points rather than aesthetic preferences.
This reinforced a key lesson: when the underlying structure, hierarchy and affordances are corrected early, later iterations become refinements rather than rework leading to a more efficient, user-centred design process.