UX checklist before go live

Each question is accompanied by an explanation detailing its relevance and highlighting key points to consider.

Quality controls
Mobile view
Readability
Consistency
Accessibility

Do all links work?

Why it is important

Search engines and visitors alike appreciate it when a website's content is up-to-date and they find the information they're looking for. Dead links affect the user experience and usability, which leads to a negative evaluation of the landing page by search engines.

What to consider

Internal links should be generated using the option "Select Path" (references). Absolute URLs may not be used.
If you update an existing page, check that all existing links are working. You can easily check this with our QA tool 'Siteimprove'.
Siteimprove can help you easily identify internal and external broken links across your site after going live.

More on web creation

Keep your links alive: here’s why

Siteimprove reports

Are the link labels meaningful?

Why it is important

A well-chosen link text can help a website to be found better in the search results and thus receive more organic visitors.

The link text should be clear and descriptive so that your users understand at a glance what to expect on the landing page.

What to consider

An ideal link text picks up on the target keyword or a relevant synonym to establish a reference to the target address
It should be noted that the text part is not too long
Use the appropriate link type such as 'Internal', 'External', 'Download' or 'Anchor'

More on web creation

What makes a good CTA?

Are there no spelling mistakes?

Is the page content up-to-date and relevant?

Is the visual hierarchy clear and consistent?

Why it is important

A clear visual hierarchy guides the eye to the most important elements on the page. It also assist visitors who need to use a screen reader to have a better experience.

What to consider

Do not use bold formatting for a title!
Use in AEM the “page headline structure viewer” for the check

More on web creation

Headings recommendations

Crosslinks

Is all content structured correctly on mobile?

Why it is important

The goal is to provide an optimal user experience, whether the website is viewed on a desktop computer, tablet, or smartphone.

Since the creation of a page is mainly done for desktop pages, a check of the created content for mobile is absolutely necessary!

What to consider

On the chrome-browser, clicking "F12", opens DevTools, where you can check responsiveness

Crosslinks

Is the most important CTA correctly and meaningfully visible in mobile?

Why it is important

The call-to-action (CTA) invites the user to take a desired action. Place it in a prominent position, also for mobile uses.

What to consider

The most important button should be placed in or as close as possible to the visible field of the page – provided that the action and flow make sense.
Make sure that the text in the button is not too long, otherwise the text will be cut off in the mobile view.
If possible, do not use more than 40 characters (with spaces).

More on web creation

What makes a good CTA?

Crosslinks

Buttons and Call-to-action component

Are the images displayed correctly and meaningfully on mobile as well?

Why it is important

Images are integrated to make a statement, to support a statement or for decorative purposes. In any case, these images should also serve the purposes in a mobile view.

What to consider

Define the most useful section of an image for each viewport. This can be done very easily with the cropping tool. Check the cropping for each viewport before going live.
On the chrome-browser, clicking "F12", opens DevTools, where you can check responsiveness.

Crosslinks

Are the tables displayed correctly and meaningfully on mobile as well?

Why it is important

Data tables are used to represent actual table data with rows and columns with related information. In the mobile view, this can quickly lead to poor or unreadable display.

What to consider

On the chrome-browser, clicking "F12", opens DevTools, where you can check responsiveness
Headings in first row (horizontal line) should indicating column titles.
Avoid blank cells when possible
Avoid merged cells

Crosslinks

Is the text width not more than 50%-60% of the page width?

Why it is important

The optimal width of a text on a web page should not be more than 50%-60% of the page width. This helps improve readability and ensure that users can easily follow the text without losing track.

What to consider

Use a corresponding grid to take up the text length of a line no more than 66% of the page width

More on fundamentals

Text length

Crosslinks

Grid control examples

If you have very long text, is it optimized for fast reading/scanning?

Why it is important

In today's fast-paced online world, concise information is essential as users tend to avoid long, complex paragraphs or sentences.

What to consider

Sentences that have more than 20 words are generally considered difficult to read
Avoid long paragraphs
Siteimprove can help you easily to identify pages with very long sentences or paragraphs

More on fundamentals

How to handle long text

Siteimprove reports

Does the content have enough white space to be able to scan it optimally?

Did you use uniform visual language?

Why it is important

When users interact with content on your various content, they should expect a clear and familiar experience.

Consistent layout prevents confusion, which can lead to irritation and users leaving the page.

What to consider

Always use the same layouts for contact boxes in your website (across pages)
The images used on a page should complement each other or not interfere with each other (consistent visual language)