Website User experience: Professional advice to enhance website user experience

Article Description: enhance the website user experience: You can't not know 6 professional advice.

As Web designers, we know that our task is to talk to the user. That is why we are able to take our immediate work in stride. We choose colors, fonts, and the layout of the pages to use, and even the way we write CSS, everything seems so purposeful.

As we crafted the design, we realized that the results would reveal something about us, the designers. However, these things we have designed are not always good for our purpose.

So whenever you're working on a website design, ask yourself: How do we give users a better sense of care?

Floating Window Ads = money is more important than UX and content

As a result, many sites have opted for floating windows or masking ads, which appear to be modern forms of pop-up ads.

Just like their predecessors, pop-up ads, floating window ads are annoying.

Floating window advertising is a very intrusive strategy that affects and interrupts the user experience.

If your users are having a hard time accessing content on your site, there must be something wrong with you. Your design should be shown to the user's top priority is its experience, but also to explain the content of the site is also a very important aspect.

By interrupting, delaying, or otherwise getting users to learn about your content, you are telling them that the user is worth less than money.

Similarly, any forced users to register, login, fill in the mailbox and other ways to access the content, should reconsider whether it involves defects.

Think about this: you're desperately looking for a new host because your current host is unable to meet your existing needs. It just keeps crashing, and this is telling you that you've gone beyond the current solution (PS: By the way congratulations on your site's growth).

As with many technology entrepreneurs, your initial problem-solving action is to search for a new host with Google.

You happen to see a clue in Quora, a site that many entrepreneurs like you have frequented.

You are feeling very excited now because in a few seconds you will have a good start! You ask yourself: "No, it should not be so simple?" ”

Then you click on the website and it turns out that it's really not easy (even if it should be).

Sadly, you will find that the page requires you to connect to your Facebook account, otherwise you will not be able to see all of the content.

If you choose not to log in with your Facebook or Google account, only one answer can be seen. The rest of the answer is vague.

If this is the first time that you have visited the site, the first thing they did to you was deliberately covering up what you wanted to see, wouldn't it have left you a terrible impression?

Making it as easy as possible for our users to get what they want to see should be a top priority as a web designer. And anything that hinders that goal should be cut from our design.

There are a lot of ways to show ads in a way that doesn't have to be too flashy. For example, let users choose whether they want to interact with the ad or at least have a quick skip/ignore their choices, such as ads on the sidebar.

Lack of accessibility of web sites = Not everyone thinks you're important

Barrier-free web design needs to be more widely recognized by the design industry.

We need to focus on our web design innovations that should be geared towards all users, not just using expensive touch-screen smartphones.

The Barrier-free web page simply crosses the disabled. Users also need to be included in some old mobile devices or with poor Internet connections (the global average speed is only 2.9Mbs, less than half the average American speed).

Unless you want the design of your site to be left with the impression that you are targeting a particular user, you are still careful to make a website with accessibility features. In fact, most barrier-free web site features are relatively easy to achieve, is already a good network design best practice part.

While most of us would deliberately opt out of using a certain browser, such as intentionally choosing a user who does not support Internet Explorer 6, this is extremely unfair and may not be controlled (such as color blindness).

lack of appropriate whitespace = content readability is not important

One thing, I see a lot of sites, in the content or picture around the lack of a certain amount of space.

Whitespace is a powerful design tool. The blanks can be spelled to make your content better and easier to read. Conversely, it brings a small feeling and visually uncomfortable.

Content is king, we should spend some (usually little) time to ensure that the best release form is achieved.

To illustrate how difficult it is to look at the following text:

It is difficult to read because the minimum letter Letter-spacing,line-height,padding,margin attribute value. These are easily corrected questions if you understand CSS.

In a few seconds, just some padding,margin, and Line-height attribute values, the same text becomes easier to read.

Here are some articles about using blanks:

Useful 404 Error pages = You care about the users on the site

404 is often due to an incorrect URL in the input.

Some links to your content may no longer exist, or may have been moved.

Sometimes, due to technical problems, some Web pages just stop working.

For such an event, we need to create and design a valid 404 page, not just a page, but to reaffirm that the user already knows what's going on (they don't have access to the correct page).

Some basic tips for designing valid error page designs:

Prepare a search box for the user so that they want to try to find a page;

• Provide a way to help the user contact;
• Automatically suggests a list of content related to what they are looking for
• Link to other pages, listing your content (for example, archive pages, maps, help/support pages, etc.)
• The following is a good case for the GitHub 404 error page (a 404 error page):

What makes GitHub's error pages effective?

• It has a search form that users can use to find the right page
• It has a link that allows site visitors to receive assistance
• It has a link that allows the user to see if the site is only temporarily problematic

If you don't take steps to help users find what they're looking for, then you just tell them that they should go to another site.

Background/foreground contrast is weaker = aesthetic design trumps clarity

Not providing enough background and foreground color comparisons is bad news for many visually poor users. So you are telling your users that you are more concerned about the aesthetic design of the site than the substance of its content.

The following is an example of the effect of color deficiency contrast on sharpness

Only a few CSS tweaks, in which case, just changing the values of

While there are tools to improve clarity, this will help your users to care about these issues. This, of course, is your responsibility as a web designer and is dedicated to providing a better reading experience at the beginning of your work.

Focus as much as possible on the realization of comfortable, enjoyable content rendering. This will encourage users to focus on what you are offering.

No participation function = Don't care what users say

There are some ways for your users to be able to contact you, which will make them feel that you are concerned about their experience on the site.

This means that you attach great importance to their feedback, whether positive or negative.

Some comment systems, contact forms, emails, social networks, help and support forums, or a real-time chat tool, these user-involved tools all indicate that you want to hear their feedback.

If you don't give them the opportunity to contact you, you are telling people that you don't care what they have to say.

User feedback is critical to tweaking and developing your site's UI and UX, so keep your communication channels open.