For my research, I extensively visit this extremely long and technical page
Analyzing RNA-seq data with DESeq2.
Below are two screenshots of the page:
Although this page is definitely helpful, I don't like it :(
This page has several usability problems and I decide to re-design it for this assignment.
Problems I experienced as a user of this page:
Problems returned by accessibility checker for this page:
A low-fi wireframe is designed to address these problems:
A corresponding visual design style guide is defined as the reference for high-fi prototyping:
An high-fi prototype is created and annotated:
Finally, a responsive redesigned version of the page is built based on the prototype.
You can browse it using the embeded window below (limited responsiveness) or visit it here (full responsiveness).
Menu buttons are functional - please click them :)
This redesign experience helps me to think deeper about good v.s. bad usability design. It also gives me a hand-on experience of converting ideas into prototype and actual implementation.