Web Design 2016: Chrome attacks!
From the author: The year 2016 has ended, it is always interesting to go back and see how much the workflow has improved over the previous 12 months. It's amazing…

Continue reading →

Changing the site design: quick restart of your project
I wrote many times that the web design master must be creative, must look for new solutions to everyday situations, keep an eye on fashion ... But unfortunately, fashion is…

Continue reading →

Visual Regression Testing with PhantomCSS
If you worked on large, serious projects, you probably already felt the importance of automated testing during the development process. Depending on experience, this awareness may come suddenly like a…

Continue reading →

The psychology of web design: playing in a new way

Psychological aspects of design
The connection between psychology and web design is not necessary to prove. This is obvious, if only because the transmission of information by means of Internet resources has clear laws and principles of perception, based on the same laws that apply in practice psychology in everyday life, business, advertising, relationships between people, in the end. What is important here? Color, text, graphics …

The visitor visits the site, begins to consciously and subconsciously read the information. Feelings awakening in this case are actually a psychological reaction – positive, negative. All this is possible to calculate, analyze, correct – you only need to know how.

As usual, nothing needs to be invented. For decades, scrupulous scientists gathered knowledge, formed effective conclusions, reflected the information obtained in tons of works on psychology for all occasions.

To succeed, you only need to competently manage this knowledge and put it into practice in order to influence the mood and behavior of your visitors, in general, to control the situation.

Find out more
4 components of success
Today I want to give you the most useful information, so without further ado, let’s move on to practice. In web design there are only four main components that significantly affect the psychology of user behavior:

Space.

Content

Text design.

Color.

You need to learn how to operate them perfectly, then you will never have problems with creating popular resources. Let’s go in order.

Space. The organization of the space of each web page of the future site is the main stumbling block, both at the training stage and at the time of creative crises of already experienced masters. Space is a priority of any project, every centimeter must be taken into account.

Well, for example, the “white area”, part of the canvas without visual filling. This is an indispensable element, its task is to increase concentration on important accents, rest for the eyes, etc. It is not worth ignoring it. Or the “principle of minimalism”, which obliges to minimize everything that blinks, is chaotic, too secondary for perception to be too complicated.

Content Design frames the content in the necessary frame. Let’s not forget that visitors come to the site for information in the first place, and only then for creative special effects and other tinsel. Everything matters: the number of characters on the page, line width, indentation, headings, etc.

Do not obscure the text with visualization, for each element take its place. Keep track of the purity of the content, the correctness of the links, the relevance of the data provided, and the absence of elementary typos. All this can negatively affect the attitude to your brand, and, by the way, move from the web to the real space.

Text design. I will dwell separately on typography. Once again, I remind you that the design of the text can cause much more resentment among visitors than even not too relevant information in it. You don’t have to chase all the CSS achievements at once, implement all possible fonts, bells and whistles of letters in one project.

Each style has its own generally accepted font: official, solid, academic, news, technical, futuristic, sophisticated, prestigious, etc. Learn to catch this fine line between them.

Further, the construction of the text, its readability through intervals, paragraphs, air in lines, sizes. Typography also addresses the issues of color schemes in texts, on which background what color to write, how not to ruin your site before its birth.
igma

Find out more
Color. We will talk about colors separately, the psychology of color in web design is generally a very responsible and extensive topic. Color can convey everything: feelings, emotions, convey the most important. Modern designers rarely (especially when it comes to commercial projects) experiment with colors, for most cases they are already selected and work successfully. Let me give you a couple of examples:

sites dedicated to natural cosmetics or household chemicals are 60% green – this helps to associate them with nature;

sites of high-tech products use blue color – reliable and confident;

if it is a culinary site, 70% it will be beige and cream color, causing appetite and association with air cream;

yellow is energy, you need to look for it on sites about outdoor activities, sports, especially in combination with gray and turquoise.

Riddles of color: clues nearby
There are many factors influencing how a person perceives information:

someone is easier to handle the visuals;

someone is better to hear once;

and someone perceives phenomena exclusively tactile.

But with all this, the psychology of the effect of color works approximately the same for everyone.

Productive Parallax
Do you like parallax or hate it, but it will not go anywhere. When used wisely, it can add depth and sophistication to a web application. The problem is that…

...

Best One-Page Website Designs (Landing Page)
An illiterate landing page to which new users are directed can lead to the depreciation of the entire advertising company. If you want to build a successful and carefree career…

...

Best Photoshop Plugins for Web Design
Go beyond Photoshop We don’t try to eloquently declare that plugins are our everything, especially since for beginner web designers it’s more important to directly study the wide possibilities of…

...

Composition in web design, or what Photoshop tutorials are silent about
Surely, you often have to visit sites that, at first glance, seem to be like nothing - both the pictures are beautiful and the text is folding, however, they lack…

...