<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/907525871/?value=0&amp;guid=ON&amp;script=0">

Power Digital Marketing Blog

    psychology-in-web-design.jpg
    John Saunders
    by John Saunders |

    Why I Trust Psychology Over "Common Sense" in Web Design

    Web design is often mistaken as a “common sense” practice, especially when smack dab in the middle of a marketing agency. It becomes a “too many cooks in the kitchen”, overly assumed task, muddled with ideas generated by what many would say is logical. However, we find that many high performing sites can attribute their success to pattern recognition, sensory adaptation, and adhering to expectations.

    In this blog post, I will break down some critical, psychological practices that have been proven to work in web design.

    Color Recognition and Acceptance

    Everyone reacts to colors differently. There’s no “accepted” way to use them, however trends have shown us that gender plays a huge role in how we perceive them.

    Web Design Depot published a graph showing the differences between men and women’s reactions to colors, specifically ones they like or dislike.

    Screen Shot 2017-02-15 at 4.07.22 PM.png

    Screen Shot 2017-02-15 at 4.07.32 PM.png

    While there are many similarities, there’s also some stand out trends in both the dislikes and likes. For example, in this study, a quarter of men dislike the color purple, while a quarter of women like the color purple. Seems rudimentary, but this stat can save you quite a bit of time in design.

    On your next project, consider working gender into your audience analysis. Oh, and refrain from using brown at all costs.

    Pattern Recognition

    What do people follow more than anything else? Their past. People are comfortable with things they know, things they’ve felt, the easiest path to be quite blunt.

    This phenomena can be attributed to Weber’s Law of Just Noticeable Difference, which explains that small changes to something don’t influence a noticeable difference in the observer’s point of view.

    How does this apply to doing web design? Does it apply? OF COURSE. Why do you think Reddit looks the way it does? Because it worked the first time. Don’t reinvent the wheel with a redesign. Take what works, tweak it, and deploy. Often times businesses hire on a web design firm and it turns into a massacre of the original.

    You may say here, “Then why do a redesign at all?!” Look, if your site isn’t performing at all, has no visitors, and struggles to even load, then do a full overhaul. If you’re a public enterprise, roll your changes out slowly and surely, that way the majority of users won’t even notice you're making changes. Remember, people like to stay in their comfort zones.

    Forget Trends, Try Dumbing it Down

    You may like a new font… You may see a cool, new layout on AWWWARDS. But I urge you to do one thing when designing: DUMB. IT. DOWN.

    An ex-coworker of mine advised me to use his method, which he dubbed “Drunk Driving”. No, this is not advising to operate your vehicle inebriated. The method had one purpose: make your design navigable to someone completely drunk. If you do that, then everyone will understand how to navigate what you design.

    Sure, new styles, trends, and evolutionary works are what keeps the internet interesting. But that isn’t for those who need immediate sales or a boost in readership. By making your site simple, you allow for the end user to walk your path easily and often times, joyfully.

    New Call-to-action

    Expectations, and How to Meet Them

    So everyone knows your navigation menu will be located in the top half of your site, almost 100% of the time. So should I be edgy and create a menu located in only the footer, almost tucked away as if it were a part of a scavenger hunt? HELL NO. Stick to the old stuff, because that’s what people are expecting from you.

    I’m guilty of it. I get handed a new project and the first ideas that come to mind are those that are “outside the box”. That’s fantastic, I love being creative and some do stick. But don’t try to overdo it.

    We as humans are programmed to perceive information based on our expectations. Essentially, what we think is normally influenced by who we are, our beliefs, and our past experiences.

    For example, we take this picture:

    animalscould.jpg

    Is it a rabbit? Or is it a duck? Studies show that you would pick duck if you had a familiarity with ducks, and vice versa. The same applies to web design. Don’t design to produce something completely new, design to meet expectations and experiences.

    Manipulation

    Our sense are often taken advantage of, and we don’t know it. Most of the time, it’s in advertising like commercials, or packaging. We are able to do the same with web design.

    Ever had a friend with a smelly car? You get in, it’s a strange smell, so you say something? And the response is “I don’t smell it.” That is what we call sensory adaptation. Your friend has spent so much time in their smelly car they don’t recognize it anymore. I’m not necessarily saying you need to do the same when designing a website, but make things stick… like a smell.

    Using colors, shapes, and locations, we can influence users’ senses to do what we want. Make all of your important buttons and links the same color. Put all forms in the same place so they know where to find it if they eventually need it.

    Wrapping up

    I trust psychology over common sense. You can explain your methods with logic all day, and maybe they will work. However, I will always come back with a question like “How does this influence the user?” or “What are we intending to do with this design?”

    I hope these insights give you more incentives to start your designs with the human mind in… mind. It's more interesting anyway.

    Asset 1.png

    John Saunders

    John Saunders

    John is the Director of Web Development at Power Digital and thrives on the balance between creative and strategy. Using his experience in CRO, John approaches website builds with the user in mind, combining psychological and technical aspects of design.