DED loop teaches circuit design with Draw, Encode, Display method

A new arXiv paper (cs.HC/2608.09945) tackles a classic problem in digital circuit education: students struggle to connect informal 2D hand drawings with the strict, linear syntax of hardware description languages (HDLs). Authors Alasdair Lambert, Guillaume Allais, and Conor McBride propose the Draw Encode Display Loop (DED), a systematic teaching method that treats drawing as a first-class reasoning tool rather than a throwaway sketch. The loop has three phases: Draw, where students create visually informative intermediate representations like truth tables and characteristic tables to build a structured circuit diagram; Encode, where they label inputs, outputs, and intermediate values to convert the diagram directly into code; and Display, where the code is rendered through an in-house diagrammatic renderer.

Underpinning the DED loop is Syrup, a purpose-built, education-focused hardware description language. Syrup lets students define, experiment with, and visually display their own circuits without the boilerplate and low-level details of production HDLs. The authors argue that this integrated approach preserves the intuitive, structural clarity of drawings while enforcing well-defined, testable semantics. They support their claims with survey data gathered from two cohorts of students, though the paper does not yet include effect-size statistics. The work targets Human-Computer Interaction and Computers & Society, and is available as open-access on arXiv with an experimental HTML version.