


Heuristic Evaluation and Cognitive Walkthrough of Ecommerce Site
Heuristic Evaluation and Cognitive Walkthrough of Ecommerce Site
I was tasked with conducting a Heuristic Evaluation and Cognitive Walkthrough on a website of my choice.
I chose to conduct my testing on automafiaracing.com as it is a small buisness without much design support.
I was tasked with conducting a Heuristic Evaluation and Cognitive Walkthrough on a website of my choice.
I chose to conduct my testing on automafiaracing.com as it is a small buisness without much design support.
I was tasked with conducting a Heuristic Evaluation and Cognitive Walkthrough on a website of my choice.
I chose to conduct my testing on automafiaracing.com as it is a small buisness without much design support.
Heuristic Evaluation
Visibility of System Status - keeping users informed.
Visibility of System Status - keeping users informed.
Visibility of System Status - keeping users informed.




Current Design
No items in cart.
Current Design
No items in cart.




Current Design
One or more items in cart.
Current Design
One or more items in cart.




New Design
More than one item in cart.
New Design
More than one item in cart.
User Control & Freedom - maintaining user control
User Control & Freedom - maintaining user control
User Control & Freedom - maintaining user control




Current Design
When users select "more payment options", it puts the item straight into their cart.
Current Design
When users select "more payment options", it puts the item straight into their cart.




New Design
Users can view "more payment options" on their current screen.
New Design
Users can view "more payment options" on their current screen.
Error Prevention - undo "added to cart" banner
Error Prevention - undo "added to cart" banner
Error Prevention - undo "added to cart" banner




Current Design
User must "view cart" to undo a potential mistake.
Current Design
User must "view cart" to undo a potential mistake.




New Design
Users can now undo a mistake without leaving the page.
New Design
Users can now undo a mistake without leaving the page.
Flexibility and Efficiency of Use - quick add to cart
Flexibility and Efficiency of Use - quick add to cart
Flexibility and Efficiency of Use - quick add to cart




Current Design
Users must click on item card to view page, then add to cart.
Current Design
Users must click on item card to view page, then add to cart.




New Design
Users can now add an item to cart directly from item card.
New Design
Users can now add an item to cart directly from item card.
Aesthetic and Minimalist Design - item photo clutter
Aesthetic and Minimalist Design - product photo clutter
Aesthetic and Minimalist Design - item photo clutter
Aesthetic and Minimalist Design - item photo clutter



Current Design
Cluttered product photo, repeated product name.
Current Design
Cluttered product photo, repeated product name.



New Design
Clear product photo.
New Design
Clear product photo.
Cognitive Walkthrough.
Task: Purchase a Roush Axle Back Exhaust for a 2013 V6 Mustang on AutoMafiaRacing.com.
Task: Purchase a Roush Axle Back Exhaust for a 2013 V6 Mustang on AutoMafiaRacing.com.
Task: Purchase a Roush Axle Back Exhaust for a 2013 V6 Mustang on AutoMafiaRacing.com.
Step 1)
Scroll down to "Select Your Vehicle Brand."
Step 2)
Look for "Ford."
Step 3)
Click on "Ford."
Step 4)
Scroll down to 11-14 3.7L.
Step 5)
Click on 11-14 3.7L.
Steps 1-5
Will users associate the correct action with the result they are trying to achieve?
Will users associate the correct action with the result they are trying to achieve?
Will users associate the correct action with the result they are trying to achieve?




Old Design




New Design
Step 6)
The "2011-2014 3.7 L V6 Mustang Cyclone" page appears.
Step 7)
Scroll down to bottom of page.
Step 8)
Click on "next page".
Step 9)
Repeat steps 7-8 until the user finds the exhaust.
Steps 7-9
Will users associate the correct action with the result they are trying to achieve?
Will users associate the correct action with the result they are trying to achieve?
Will users associate the correct action with the result they are trying to achieve?




New Design
Will the user notice the correct action is available?
Will the user notice the correct action is available?
Will the user notice the correct action is available?




Old Design




New Design
Step 10)
Click on item.
Step 11)
Select "add to cart."
Step 12)
Item is added to cart.
Step 12
After the action is performed, will the user see that progress is being made toward the goal?
After the action is performed, will the user see that progress is being made toward the goal?
After the action is performed, will the user see that progress is being made toward the goal?




Current Design
No items in cart.




New Design
More than one item in cart.
Step 13)
Banner displays showing the user that the item has been added to cart.
Step 14)
Click on cart icon.
Step 15)
Select "check out now."
Step 16)
Enter in shipping and payment details.
Step 17)
Click "purchase."
Conclusion.
Auto Mafia's online storefront is usable in the terms that the user can complete their goal, but it can be heavily improved by referencing my found design iterations. I would recommend that Auto Mafia Racing improves CMS filtering as the main method to improve the user experience.
I wanted to show this exercise because it shows very simple and somewhat easy tasks that UX designers can leverage throughout many design spaces, in order to quickly find improvements without the need for direct user involvement.
Auto Mafia's online storefront is usable in the terms that the user can complete their goal, but it can be heavily improved by referencing my found design iterations. I would recommend that Auto Mafia Racing improves CMS filtering as the main method to improve the user experience.
I wanted to show this exercise because it shows very simple and somewhat easy tasks that UX designers can leverage throughout many design spaces, in order to quickly find improvements without the need for direct user involvement.
Auto Mafia's online storefront is usable in the terms that the user can complete their goal, but it can be heavily improved by referencing my found design iterations. I would recommend that Auto Mafia Racing improves CMS filtering as the main method to improve the user experience.
I wanted to show this exercise because it shows very simple and somewhat easy tasks that UX designers can leverage throughout many design spaces, in order to quickly find improvements without the need for direct user involvement.
Projects
Projects