aster.cloud aster.cloud
  • /
  • Platforms
    • Public Cloud
    • On-Premise
    • Hybrid Cloud
    • Data
  • Architecture
    • Design
    • Solutions
    • Enterprise
  • Engineering
    • Automation
    • Software Engineering
    • Project Management
    • DevOps
  • Programming
    • Learning
  • Tools
  • About
  • /
  • Platforms
    • Public Cloud
    • On-Premise
    • Hybrid Cloud
    • Data
  • Architecture
    • Design
    • Solutions
    • Enterprise
  • Engineering
    • Automation
    • Software Engineering
    • Project Management
    • DevOps
  • Programming
    • Learning
  • Tools
  • About
aster.cloud aster.cloud
  • /
  • Platforms
    • Public Cloud
    • On-Premise
    • Hybrid Cloud
    • Data
  • Architecture
    • Design
    • Solutions
    • Enterprise
  • Engineering
    • Automation
    • Software Engineering
    • Project Management
    • DevOps
  • Programming
    • Learning
  • Tools
  • About
  • Design
  • Programming

8 Ways to Apply UX to Your Website

  • root
  • March 10, 2021
  • 2 minute read

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 don’t have good user experience (UX) even if you have amazing content.


Partner with aster.cloud
for your next big idea.
Let us know here.



From our partners:

CITI.IO :: Business. Institutions. Society. Global Political Economy.
CYBERPOGO.COM :: For the Arts, Sciences, and Technology.
DADAHACKS.COM :: Parenting For The Rest Of Us.
ZEDISTA.COM :: Entertainment. Sports. Culture. Escape.
TAKUMAKU.COM :: For The Hearth And Home.
ASTER.CLOUD :: From The Cloud And Beyond.
LIWAIWAI.COM :: Intelligence, Inside and Outside.
GLOBALCLOUDPLATFORMS.COM :: For The World's Computing Needs.
FIREGULAMAN.COM :: For The Fire In The Belly Of The Coder.
ASTERCASTER.COM :: Supra Astra. Beyond The Stars.
BARTDAY.COM :: Prosperity For Everyone.

Let’s review a few of the ways you can apply UX to your website.

  1. Make use of convention
  2. Logo placed on the top-left corner
  3. Main navigation menu places highest up on the page, on the right side or centred
  4. Contact included in the navigation menu
  5. Call to Action button at the top
  6. The search feature in the header
  7. Social media links (as icons) in the footer
  8. 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 sens-serif font for better readability
    • Use plenty of headings
    • Keep paragraphs short
    • Use bulleted lists
    • Highlight key terms

Don’t let your website shout

  • Use white-space
  • You don’t need too many popups. Popups should notify, not annoy.
  • A simple, clean design always wins

 

If it should be clicked. make it obvious

Links & Buttons

  • A link is usually underlined and coloured. which changes on hover, focus and visited. Make sure the colors are set different for all of these different actions.
  • A button can be easily identified when they have shadow, different( darker), background-color or bold text. The shadows can increase or colors can change on 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
Read More  Navigating With Deep Links

This articles is republished from hackernoon.


For enquiries, product placements, sponsorships, and collaborations, connect with us at [email protected]. We'd love to hear from you!

Our humans need coffee too! Your support is highly appreciated, thank you!

root

Related Topics
  • Typography Hierarchies
  • UX
  • UX Design
  • web design
  • Websites
You May Also Like
View Post
  • Computing
  • Design
  • Engineering
  • Technology

Here’s why it’s important to build long-term cryptographic resilience

  • December 24, 2024
View Post
  • Design
  • Engineering

Why We Need Both Cloud Engineers And Cloud Architects

  • March 19, 2024
View Post
  • Design
  • Engineering
  • Work & Jobs

Five Key Things To Consider When Building A Cloud FinOps Team

  • February 12, 2024
View Post
  • Design
  • Engineering
  • Platforms

FinOps From The Field: Cloud Cost Forecasting

  • January 8, 2024
Brush, Color, and Sketch pad
View Post
  • Cloud-Native
  • Design
  • Engineering

6 Security Best Practices For Cloud-Native Applications

  • November 17, 2023
Cloud
View Post
  • Design
  • Engineering
  • Public Cloud

The Impact Of Public Cloud Price Hikes

  • November 8, 2023
View Post
  • Design
  • Software Engineering
  • Work & Jobs

Organizing “spaghetti” Software So It Can Be Easily Modified

  • October 17, 2023
View Post
  • Design
  • Engineering

4 Ways To Improve Long Term Kubernetes Capacity And Cloud Costs In Kubernetes

  • September 9, 2023

Stay Connected!
LATEST
  • 1
    Just make it scale: An Aurora DSQL story
    • May 29, 2025
  • 2
    Reliance on US tech providers is making IT leaders skittish
    • May 28, 2025
  • Examine the 4 types of edge computing, with examples
    • May 28, 2025
  • AI and private cloud: 2 lessons from Dell Tech World 2025
    • May 28, 2025
  • 5
    TD Synnex named as UK distributor for Cohesity
    • May 28, 2025
  • Weigh these 6 enterprise advantages of storage as a service
    • May 28, 2025
  • 7
    Broadcom’s ‘harsh’ VMware contracts are costing customers up to 1,500% more
    • May 28, 2025
  • 8
    Pulsant targets partner diversity with new IaaS solution
    • May 23, 2025
  • 9
    Growing AI workloads are causing hybrid cloud headaches
    • May 23, 2025
  • Gemma 3n 10
    Announcing Gemma 3n preview: powerful, efficient, mobile-first AI
    • May 22, 2025
about
Hello World!

We are aster.cloud. We’re created by programmers for programmers.

Our site aims to provide guides, programming tips, reviews, and interesting materials for tech people and those who want to learn in general.

We would like to hear from you.

If you have any feedback, enquiries, or sponsorship request, kindly reach out to us at:

[email protected]
Most Popular
  • Understand how Windows Server 2025 PAYG licensing works
    • May 20, 2025
  • By the numbers: How upskilling fills the IT skills gap
    • May 21, 2025
  • 3
    Cloud adoption isn’t all it’s cut out to be as enterprises report growing dissatisfaction
    • May 15, 2025
  • 4
    Hybrid cloud is complicated – Red Hat’s new AI assistant wants to solve that
    • May 20, 2025
  • 5
    Google is getting serious on cloud sovereignty
    • May 22, 2025
  • /
  • Technology
  • Tools
  • About
  • Contact Us

Input your search keywords and press Enter.