Checklist
Tables
1. Do we really need to display this table as a table on mobile?
2. Are some rows/columns more important than others?
3. What data points are most critical to our customers?
4. Can we hide some columns while showing the important ones?
5. Do we add steppers to navigate through columns or rows predictably?
6. Do we add controls to select what columns/rows users want to see?
7. Do we allow users to display all columns/rows if they want to?
8. Do we need horizontal scrolling with fixed columns?
9. Do we need horizontal/vertical pagination (for big datasets)?
10. Do we have any hover actions, inline editing, sorting, search, filtering?
11. Do we highlight the cell, row, or column on a user's tap/click?
12. Do we enlarge the selected row on tap/click for easy scanning?
13. Do we need to display more details on tap/click?
14. Do we display details in a modal, or sidebar overlay?
15. Did we consider transforming each row into a card/accordion?
16. Can we transform each row into a card (rows) with a dropdown (columns)?
17. With rows as cards, do we expose relevant data for comparison?
18. Did we consider transforming the table into a data grid?
19. Can we tilt or flip (short) headings to thumbnail and the reference number?
20. Did we consider various content types (text, numeric, mixed, toggle)?
20. Do we suggest a winner among the compared products?
21. What will editable and read-only cells look like?
21. Does every action have visual and/or aural feedback?
22. Did we design interactive states (normal, hover, active, focus)?
22. Do we display sticky headers as users scroll down the page?
23. Did we consider empty cells, placeholders, valid/invalid input?
23. With many products, do we use steppers to move between options?
24. How do we display warnings and error messages?
24. Have we provided a shareable link for comparison?
25. Do we allow for selecting multiple cells?
25. Are compared items stored persistently (page refresh/exit)?
26. Do we allow for resizing of columns or rows?
26. Do we include a 'Notify about price drop' option for emails?
27. How do we truncate data strings if they can't be displayed in full?
27. Is the feature comparison (and navigation within) accessible?
28. Have we considered the minimum width of columns/rows?
28. Have we considered the minimum width of columns/rows?