Overview
Built a set of browser-based HCI experiments in HTML, CSS and JavaScript to measure how interface design affected user speed, accuracy and perceived usability as part of a 3-person team. The project covered reaction-time testing, target acquisition using Fitts’s Law and an ethics-approved usability study comparing Amazon and eBay.
What it does
- Tested if target colour impacted user reaction time by building a custom experiment designed in HTML/JS/CSS
- Measured how target size, distance and time pressure affect click accuracy by building a custom Whack-a-mole game
- Compared Amazon and eBay usability by using task completion time and post-task System Usability Scale scores
- Used quantitative results (SUS survey and exported raw interaction data) to preform statistical analysis so we could quantitatively support usability conclusions
Why it’s interesting
This project helped us validate theoretical HCI principles through practical experiments. It introduced me to industry-standard usability metrics such as SUS and showed how measured user behaviour can support better design decisions. The results showed the effect factors like contrast, target size, distance and perceived usability can have on interface and that we should consider them more carefully when designing interfaces in the future.
Tech Stack
Frontend: HTML, CSS, JavaScript