Today we would no longer understand a website that was not responsive or that did not have an SSL certificate since Google penalizes anyone who does not encrypt the exchange of information with the user. The navigation has changed a lot and smartphones have more and more quota, so if your page is not adapted for these devices, it is really a problem. It is also very relevant the loading time of your page since Google decided that this was a determining factor when it comes to indexing in their listings and this is a fact, if you get your website is better positioned, more business. You know, it should load like lightning and this is not just about having a professional hosting.
Beyond these obvious tips that are already mandatory, there are several factors that can make your page look more suitable and functionally better.
1 Do not use too many fonts
Well that is the problem. A text, whether in a web, in a printed catalog, in a label or in any piece of communication, serves to offer the user or reader information. If we exponentially complicate the resources that we apply in that piece, we exponentially complicate the comprehension and assimilation of its contents.
2 Beware of text about photos or textures
Being strict, this should not be done. A text on a flat background will always be better read and the maximum of any piece of communication is precisely that, communicate.
Use the flattest parts of the image. For example, a clear sky may be the perfect place to add your title.
Add a layer between image and text that allows a correct readability. You can play with the opacity of this element to get the title read perfectly.
3 Keep the space between elements
Look at the content, but also in the space between contents. A website that does not maintain enough padding between its elements or that uses margins that are too small will generate a feeling of overwhelm that will make you lose recurring users. Nobody likes to be in a space too narrow. If you buy in a small supermarket you will know what I mean. You must let a person pass with a cart and for that you have to stick to the products, stand on tiptoe, make a pincer with your fingers on the third shelf so that you do not go backwards while holding the fried tomato jar with your knee. , balancing from the moment you put yourself in salamander mode.
Play with symmetry, which is what most orders a space. You can break it, but consciously you do it. If not, you better keep it.
4 Pay attention to the line width
Be careful, if you want your reader not to lose himself again and again when going from one line to another, you should limit the width that you offer to the text. You will read or they will tell you magic formulas that will be based on maximum numbers of characters or total line width in pixels, but there is only one reality, not to lose reading depends on line spacing. In any case, these recommendations to which I refer are usually a recipe that simplifies a lot and is also relatively effective. The web reader is thus with known formats or within usual limits. Do not pass 75 characters or put less than 40 and that’s it.
5 Avoid inappropriate colors, “dirty” or impossible to combine
You see, what you have been told that black does not stick with dark blue is false. You need to be able to construct your own opinion or know color theory to answer certain questions and undo false legends. Two colors can never be out of tune. Three already, although a debate on this would have to be resolved and it would not be too conclusive. Broadly speaking, a basic tonal range is defined by the colors that go in line from one tone to another.
You know what neutral colors are, right?
Basically, white, black or gray colors are purely neutral. Neutral is the opposite of saturated. If you have a bright green color it is saturated, if on the contrary it is a dull green it is more neutral.
From here, combinatorics, like colors, is infinite. It will depend on what you risk and the taste of who sees it but, in principle, several saturated colors combined will give us as a result a complex range and that many people could dislike (saturate, go). The same thing happens if you use slightly saturated colors and the central area of the chromatic circle, that lack of saturation will turn your palette into a set of colors that according to criteria could be “dirty”.
6 Danger: white text on colored backgrounds
And speaking of ages and colors, you must be very careful if you decide to put a surface of a flat color and white text on top, because as we get older, our eyes do it with us and we have difficulty reading these contents. If your website is that of a residence for the elderly, do not use this resource (why complicate). If you are targeting a target audience that is not so old but not too young, stick a sticky note of the most striking color you have on the corner of your monitor that you put on “I can use color backgrounds with caution, but I must upload a little the size of the white letter on them. ”
7 If everything moves …
I still remember those beginnings of internet where the gif was one of the protagonists. It gave us the possibility of making attention calls. It became an excess in some pages, many. Then came Flash, which turned web pages into one thing into something else. The danger of giving tools to the user is that he will use them. This happened. It was a verbena in some cases.