Table vs. List

This guideline explain the differences between table and list.

In Siteimprove, both tables and lists are valuable components for displaying information, but they serve distinct purposes and cater to different user needs. Choosing the right one is crucial for creating an intuitive and effective user experience. The following guidelines will help you determine whether a table or a list is the more appropriate choice for your specific use case.

#Table

Ideal for data comparison, analysis, and detailed overviews. Presents information in a structured grid with consistent columns and rows, often with numerous metrics per item. View examples.

#Strengths

Facilitates comparison and analysis of multiple metrics.
Accommodates large datasets.
Offers flexibility for customization and reporting.

# Weaknesses

Can be overwhelming for first-time users or those unfamiliar with the data.
May prioritize data density over visual appeal.

#Use when

Users need to compare and analyze data across multiple dimensions.
A row typically contains all the data related to a single item.
There are more than five metrics per row.
Rows share consistent metrics.
Data presentation follows a rigid tabular structure.
All metrics hold roughly equal visual importance.
Visual elements are used sparingly.
Rows may contain nested datasets (e.g., expandable rows).

#Examples

Base data presentations (e.g., Broken links).
Features for expert users (e.g., Scan History).
Datasets used in exportable dashboards, reports, and CSV downloads (e.g., Pages with brand issues).
The final layer of data upon which other analyses and features are built (e.g., Keyword discovery).

#List

Focused on highlighting key points and enabling quick actions. Presents a simplified view of data with fewer metrics and a greater emphasis on visuals and navigation. View examples.

#Strengths

Visually engaging and easy to scan.
Prioritizes key information and actions.
Encourages user interaction and navigation to deeper levels of detail.

# Weaknesses

Less suitable for detailed data comparison or analysis.
May not be the best choice when a comprehensive overview of multiple metrics is required.

#Use when

Users primarily need to identify and act on individual items.
A list item offers a summary or selection of data with links to more detailed views.
There are up to five metrics per list item.
List items may feature different metrics.
Flexibility in data presentation is desired.
Some metrics are visually emphasized over others.
Visual elements (charts, icons, illustrations) are used extensively.
List items do not contain nested datasets, but can link to them.

#Examples

User-generated content listings (e.g., Sites , My policies).
Insights or summaries that act as starting points for further exploration (e.g., Core Wins).
Lists can be used effectively for "Issues overviews" due to their visual nature and focus on key information (e.g., Policy overview).