Please enable JavaScript.

Coggle requires JavaScript to display documents.

Psychology of Web Design (4 MAJOR AREAS OF WEBSITE DESIGN + DEVELOPMENT…

- - - - "As web designers, we face a difficult task every time we sit down to produce content for the web. There’s no doubt that we understand Content is King; this term was most famously coined by Bill Gates in 1996, and (love or hate Microsoft) he was right about the future of computing."
      - Maslow's Heirarchy of Needs --https://coggle.it/diagram/XpRzJupGh0A8npOA/t/basic-human-psychology
      - "Love and Belonging: How can we, as objective and distant content producers, make our users feel loved? How can we make them feel as though they belong? ... What does it mean to feel loved or accepted? Perhaps it is being a part of a "Tribe", as Seth Godin would claim. Dale Carnegie would tell you in his incredibly popular book How to Win Friends and Influence People that in order for people to feel loved (and more specifically, for people to like you), you have to make them feel important and heard. "
      - Competition: "Consider forums, for instance; labels and ranks are given to forum members. The reasons for this are both to offer more information about the validity of the content the member posted, and to offer an incentive of competition for lower-ranked users to post and increase their status. This can be compared to Maslow’s need for Esteem"
  - - - BLUE
        
        "Statistically admired by both men and women. It's associated with trust, calm and loyalty. Used by banks and social networks"
      - GREEN
        
        "Reminds us of nature - it stands out well against blue/white color schemes and is useful for buttons"
        
        "Generally speaking, green and orange buttons are reported to perform best. Ultimately though it will depend on your site design, as contrasting colors work best to make striking buttons that stand out." -- https://www.wordstream.com/blog/ws/2015/02/20/call-to-action-buttons
      - YELLOW + ORANGE
        
        "Imply haste. Useful for "limited time" offers. Yellow is somewhat anti-aesthetic compared with modern tastes, hence it draws in the eye"
        
        "Generally speaking, green and orange buttons are reported to perform best. Ultimately though it will depend on your site design, as contrasting colors work best to make striking buttons that stand out." -- https://www.wordstream.com/blog/ws/2015/02/20/call-to-action-buttons
      - BLACK
        
        "Implies sophistication, seriousness, and portrays luxury items. Useful for upselling products"
      - STILL NEED TO READ: https://neilpatel.com/blog/color-psychology/
  - - - SERIF FONTS
        
        "Give the impression of heritage and authority. They work well for respected news outlets and law firms" --https://digitalsynopsis.com/design/web-design-psychology-create-site-influence-people/
        
        "Serif fonts (those with little serifs, or feet, on the letters like Times New Roman) are often associated with professionalism, scholarly, and seriousness" --https://thenextweb.com/dd/2017/11/08/psychology-web-design/
      - SANS SERIF FONTS
        
        "Imply a clean, modern aesthetic. Often used by tech companies and social networks." --https://digitalsynopsis.com/design/web-design-psychology-create-site-influence-people/
        
        "San-serif fonts (like Helvetica) are a bit more modern feeling, clean and more informal." --https://thenextweb.com/dd/2017/11/08/psychology-web-design/
- - - - "One of the most critical aspects of using faces in design is to ensure that the faces have credible links to the organization and or products and services presented on the website. When users see some real people involved, it helps to generate trust in the organization as well as in the brand and products." --https://www.digitaldoughnut.com/articles/2018/april/use-of-human-faces-in-web-design
      - "When a testimonial appears with a human face, it acquires much more important as it seems quite real and hence believable. " --https://www.digitaldoughnut.com/articles/2018/april/use-of-human-faces-in-web-design
      - "Human faces can also create a feeling of trust – of course if the people we see are likeable and trustworthy looking. For example, for your team page, customer support page, or when showing quotes from your customers, use images of faces to build trust ... Showing who you are allows your visitors to get a better idea of you as a person and whether you can be trusted." V--https://usabilla.com/blog/effect-human-faces-web-design/
    - - "Images of smiling happy satisfied people represent an emotional destination we’d like to head toward (closes a story loop)" --Building a Storybrand --Donald Miller
      - "A photograph of someone expressing his feelings – for example while using your product – is much clearer and also more convincing than a bunch of descriptive text. ... George Clooney has been the face for Nespresso’s ad campaigns for a while now. On the website, you see him looking down at the cup of Nespresso he holds in his hand. Coffee in general all looks the same, making it a challenge to express it’s quality or special character in a picture. However, using a human face to carry the emotions felt – only when looking at the product – is a great way to describe your product." --https://usabilla.com/blog/effect-human-faces-web-design/
    - - "Often, users feel like getting some help in deciding the next move when browsing websites, as they are not sure what to do next. In such situations, users can follow the direction of vision of the eyes of a face and get cue about the path that they should follow. " --https://www.digitaldoughnut.com/articles/2018/april/use-of-human-faces-in-web-design
      - "we are curious by nature and if other people look at something, we want to know what it is they are looking at. Online it’s the same thing." --https://usabilla.com/blog/effect-human-faces-web-design/
    - - "Human faces can also help your visitors relate to your product or service. Again, when we recognize ourselves – or situations that we are familiar with – we feel understood ... For example you can show images of different kind of people, groups of those people, or faces with different emotional expressions that resemble your target group." --https://usabilla.com/blog/effect-human-faces-web-design/
- - - - "Add to Cart"
      - Free Trial Sign Up
      - Download
  - - - BLAH
        
        Click here
        
        Download
        
        Submit
        
        Enter
      - Oooo!
        
        Stay Connected
        
        Join the Fun
        
        Let's Talk
        
        Get my eBook
        
        Watch Right now
    - - "Generally speaking, green and orange buttons are reported to perform best. Ultimately though it will depend on your site design, as contrasting colors work best to make striking buttons that stand out." -- https://www.wordstream.com/blog/ws/2015/02/20/call-to-action-buttons
    - - "For instance, if your CTA is at the end of an article titled "16 ways to boost your SEO rank on old content" and you want people to download a premium guide about SEO, don't simply say "Download Our Free Guide." Make your CTA read something descriptive and reminiscent of the content above like, "Boost your SEO Rank even further with this free guide."
        Having just finished reading an article about this topic, this headline is more likely to resonate with the prospect, as a continuation of the journey they've just taken. " --https://www.impactbnd.com/blog/cta-best-practices