Tips for your next Web App

UX for beginners

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. That’s why navigation on your site should be:

  • Simple (Every site should have the simplest structure possible)
  • Clear (Navigation options must be self-evident for visitors)
  • Consistent (Navigation system for the home page should be the same on every page)

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.

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. And you, as a designer, can help them with that by designing good visual hierarchy. Visual hierarchy refers to the arrangement or presentation of elements in a way that implies importance (e.g. where they eyes should focus first, second, etc).

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 (or tappable).

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.