
T&T Supermarket – Heuristic Evaluation Overview
T&T is a well-known and respected supermarket chain with a loyal network of in-person shoppers. In order to expand T&T’s online customer base, my group conducted a heuristic evaluation of their website; focusing on an important customer task flow: buying dinner.
Project Type
Heuristic evaluation
Timeline
3 Weeks
Team
3 people
Platform
Website
My Role
Researcher
Copywriter
UX Designer
Tools
Figma
Google Docs
Task Flow: Buying Groceries
for Dinner
Browsing
Selecting
Checking out
Being able to browse online for specific items is very important. After all, shopping in-store is not always possible. Because of this, my group focused on improving the user’s experience when it comes to buying dinner.

Heuristic Measures
We conducted the evaluation based on Neilson Norman’s heuristic measures.
Visibility of System Status
Tell the user what’s happening…
User Control and Freedom
Does the user have an emergency exit?
Error Prevention
The best designs foresee errors and prevent them.
Flexibility and Efficiency of Use
Efficiency for new and returning users
Help Users Recognize and Recover from Errors
Clear error messages and markers telling the user what to do
Match Between System and the Real World
Will the user recognize it? Is it familiar?
Consistency and Standards
Users shouldn’t have to worry if different words mean the same thing.
Recognition Rather than Recall
The design should not depend on the user remembering information.
Aesthetic and Minimalist Design
If it’s not relevant, keep it out.
Help and Documentation
Can the user find help?
Severity Scale
Based on the severity of usability problems, a number is assigned to each heuristic using a 1 to 5 rating scale.

0 = This is not a usability problem
1 = Cosmetic problem only: need not be fixed unless extra time is available
2 = Minor usability problem: fixing this should be given low priority
3 = Major usability problem: important to fix, should be given high priority
4 = Usability catastrophe: imperative to fix this
T&T Brand Style
My group started out by establishing the core style elements, based on the existing T&T brand guidelines. This was to help maintain consistency throughout our redesigned solutions.
Typeface: Poppins

Brand Colours

Narrowing Our Focus
When it came to buying dinner on T&T’s website, we found a variety of heuristic issues. To help narrow our focus, we entered the data into a design prioritization matrix.


Using the matrix, we focused on the usability issues that make the highest user impact with the lowest amount of effort.


Our Solution: Consistent & Simplistic Design




Our Solution: Iconography


Usability Error #3 – Scroll Function Blocked by Element


Our Solution: Remove Sidebars


Usability Error #4 – Weekly Specials – Colour & Category Confusion


Our Solution: Simplify and Categorize


Usability Error #5 – Registration Required Before Checkout


Our Solution: Guest Checkout Button


Usability Error #6 – Automatic Cart Refresh Post Registration


Our Solution: Remove the Automatic Refresh

