Psychology Driven Web Design - PART 1 Fundamentals
5.0 (9 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
72 students enrolled

Psychology Driven Web Design - PART 1 Fundamentals

Create impactful websites and apps that appeal simultaneously to the intellect, emotions and subconscious of users.
5.0 (9 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
72 students enrolled
Last updated 6/2020
English
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 19 hours on-demand video
  • 50 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Design effective and affective websites and apps by focusing on user psychology.
  • Use recent findings in neuroscience and applied psychology when creating online content.
  • Consider the instinctive, emotional and rational manifestations of the human mind when publishing on the web.
  • Use subtleties of human cognition for designing balanced and aesthetically pleasing websites.
  • Use gestalt and visual design principles to build strong visual hierarchies that guide users to their goals.
  • Use color with greater psychological impact in web and app design.
Requirements
  • There are no prerequisites for this course.
Description

There are over 250 million regularly updated websites on the internet, that look, in one way or another, similar. How can yours stand out in this crowded place? How can you make sure that your first-time visitors have an engaging user experience and come again? And when they do, quickly find what they’re looking for to accomplish their goals? Can you change their mood to the better and use that positivity to achieve your website goals? Or anticipate their unconscious desires and cater to them?

This course will enable you to create effective and affective websites that are centered around how human beings work. By teaching you how to take findings in applied psychology into account when designing, it will empower you to predict how people will interact with your website and to take their perceptual biases, motivations, emotional states, and unconscious cognitions into consideration.

Only when you thoroughly understand the human mind can you hope to create designs that are simple yet pleasing and engaging at the same time. Psychology driven design aims to help accomplish that, by making you aware, at every step of a creative process, how humans think, feel and act. And the result of it is a product that appeals simultaneously to the intellect, emotions as well as unconscious desires of users.

Some people refer to this method as “designing for the mind” others as “designing for humans” or even “neurodesign”. We prefer the term “psychology driven design”, because the concept relies on findings in cognitive, behavioral and social psychology to determine, how, for example, the structure of a website influences users’ perception of it; how the colors and types used by its designer affect their mood; and how they interact with it to connect with others.

The psychological impact of the design of a website determines if users will trust it or not, if they will feel important, or at ease, or curious and so on. In short, it is the number one determinant of a good or bad web user experience, and regardless of whether you are new to web design or a seasoned professional, if you would like to understand how you can use its power, then this is the right course for you.


WHO THIS COURSE IS FOR

This course is useful for all web designers, to a great extent also app designers, independent of their level of expertise and years of experience, from individuals who are using readymade templates to publish their first personal conceptions, to highly professional designers who are creating original web interfaces for Fortune 500 companies. This course is very useful even for those content creators, who are not versed in web design at all, but wish to insert some content into an existing web-based platform in an impactful manner.

The course is especially beneficial for those who want to accomplish the creative part of designing a website, to then have a web developer do the coding; for those who use ready-made web templates that can be modified by users to quickly personalize them; and of course, for those who are already proficient in developing websites but who can use deeper design knowledge to make their creations more effective. If you are in this last category, this course can give you sound reasons for much of what is felt intuitively, and yet not fully understood.


HOW THIS COURSE WILL BENEFIT YOU

Website elements have become more or less standardized, so that by combining them within some context you can quickly end up with a fairly good-looking website. But the problem is, content and design are interrelated. Websites that are based on off-the-shelf themes by themselves cannot claim the kind of relationship that makes a website impactful, as a theme is always built on dummy content. This means that, in order to select content appropriate layouts, visuals, colors, typography etc., to create content that is scannable and shared more, to design user experiences that are gamified and personalized, you do have to master the way to influence the perception of your visitors, whether you design from scratch or use a template. In that sense, learning about psychology driven web design will enable you to:


  • Understand why successful websites have been designed the way they have been;

  • Evaluate why, in some context, a certain design generates positive emotions and thoughts while another leads to user frustration;

  • Create designs that increase conversions by taking latest findings in applied psychology into account;

  • Design websites that support the quirks, biases and defining features of the human mind;

  • Design displays that support human visual perception and improve the user experience.


In a word, by the end of this course, you will be able to create better websites and be more successful at what you do.


MAIN LEARNING OBJECTIVES

PART 1

Learning to design with user focus, from goal setting, through user research, defining personas, creating scenarios, devising user journeys and user experiences, user motivations, all the way to information architecture, usability and usability testing, and accessibility issues.

Learning to take the characteristics and limitations of human attention, memory, perception, language and reading skills, learning abilities, and different types of emotions into consideration when designing a website.

Learning how to account for perceptual biases of users in order to create websites that are more appealing to their subconscious mind and easier for them to navigate, by understanding the gestalt principles of perception.

Learning to create perceptual organization using similarity and contrast, visual weights, visual directions, dominance, focal points, compositional hierarchy, flow and rhythm, compositional balance, proportion, whitespace and much more to achieve strong visual hierarchy, simplicity, unity, variety, and consistency in design.

Learning to use the impact of color on human psychology to convey specific feelings and messages in your designs.

PART 2

Learning to create content that is suitable for scanning, better legible and readable, more impactful, socially accepted, and shared more, which are essential skills for any blogger.

Learning to judge the purposefulness, appropriateness as well as psychological impact of visuals, multimedia, and typography by taking into consideration such issues as the psychological impact of faces and anthropomorphic forms on photographs, the attractiveness bias, the meanings of common shapes, the use of digital arts, infographics, iconic representation, the psychology of typography and much more.

Learning to take characteristics and differences of individual users, as well as subtle details relating to specific user groups, including culture, gender, age, etc. into account for creating personalized experiences that resonate differently with different psychological profiles, groups and communities.

Learning to take human time requirements, responsiveness of designs, conceptual models in interactions, the usability of controls into account, and to be able to design effective call-to-action buttons, effective forms, gamification, real-time technology and mobile user interactions.

Learning to account for the triune nature of the human mind, the inconsistency of the self, the psychology of trust, the psychology of choice, the psychology of decision making, the price and quality perception, the psychology of scarcity and urgency, the psychology of reciprocity and rewards, the effects of social validation, and more generally, for all idiosyncrasies of human psychology to be able to design e-commerce websites that convert.


PRERQUISITES

There are no prerequisites for this course. If you can browse the internet and know what menus, buttons and links are, you can follow all the lectures. No literacy in psychology is required as all necessary knowledge will be conveyed, in laymen’s terms.


THE LEVEL OF STUDY

This is a comprehensive course for students at all levels, from beginner to advanced, where every aspect of psychological influence in web design is dealt with in detail. It is not a quick, one-hour design tutorial, not a presentation of inspirational lists and certainly not a tool tutorial. While someone on their first project can easily follow the lectures, even a seasoned professional web designer can find here some inspiration in terms of psychological impact to improve their work.

The course consists of two parts, where PART 1 covers the Fundamentals and PART 2 covers Advanced Topics.

The curriculum of the course is completely original, meaning that it does not follow any one book written by a third party. However, the information contained in the over 800-page course script has been checked against 12 contemporary design / psychology books and over 600 pages of design / psychology blogs.

The summary of this course is being sold as a kindle book on Amazon. It is provided to all students of the course free of charge.

You will receive a valuable certificate that you can add to your CV when you finish this course.


THE TEACHING METHOD

This course contains a total of 160 video lectures, 80 in PART 1 and 80 in PART 2, with each lecture having a duration of approximately 15 minutes (some a few minutes longer, others a few minutes shorter). The lectures are organized in 10 coherent content sections, plus one introductory section and one conclusion section.

The second section of the course serves as an extended introduction, where the entire user focused web design process is explained from goal setting all the way to usability testing, so that someone with no experience in web design at all can, having studied this section, easily understand the later section. For more experienced designers, this section may appear to be superfluous, but should nevertheless serve to solidify the basis for later sections.

Sections three and four convey the fundamentals of cognitive psychology so far as required for designing impactful websites, with lots of illustrations and always in laymen’s terms. From the fifth section onwards, the lectures are heavily supported by exemplary websites, either screenshots or video captures, where concepts are discussed with the help of design examples.

At the end of each section, there is a quiz. However, due to the nature of the subject matter, the quizzes can only serve to reinforce what has been explained in the lectures rather than testing design knowledge. Your actual progress can only be attested to by yourself in the long run through the changes you will notice in your creations.

Everything you’ll learn in this course relates to creating effective and affective websites. But it is one thing to hear about concepts, yet another to actually implement them in design work. Even though a great many number of examples are shown in the lectures, mastery in design requires practicing and so you will have to do the real work more or less by yourself. There are 82 assignments that accompany the lectures to facilitate a more active learning experience, which are the secret ingredients to the success of learning psychology driven design.

All assignments are applicable on any one of 5 web design projects, based on imagined scenarios introduced in the fifth lecture. The assignments, if properly worked on, can take the student from an empty canvas to a finished web design project. In other words, a student applying all assignments on all 5 scenarios will end up with not one but five portfolio-ready website designs by the end of the course.


WHAT THIS COURSE IS NOT ABOUT

This course is NOT about learning web development using HTML / CSS / Scripting Languages. It is also NOT about encoding, implementing, or publishing an actual website on some platform. This course is about web design.

This is also NOT a psychology course. While a great number of topics are covered here that are usually taught within the curriculum of a psychology course, including advanced topics in neuroscience, the emphasis is always on practical design implications of these and NOT on theoretical notions of cognition or behavior.

Psychology driven design is NOT about the psychology of the designer or designers in a design team or their interactions with other project stakeholders or the design methods they may be employing. The focus here is always on the psychology of the website visitor.

Psychology driven design is also NOT about hacking people’s brains, or using techniques for manipulating their unconscious mind, or persuading them to buy things they don’t need. It is merely about using knowledge gained about the way human beings work for designing impactful websites, apps and more generally, web-based user experiences.

Psychology driven design is NOT the same thing as user-centered design. Nevertheless, even though this course is NOT particularly about teaching the standardized user-centered design methodology, or the design thinking concept, it touches upon many of the topics that are usually covered in those fields of study, but then goes way beyond.

The applicability of psychology driven design is NOT limited to creation of business websites. It is applicable to all types of websites, from personal blogs to virtual reality-based community forums.


Who this course is for:
  • Web designers at all levels
  • App designers at all levels
  • Web content creators
  • Bloggers
  • Social media publishers
  • Online shop owners
Course content
Expand all 82 lectures 19:03:35
+ Introduction
5 lectures 01:05:18
Content and its Presentation on the Web
15:12
A First Glimpse
12:29
The Structure of the Course
12:29
Assignment Projects
09:56

Review what you have learnt in this section

Section Quiz
6 questions
+ Overview of the Web Design Process
15 lectures 03:39:03
User Experience
11:46
Goal Alignment
15:12
Target Audience and SMART Goals
15:25
User Research
16:35
User Maps
15:29
Personas
15:02
Motivations and the Hierarchy of Needs
15:12
Information Architecture
16:10
Overview of Website Elements
15:47
Designing with Data
13:26
Accessibility Issues
14:54
Extrinsic Design Constraints
15:55
Assessment of the User Experience
14:49
Section Summary
09:25

Review what you have learnt in this section

Section Quiz
20 questions
+ Cognitive Psychology for Web Design
15 lectures 03:45:14
Introduction to Cognitive Psychology
12:28
How the Brain Works
14:29
The Triune Brain Model
15:14
Attention
13:52
Short-Term Memory
13:40
Long-Term Memory
12:47
Recognition versus Recall
16:11
Visual Perception
16:01
Visual Perception (Continued)
13:52
Language and Reading
16:09
Learning
16:35
Emotions
16:02
Emotions (Continued)
15:20
Cognitive Biases
16:20
Section Summary
16:14

Review what you have learnt in this section

Section Quiz
20 questions
+ Gestalt Psychology for Web Design
15 lectures 03:01:19
Introduction to Gestalt Psychology
13:23
Emergence and Meaningfulness
12:06
Conciseness and Invariance
13:24
Symmetry
12:38
Multistability and Figure / Ground Distinction
13:45
Reification and Closure
13:22
Continuity
10:24
Grouping by Proximity
13:24
Grouping by Similarity
13:31
Grouping by Connectedness
07:07
Grouping by Common Region
11:34
Grouping by Common Fate
10:09
Grouping by Synchrony
08:15
3D Vision
14:43
Section Summary
13:34

Review what you have learnt in this section

Section Quiz
20 questions
+ Visual Design Principles
15 lectures 03:35:25
Introduction
08:25
Unity, Variety and Simplicity in Design
16:21
Consistency for Better Usability
13:33
Similarity and Contrast
14:43
Visual Weight
12:48
Visual Direction
14:56
Dominance and Focal Points
14:02
Compositional Hierarchy, Flow and Rhythm
14:52
Compositional Balance
15:50
Whitespace as a Design Element
15:44
Aesthetic Proportions
13:32
Natural Focal Points and Axes
13:35
Grid Systems
15:47
Layout and Design Examples
17:56
Section Summary
13:21

Review what you have learnt in this section

Section Quiz
20 questions
+ Color Psychology for Web Design
17 lectures 03:57:16
Introduction to Using Colors in Web Design
11:59
Color Vision Revisited
15:26
Color Harmony
18:03
Introduction to Color Psychology
17:13
Red and its Tints and Shades
15:01
Yellow and Orange
14:52
Green and Brown
16:29
Blue and Purple
16:23
Light Neutrals
14:52
Dark Neutrals
13:28
Choosing the Right Colors
17:40
Using Colors in E-Commerce
16:20
Website Examples
18:40
Color Blindness
11:33
Section Summary
10:12

Review what you have learnt in this section

Section Quiz
20 questions
END OF PART 1: Recap and Outlook
08:20
BONUS Lecture
00:45