2.1. Lesson task – Defining User Interface design


Have a look at https://dequeuniversity.com/library/responsive/1-non-responsive

Analyse the product and think about it critically. What is problematic about it? How would you change it from a visual perspective (look and feel) to a human perspective (needs and wants)?

Your changes might be as small as a color change or more extensive, like decreasing the number of animations present.

Draw up a list and note your findings and solutions.

First of all, the website is non-responsive. From a visual perspective, here are some observations and suggestions for improvements for the website you have linked: 

  1. The overall layout of the page is quite cluttered, with a lot of text and multiple headings. This can make it difficult for users to quickly understand the main message of the page. 
  2. The font size and style are not consistent throughout the page, which can be jarring for users. 
  3. The color scheme is also not consistent, and the page could benefit from a more cohesive color palette. 
  4. The graphics, if any, appear not to be well optimized, they might appear pixelated, and that can create an unprofessional appearance. 
  5. The navigation links are not prominently placed, which can make it difficult for users to find the information they are looking for. 
  6. The text layout is not optimized for readability, for example, the line spacing is tight and the paragraphs are too long. 

My suggested changes: 

  1. Consider simplifying the layout of the page by grouping related content together and using clear headings to guide users through the information. 
  2. Choose a consistent font size, style, and color scheme for headings and body text to create a more cohesive look. 
  3. Optimize graphics for the web before using them on the page, this can make images look sharper and more professional. 
  4. Make sure navigation links are prominently placed so that users can easily find the information they are looking for. 
  5. Optimize text layout for readability by increasing line spacing and breaking up long paragraphs. 
  6. Use negative space, colors, typography, and other design elements to create visual hierarchy and guide the user’s attention.

It is worth noting that the above suggestions are based solely on my perspective as a user, and that a clever design also considers the needs and wants of the user. User research can be done to understand the target audience, their goals, and the tasks they want to perform on the site.