Usability – the connection between technique and the user.

Posted on

Today I would like to talk about websites and which requirements they need to fulfill for the user.


What comes to your mind, if you think about a webpage?

Does a certain pictures come to your mind? Or even a specific screen?

Or maybe a program language or a certain function?


The first notion you may have, while thinking about a webpage is the most important factor for you to understand a webpage in your personal interpretation.


Certainly, that impression depends on your personality and even on the kind of business you are working in. As a designer, you probably think about the structure of a webpage with all its elements, colors and pictures, but not mainly about its written content, besides the font you would like to use.  And as a programmer, you maybe think about HTML and CSS or JavaScipt.


But never the less, every website needs to fulfill specific requirements for everyone of us.


Only “10%” is really about the design of webpage.

To understand this idea, we have to think about what the user’s needs of a webpage truly are. A webpage just simply needs to function and the user must be able to find everything he is searching for.


There are 11 points that can make a website more logical in its structure:

  1. In just about 3 seconds, the user must be able to recognize what the website is about.
  2. Finding the contact easily.
  3. Contact forms should be as short as possible, so the user doesn’t feel overwhelmed about the content. For people who don’t want to use a form, make sure you place the e-mail address in the footer, so they do not feel forced to use it.
  4. A click on the logo leads the user to the Homepage.
  5. Functionality is more important than high-end-design components (as I just mentioned before).
  6. Use Icons. The humans brain can remember Icons more easily than text. They can help him to navigate easily.
  7. Make sure, the text has the right font size, so also older people can read it.
  8. Make sure the text is designed high in contrast to the background. (Like black or dark grey font color on a white background.)
  9. Make the text easily to understand and do not complicate the content.
  10. Ensure that you have enough space between the headline and the running text.
  11. Use Buttons to express certain functions, like save, send back …




Navigation with buttons:

The user is used to buttons and its certain appearance. Besides its form and colors there are other factors you should consider, before using them:



Using shadows at buttons, can communicate a different functionality for the user. Before implementing buttons on your own webpage, you should know those already “learned patterns” for every element on your webpage.


The best way to learn how a functional and logic structure of a webpage looks, is by surfing. Make a list of the items you liked on a webpage, and another list about the things you didn’t like.