Category Archives: Reference

Applying psychology in web design


Web designing becomes more effective when web designers educate themselves about psychology. Understanding how people react to the design of a website helps designers create attractive websites. However, a web designer does not need to spend endless hours studying psychology. Knowing only few basic psychology principles are sufficient for designers to create attractive websites. Although there are numerous relevant psychological principles, but the following ones can assist in developing high quality and eye catching websites.

Matching Patterns

While looking at an object, a colour or a diagram, human mind quickly forms a series of images, which might be related to it. Hence web designers should use matching patterns while designing a website to attract the audience.

Facial expressions

People exchange numerous messages amongst themselves through facial expressions. Human images really attract people and create a powerful impact on them. Hence website designers may add images of people in happy or jolly mood so that they may send a positive message to their audience.

Social influence

When designing a website, designers must ensure that they are able to create social influence on their viewers. Interactive websites create social influence on people. Web designers may make a comment section for those viewers who want to provide their feedback on the website or ask them to fill forms or be part of their surveys. People are more likely to visit those websites that have engaging content.

Using Images or videos to explain a concept

Most users prefer watching videos or images instead of reading material to understand a concept. People find videos and photos more interesting than the written content. Hence, web designers must add more images or videos on their websites and less written content, so that viewers do not get bored.

Sharing interesting and concise information

People visit only those websites that have interesting and concise information. Therefore, web designers should make the content as much interesting and concise as possible. They may also add interesting facts and statistical data on their websites to impress their audience.

‘Selective Disregard’

Human beings see thousands of visuals every day. However, it is impossible for them to remember all these visuals. Hence, they only remember those visuals that they are able to relate to. This phenomenon is called selective disregard. Web designers should enlarge or highlight the important text on a website so that the audience take instant notice of such items and then take a decision.

‘Hick’s Law’

Hick’s law simply states that the more options people are given, the harder it becomes for them to make a decision. Therefore, websites with too many options might confuse viewers and discourage them to explore the website. Web designers should display minimum options on the website so that viewers may easily navigate through it.

Analysis of cost and benefit

Even after centuries of evolution, humans still exhibit the same behaviour as their ancestors. Subconsciously, people are evaluating the potential benefit of the energy they invest while performing a task. If a website requires individuals to perform tasks that are time consuming then they are likely to abandon the process.

Visceral Reflexes

Visceral reflexes are part of our genetic makeup. Our brain quickly reacts to the stimuli exhibiting food, danger, reproduction or shelter. Therefore, web designers should use those colours, images or content that triggers visceral reflexes in human brain.

Although, web designers need advanced skills to develop a high-quality website, but they must also understand the psychology of their audience.  Once web designers will develop a good understanding of the human behaviour, they will be able to make powerful websites, which will inspire their audience.

Image Credit: Mu robin

Related Links

High On Line: Applying Psychology to Web Design – Schedule
10 facts about the brain that will help you design better …
The psychology of design explained – Features – Digital Arts
The Psychology of Web Design | Webdesigner Depot

How to add an image in an HTML page

In order to insert images in HTML, you need to make use of the <img> tag.
Tags in HTML are the statements enclosed in <> and </> For instance <strong> peter</strong> makes the word peter appear bold on the web page. You can even have audio and video embedded to your web page using tags.

Well, let us dive right into the code and see how we can insert the image into our web page.

relative reference: <img src="images/pic.jpg"/> 
absolute reference: <img src=""/>

Continue reading