Simplification Tables

Table simplification process. As presented at the Web Experience Toolkit Codefest 4.

1. Understand the relationship between the cells
2. Clean the table
   • Remove visual styles
   • Keep only basic elements
   • Ensure to identify cells correctly (th and td)
3. Prepare and change table structure
   • Add/move/regroup headers as necessary
   • Split-up multi level if necessary
   • Refactoring the cells
4. Re-validate the relationship between the cells
5. Try to improve the structure further (step 3)

Tips

• Identify descriptive information
• Identify existingg summary information
• Identify a group of data that might have potential to be summarized in one row or/and column
• Split the sub-group in the table to standalone table
• Re-iterate after you have modify one thing

Date modified:

2016-02-16