Overview
This project was a four-month externship via Rutgers University where the focus was collaborating with ECPAT USA, an international non-profit organization working to stop the sexual exploitation and trafficking of children.
Usability Testing
Heuristic Evaluation
I conducted the heuristic evaluation within the UX team to identify current design problems. It specifically involves experts examining the interface and judging its compliance with recognized usability principles.
Card Sort Testing
To resolve the issues of navigation, I conducted a card sort testing on ten users through Optimal Workshop. I observed how the users organized the information naturally. Then,
- Re-organized website navigation based on testing outcomes.
- Unified navigation tone for consistency, e.g., "About Us", "Our Research", "Contact Us".
Accessibility Test
We conducted accessibility tests on the previous design to evaluate its performance. The tests revealed significant issues, such as insufficient color contrast and inconsistent navigation. Identifying these problems was crucial for making informed improvements and ensuring the final design met accessibility standards, providing a better user experience for all.
Outcome
New Navigation Structure
I applied the new navigation structure that we explored from card sort testing to improve the information architecture.
Rebranding Theme
I selected dark green and yellow as the main colors based on color theories. Green stands for harmony and hope. Yellow represents a warning.
Overall we enhanced ECPAT brand awareness through strategic website redesign.
I also added descriptions of each page to make sure users understand the goal respectively.
ACCESSIBILITY
After creating each page, I utilized the plugins of Figma to test each page’s accessibility to ensure they are accessible to colorblind users and under WCAG ( Web Content Accessibility Guideline), increasing the accessibility score from 72% to 100%.
