The website that I critiqued for this post is the Art School at Yale. This website violates many of the web design principles that we have studied in this chapter.
- Precedence (Guiding the Eye)- As I researched how humans read and consume websites one thing that the Yale website fails to do is guiding the viewer. The purpose of the website is to inform the viewer about the school and the events that are taking place. The website fails to provide an easy way for the viewer to know what is important and guide them to it.
- Spacing- Recently design trends have favored the use of white space for a modern look. This website however goes overboard with the amount of whitespace that they have on the site. This website is not visually pleasing as the whitespace makes it feel empty and it is hard to determine what is important on the site as a whole.
- Navigation- The navigation on a website is designed to make websites easier to navigate. To put it simply, the navigation should help you establish where you are and where you want to go. Proper navigation should be very intuitive and help the user find the information they are looking for quick and easy. This website falls short on this account and provides several different navigation sections that are spread throughout the site. Users need to click through these various sections to find what they need to which leads to confusion for the user.
- Typography- Text is the most common element in a website. Making sure that you choose the correct font (not something that distracts users) the correct size and proper spacing will ensure that users will be able to get the information they need from your website. This website has a myriad of different fonts that are used and I believe that really detracts from the content on the website.
- Usability- According to Hubspot, in 2021, there were 7.1 billion mobile users and those devices generated 54.4% of the global website traffic. For a website that has important dates as well as information about the school it is imperative that they optimize their website for mobile. When checking the website did not scale to a smaller window and much of the information was cut off from the viewer. Going a step further, I checked through the website and I noticed that many of the images were missing accessibility features like ALT tags to help disabled persons visiting the website.
Connecting to last week, when we talked about multiple intelligences, there are two specific groups that would most likely be turned off from this website. The website has no reference to naturalist or musical / rhythmic themes. With this being said, the author of the site could understand their audience as being more aligned with other intelligences thus they designed their website with that in mind.
After looking at the site, Yale School of Art, the first thing that disgusted was the layout and the spacing. I believe you hit the nail on the head when you said there was way too much white space. The use of too much white space actually makes me believe that the website was not formatted correctly. The spacing of the different areas with the different size text and shaded areas don't make the website appealing. I agree that I have no idea where I should be looking on this webpage because it feels like everything was just thrown on and the best organization is only the side bar tabs. As someone with the musical intelligence, I can tell you that you were correct in your thought that we would venture away from this site immediately. My logic and musical intelligence together really dislike the website design as well as makes me feel that this website was not made by anyone who had design in mind.
ReplyDelete