Web Design - Do's & Dont's

Author Avatare

Author: nausheen

Reference : Nick Babich

Do’s

1. Provide a similar experience, regardless of the device
Visitors are coming to your site using many different types of devices: they can visit your site on their desktop or laptop, tablet, phone, music player or even their watches. A big part of UX design is ensuring that no matter how the visitor sees your site, they should have a similar experience regardless of the device they are using.

2. Design easy-to-use clear navigation.
Navigation is a cornerstone of usability. Remember, it doesn’t matter how good your website is if users can’t find their way around it.Design your navigation in a way that gets visitors where they want to go with the least amount of clicks as possible while still being easy to scan and locate where they need to go.

3. Changing the color of visited links
Links are a key factor in this navigation process. When visited links don’t change color, users can unintentionally revisit the same pages repeatedly.Knowing your past and present locations make it easier to decide where to go next.

4. Make it easy to scan your pages
When users visit your site they are more likely to quickly scan the screen than they are to read everything there. Therefore, if a visitor wants to find content or complete a task, they are going to scan until they find where they need to go

5. Double check all links
A user can easily become frustrated when they click a link on the site and receive 404 error page in response. When visitors are searching for content, they expect every link to take them where it says it will and without a 404 error or to another place they weren’t expecting.

6. Ensure that clickable elements look like ones
How an object looks tells users how to use it. Visual elements that look like they are links or buttons, but aren’t clickable (i.e. underlined words that aren’t links, elements that have a call-to-action but are not hyperlinked) can easily confuse users. Users need to know which areas of the page are plain static content, and which areas are clickable

Dont’s

1. Make your visitors wait for content to load
When visitors have to wait for your site to load, they will become frustrated and likely leave your site if it doesn’t load fast enough for them. Even the most beautifully designed loading indicator can force users to leave the site if the loading takes too long.

2. Don’t open link in a new tab
This rude behavior disables the Back button which is the normal way users return to previous sites.

3. Let promotion steal the show
Promotions and ads can overshadow the content they’re next to and make it harder for users to accomplish tasks. Not to say that anything that looks like an advertisement is usually ignored by users

4. Hijack scrolling
Scroll hijacking is when designers/developers manipulate the scrollbar to behave differently on their website. This can include animated effects, fixed scroll points, and even a redesign of the scrollbar itself. Hijacked scrolling is one of the most annoying things for many users since it takes control away from them.

5. Auto-play videos with sound
Auto-play videos, music or sounds in the background irritate users. These elements should be used sparingly and only when appropriate and expected. (Facebook videos are set to autoplay but no sound will appear unless users imply in some way that they’re watching the video (e.g. by interacting with the video)

6. Sacrifice usability for the sake of beauty
The design of a site or user interface should never interfere with the user’s ability to consume the content on the screen. It’s important to avoid having busy backgrounds behind content, poor color schemes that hinder the site’s readability or insufficient color contrast

7. Use blinking text and ads
Content that flashes or flickers can trigger seizures in susceptible individuals. Not only can it cause seizures, but it’s likely to be annoying or distracting for users in general.