How fast do you usually leave a site if the user experience is subpar? There's a very high chance that visitors to your website will do the same if you even if you have amazing content. don't have good user experience (UX) Let's review a few of the ways you can UX to your website. apply Make use of convention Logo placed on the top-left corner Main navigation menu places , on the highest up on the page right side or centred Contact included in the navigation menu Call to Action button at the top The search feature in the header Social media links (as icons) in the footer Sign-up form in the footer Maintain visual & Typography Hierarchies Typography Hierarchies Title (h1) Heading (h2) Sub-heading(h3) Paragraph / Body texts Visual Hierarchy Size Weight Color Position Type Contrast Format text for the kids Use as font for better sens-serif readability Use plenty of headings Keep paragraphs short Use lists bulleted key terms Highlight Don't let your website shout Use white-space You don't need too many . Popups should , not . popups notify annoy A simple, clean design always wins If it should be clicked. make it obvious Links & Buttons A link is usually underlined and . which changes on Make sure the colors are set different for all of these actions. coloured hover, focus and visited. different A button can be easily identified when they have shadow, different( darker), r or bold text. The shadows can increase or colors can change on . background-colo hover and click Omit needless words People never read content, they scan !! Remove everything that doesn't directly affect people's decisions Don't want to overwhelm people with too much content The deal is, people are visual Use images, info-graphics, slideshows, videos and Gifs 🤩 EXTRA TIPS Optimize your page speed Use images (wisely
) Keep your website pages consistent Catch your 404s Be responsive and mobile-friendly Use main navigation - secondary(mega) navigation Use footer navigation, Mobile navigation (Side Drawer), Bottom navigation bar, Tabs 🤩Thanks For Reading | Happy Coding ⌚ SUPPORT ME Also published here .

Different

Keep

How To Manipulate DOM Elements In React

8 Responsive Web Design Best Practices to Know in 2021

Proof of Work - Portfolio

Read My Stories

Buy Me a Coffee

Portfolio

Too Long; Didn't Read

Make resilience your competitive advantage

8 Ways to Apply UX to Your Website

8 Ways to Apply UX to Your Website

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

12 Websites to Take Your CSS Skills From Beginner to Pro

10 VSCode Extensions To Make Your Life Easier

10 Best Web Dev Tools of 2021

10 Best JetBrains IDEs Plugins to Boost Your Productivity in 2021

11 Great Tips From A Guy Who Leveled Up From Intern To Dev

12 Websites to Take Your CSS Skills From Beginner to Pro

10 VSCode Extensions To Make Your Life Easier

10 Best Web Dev Tools of 2021

10 Best JetBrains IDEs Plugins to Boost Your Productivity in 2021

11 Great Tips From A Guy Who Leveled Up From Intern To Dev

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps