UX/UI Checklist

Collaborative and simple UX/UI Design checklist.

Steps
21
Last edited
Feb 19, 2023
Created by
Nova

About this process

Collaborative and simple UX/UI Design checklist. This checklist will help you evaluate: Responsiveness Accessibility Usability Desirability and other key design principles.

The process in detail

21 steps
  1. 1

    What's the success criteria?

  2. 2

    Is this design helping solve the problem?

  3. 3

    Effectiveness & Efficiency: Is the system easy to learn?

  4. 4

    Effectiveness & Efficiency: How easy is it for the user to reach the desired screen or result?

  5. 5

    Desirability: Are content, color, icons images used are aesthetically pleasing?

  6. 6

    Desirability: The new design creates a positive first impression and supports conversion.

  7. 7

    Usability & User Friendliness: Are controls self-explanatory?

  8. 8

    Usability & User Friendliness: The user understands what is going on.

  9. 9

    Usability & User Friendliness: The design speaks the users' language.

  10. 10

    Usability & User Friendliness: The user can easily exit the current page or undo an unwanted action.

  11. 11

    Usability & User Friendliness: User never wonder wether a word or action mean the same thing inside your product.

  12. 12

    Usability & User Friendliness: User never wonder wether a word or action mean the same thing inside your product.

  13. 13

    Usability & User Friendliness: Where and how can users ask for help?

  14. 14

    Accuracy: Is all the data correct?

  15. 15

    Accuracy: Is the format coherent and uniform?

  16. 16

    Accessibility: Is there enough contract to ensure the color of your text is readable against the background color?

  17. 17

    Accessibility: Is the text large enough?

  18. 18

    Accessibility: Can the user digest and scan the text easily?

  19. 19

    Accessibility: Are buttons, Labels and Links descriptive enough? Are buttons, labels and links big enough?

  20. 20

    Responsiveness: Will our design automatically adjust to different screens and devices?

  21. 21

    Other Notes & Comments.

Read the full text
1. What's the success criteria?

What are the benchmarks for success?

Write a note
2. Is this design helping solve the problem?

Is your design solution addressing a specific problem or need, or is it designed to alleviate pain points and make existing processes easier or more efficient?

Choose one
  • The design is solving the problem.
  • The design is helping alleviate the pain.
  • The design makes the process easier and more efficient.
  • The design is helping us define our product identity and value.
3. Effectiveness & Efficiency: Is the system easy to learn?
Choose one
  • Yes
  • No
4. Effectiveness & Efficiency: How easy is it for the user to reach the desired screen or result?

Can the user easily find what they're looking for? Let's make sure our design is optimized for a smooth and intuitive user experience.

Choose one
  • Yes
  • No
5. Desirability: Are content, color, icons images used are aesthetically pleasing?
Choose one
  • Yes
  • No
6. Desirability: The new design creates a positive first impression and supports conversion.
Choose one
  • 1
  • 2
  • 3
  • 4
  • 5
7. Usability & User Friendliness: Are controls self-explanatory?

Controls used should be self-explanatory and must not require training to operate.

Choose one
  • Yes
  • No
8. Usability & User Friendliness: The user understands what is going on.

The new design keeps the user informed about what is going on, through appropiate feedback and all the interactions are predictable.

Choose one
  • Yes
  • No
9. Usability & User Friendliness: The design speaks the users' language.
•Terms, concepts, icons and images should seem clear to you and to your users.
•Phrases and words should be familiar to the user.
•The design should follow real-world conventions (natural mapping) to make information appear in a natural and logical order.
Choose one
  • Yes
  • No
10. Usability & User Friendliness: The user can easily exit the current page or undo an unwanted action.
•Support undo and redo.
•Show clear way to exit the current space or interaction.
•Foster a sense of confidence where users can make mistakes.
Choose one
  • Yes
  • No
11. Usability & User Friendliness: User never wonder wether a word or action mean the same thing inside your product.
•User should never wonder wether words, situations, actions, and graphics mean the same thing inside your platform.
•Follow industry conventions and ensure the design meets customers' expectations.
•Maintain consistency across the platform/product.
Choose one
  • Yes
  • No
12. Usability & User Friendliness: User never wonder wether a word or action mean the same thing inside your product.

Minimize memory load by making elements and options visible. The user shouldn't remember information. Your design should use visual 'objects' to promote the recognition of information, rather than forcing users to remember (recall) it. By doing this you reduce the amount of cognitive effort required from users to use your product.

Choose one
  • Yes
  • No
13. Usability & User Friendliness: Where and how can users ask for help?

Help should be provided for users to understand the application/website or the new feature.

Choose one
  • Yes
  • No
14. Accuracy: Is all the data correct?

No broken links should be present. No outdated or incorrect date like contact information should be present.

Choose one
  • Yes
  • No
15. Accuracy: Is the format coherent and uniform?

Uniformity in the format of the screen/pages in your application or product.

Choose one
  • Yes
  • No
16. Accessibility: Is there enough contract to ensure the color of your text is readable against the background color?

Uniformity in the format of the screen/pages in your application or product.

Choose one
  • Yes
  • No
17. Accessibility: Is the text large enough?

Ideally text is 16 pixels or larger. Secondary text can be smaller.

Choose one
  • Yes
  • No
18. Accessibility: Can the user digest and scan the text easily?
•Avoid large and overwhelming walls of text. Create smaller paragraphs with descriptive subheaders.
•Use HTML and heading tags to establish a page structure that makes sense.
•Left-aligning your text can help improve the readability for people.
Choose one
  • Yes
  • No
19. Accessibility: Are buttons, Labels and Links descriptive enough? Are buttons, labels and links big enough?
•Are you links descriptive? Links are usually navigational, so your text should be descrptive. "Learn more about accessible design" is better than "Learn more"
•Help reduce cognitive load on forms and keep all your form labels clear, descriptive and always visible.
•Don't cram buttons together. It's not easy to click a tiny link or button next to three other tiny links.
Choose one
  • Yes
  • No
20. Responsiveness: Will our design automatically adjust to different screens and devices?

Responsive design is an approach to web design in which the interface adapts to the device's layout, facilitating usability, navigation and information to the user. A good design will look good on all devices.

Choose one
  • Yes
  • No
21. Other Notes & Comments.

Provide additional comments here 👇👇 You can learn more about product usability and design guidelines here.

Write a note
Use this process
Capabilities
Fully editableAdapts as work changesAdd more sessions anytimeAI can be assigned
N
Created byNova·Official process
Last edited Feb 19, 2023·21 steps