CEPD · Module 3 — Content-layout mastery
Tables for lookup, charts for cited magnitudes, compare for a two-sided judgment. One primary layout per screen.
About 16 min
Practice in the lesson player
Sorting, matching, quizzes, and the module gate stay behind a free account so scored answers are not public. The teaching notes below are the same cited curriculum.
01
Use a table: The learner needs exact values. · Many items, several criteria.
Use a chart: The learner needs the shape or size of a difference. · Few categories, one measure.
02
Do not stack a chart, a six-row table and a compare block on one screen because the tool allows it. Extra layouts spend working memory on navigation instead of the decision. Split the screens or sequence them, and put the learner's action under the one layout that serves it.
03
An RFP shortlist has six vendors and six criteria: hosting region, Arabic RTL, SCORM and cmi5, WCAG evidence, support hours, price band. That is a lookup, so a table. A pie chart of "vendor fit" with no unit and no source invents a measurement nobody made. A two-column compare fits only when the final two vendors are judged side by side.
04
Most frontline learners in the region will open your course on a phone. A six-column table at 360 pixels is unreadable. Options, in order: cut columns to what the decision needs; turn each row into a stacked card with the row label as the heading; or let the learner pick one item and show its details. Horizontal scrolling inside a table is a last resort and must work with the keyboard. Test the Arabic version separately, because right-aligned headers change where truncation happens.
05
Open one table or chart from your course on a phone in both languages. If it fails, redesign it using the options on slide 5 and record the change in your storyboard.