Footer · DucDZ

01

Content and expectations

Compare information and presentation in context of use.

Indicate the unit or product and have a way to the main page.Choose paths that serve real needs; The footer does not need to contain every page in the system. The name or logo should open to the main page; A short description can reiterate the purpose of the website.Example “Products,” “Support,” and “Information” groups are easier to scan than a long series of links.Use clear titles and prioritize information typically found at the bottom of the page.Only ungroup when it helps to scan multiple links; The group name needs to reflect the content below.The link must open on the correct page and have clear focus or hover status.Check both the changed destination and the case of opening a new tab; The link name should be clear enough when read on its own.State your email, contact page or active channel.Make the privacy or terms link by a familiar name.

02

Try the operation, change the status and continue working.

If providing a certificate or partner, state the correct scope and usage rights.Badges need to go to the point of confirming information and stating the right scope, not just a decorative image to create trust.If yes, indicate the correct platform and app store destination.Make the link group wrap or expand without cutting off the name or making the touch area too small.Try long link names, enlarge text and keyboard so the footer is still readable and usable.

03

Check for details that are easy to miss when putting the design into use.

Use a consistent background, spacing, and typography so readers recognize the information area at the end of the page while retaining sufficient contrast.Clear boundaries do not need to make every link smaller or lighter than can be read.For long pages, provide a clearly named back-to-top action that works with a keyboard and avoids uncomfortable scrolling motion.Only add when it helps the page structure; Check the user can still find the navigation after turning up.If showing a partner logo, make the relationship clear and use only logos approved for public display.Distinguishing partners from customers and certification units; Pictures placed together can easily create confusion about roles.If the website accepts purchases, identify currently supported payment methods with clear names or logos and up-to-date information.A logo in the footer is not a substitute for method confirmation at the checkout step.

Footer Website

Content and expectations

Navigation and experience

Complete the experience

How to review

Keep the name and identity of the website

Usage examples

Keep the name and identity of the website

Find a checklist

No checklists found