daniel-choi-html-css-hw

HTML + CSS Assignment

Daniel Choi

www.cmns.umd.edu

1) Replication

2) Redesign

The CMNS website seems to have a good design overall, so it was difficult to make any noteworthy design changes. However, the main change I made was combining the right most column of information (Phys Sci Complex link and Resources links) with the left most column of all the CMNS links, which I did for a few reasons. First, upon entering the CMNS home page, I feel like the user is drawn to the center and right pictures of the screen, where there is not much pertinent information (the most useful links are in the left column). Also, combining the two rows reduces the amount of horizontal visual parsing on the user and the amount of mouse movement while navigating the webpage. Instead, the user only needs to focus on two center columns (CMNS navigation links and the Hot Topics links), while scrolling up and down for moving through the page.

My other changes were low-level changes regarding color and spacing. First, the space between each CMNS navigation link (left column) and the space between a single link wrapping to the next line is the same distance. Although there is a border between each link, the color is too subtle and has potential for confusion on the user. As a solution, I added a slight padding between each link and a darker border between links.