<div class="lw-widget-in learnworlds-main-text learnworlds-element learnworlds-main-text-normal" data-element-id="textNormal" data-node-type="text" id="el_1658785768982_396" style="">To sum up this structure, it looks like this:&nbsp;<br></div><h4 class="lw-widget-in learnworlds-heading4 learnworlds-heading4-large learnworlds-element" data-element-id="textNormal" data-node-type="text" id="el_1658786051875_436" style=""><div style="text-align: center;">STORY <span style="color: rgb(255, 132, 0);">&gt; </span>REFELECT <span style="color: rgb(255, 132, 0);">&gt; </span>SOLVE <span style="color: rgb(255, 132, 0);">&gt; </span>FEEDBACK</div></h4><ul class="lw-widget-in lw-cols oneItem-per-row multiple-rows learnworlds-element js-same-content-wrapper" data-node-type="listWrapper" data-element-id="listType1" id="el_1658951004446_1498"> <li class="col no-padding flex-item with-flexible-parts non-flexible js-lw-flexible-wrapper js-same-content-child" data-node-type="listItem" id="el_1658951004451_1508"> <span class="learnworlds-main-text-normal flexible-part learnworlds-icon lw-brand-text fas fa-angle-right" data-node-type="icon" id="el_1658951004453_1509"></span> <div class="flexible-part learnworlds-main-text learnworlds-element learnworlds-main-text-normal" data-node-type="text" id="el_1658951004454_1510">Tell the story first.</div> </li> <li class="col no-padding flex-item with-flexible-parts non-flexible js-lw-flexible-wrapper js-same-content-child" data-node-type="listItem" id="el_1658951004455_1511"> <span class="learnworlds-main-text-normal flexible-part learnworlds-icon lw-brand-text fas fa-angle-right" data-node-type="icon" id="el_1658951004456_1512"></span> <div class="flexible-part learnworlds-main-text learnworlds-element learnworlds-main-text-normal" data-node-type="text" id="el_1658951004457_1513">Ask the learner to reflect on the story.&nbsp;</div> </li> <li class="col no-padding flex-item with-flexible-parts non-flexible js-lw-flexible-wrapper js-same-content-child" data-node-type="listItem" id="el_1658951004458_1514"> <span class="learnworlds-main-text-normal flexible-part learnworlds-icon lw-brand-text fas fa-angle-right" data-node-type="icon" id="el_1658951004458_1515"></span> <div class="flexible-part learnworlds-main-text learnworlds-element learnworlds-main-text-normal" data-node-type="text" id="el_1658951004459_1516">Ask the learner to solve something based on the story.</div> </li> <li class="col no-padding flex-item with-flexible-parts non-flexible js-lw-flexible-wrapper js-same-content-child" data-node-type="listItem" id="el_1658951103925_1569"> <span class="learnworlds-main-text-normal flexible-part learnworlds-icon lw-brand-text fas fa-angle-right" data-node-type="icon" id="el_1658951103924_1567"></span> <div class="flexible-part learnworlds-main-text learnworlds-element learnworlds-main-text-normal" data-node-type="text" id="el_1658951103924_1568">Give the learner feedback on their answers.</div></li></ul>

Scenario-based design of information technology addresses five technical challenges: scenarios evoke reflection in the content of design work, helping developers coordinate design action and reflection. Scenarios are at once concrete and flexible, helping developers manage the fluidity of design situations. Scenarios afford multiple views of an interaction, diverse kinds and amounts of detailing, helping developers manage the many consequences entailed by any given design move. Scenarios can also be abstracted and categorized, helping designers to recognize, capture and reuse generalizations and to address the challenge that technical knowledge often lags the needs of technical design. Finally, scenarios promote work-oriented communication among stakeholders, helping to make design activities more accessible to the great variety of expertise that can contribute to design, and addressing the challenge that external constraints designers and clients face often distract attention from the needs and concerns of the people who will use the technology.