Difference between revisions of "Website UX checklist"

From Simson Garfinkel
Jump to navigationJump to search
m
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
When building a website:
When building a website:


==Text==
* Displayed URLs (especially in user-generated content) should automatically become clickable links. Typically the links should open in another window, so that the user is not taken away from your website.
* Displayed URLs (especially in user-generated content) should automatically become clickable links. Typically the links should open in another window, so that the user is not taken away from your website.
* Be sure that text is legible:
* Be sure that text is legible:
Line 6: Line 7:
** Do not display grey text on grey.
** Do not display grey text on grey.
** Do not display light text on a light background.
** Do not display light text on a light background.
Examples:
[[File:Screen Shot 2020-06-25 at 2.56.18 PM.png]]
==Icons==
Icons are fun, but most people don't know what your icons mean.
Use icons with titles:
[[File:Screen Shot 2020-06-25 at 3.06.53 PM.png|500px]]
Don't use icons without titles. If you must, use tooltips. This website used neither:
[[File:Screen Shot 2020-06-25 at 3.07.16 PM.png]]

Latest revision as of 12:10, 25 June 2020

When building a website:

Text

  • Displayed URLs (especially in user-generated content) should automatically become clickable links. Typically the links should open in another window, so that the user is not taken away from your website.
  • Be sure that text is legible:
    • Do not display dim text on a dark background.
    • Do not display grey text on grey.
    • Do not display light text on a light background.

Examples: Screen Shot 2020-06-25 at 2.56.18 PM.png

Icons

Icons are fun, but most people don't know what your icons mean. Use icons with titles: Screen Shot 2020-06-25 at 3.06.53 PM.png

Don't use icons without titles. If you must, use tooltips. This website used neither: Screen Shot 2020-06-25 at 3.07.16 PM.png