psychology of website design
TRANSCRIPT
![Page 1: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/1.jpg)
Perspective from Color, Layout, Transition & Effects
![Page 2: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/2.jpg)
What is Web Design?Web design is a process of implementing certain ideas and contents on an electronic web page sothat the user could interact with it with the help of a web browser.
![Page 3: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/3.jpg)
Why Web Design is needed?Probably the foremost significant portion of a website is the
navigation. Decent navigation is always easy to find and figure
out – making for fast and comfortable travel all the way
through the overall website.
![Page 4: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/4.jpg)
How is Psychology related to Web Design?
The four main parts of website design have the greatest effects on the psychology of
website visitors.
Content
Layout
Space
Color
![Page 5: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/5.jpg)
Colors has the power to attract people’s attention and evoking the correct emotions.
It gives a perception about the brand.
Color
![Page 7: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/7.jpg)
There are normally three types of Layouts available:-
1) Fixed
2) Fluid
3) Flexible or Responsive
Layout
![Page 11: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/11.jpg)
Transitions are generally known as the changes in animation between multiple pages, shapes or outlooks to
deliver graphic permanency to the user interface.
“”It’s not just what it looks like and feels like. Design is how it works.”
… Steve Jobs
Transitions
![Page 12: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/12.jpg)
• Animated Scrollbar
• Animated Toggles
• Collapsed forms
• Pull to refresh
• Sticky labels , etc.
Types of Transitions
![Page 13: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/13.jpg)
Effects are various animated transitions given to a website which can attract the users and make your website look more modern and well designed.
Effects
![Page 14: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/14.jpg)
• Hover
• Loading Animation
Types of Effects
![Page 15: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/15.jpg)
• Non-scrolling
navigation menu
• Slider
Types of Effects
![Page 16: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/16.jpg)
Interactive websites are not only meant to just give a modern look to your website. It alsohelps in marketing as well as presentation of your business or brand to the entire world.
What do we conclude?
![Page 17: Psychology of Website Design](https://reader031.vdocuments.us/reader031/viewer/2022030318/5a6e10667f8b9ac0678b53e7/html5/thumbnails/17.jpg)