{"id":6,"date":"2026-03-13T22:42:50","date_gmt":"2026-03-13T22:42:50","guid":{"rendered":"https:\/\/dev.harmonic-framework.com\/?page_id=6"},"modified":"2026-03-13T22:48:19","modified_gmt":"2026-03-13T22:48:19","slug":"methodologies","status":"publish","type":"page","link":"https:\/\/dev.harmonic-framework.com\/es\/methodologies\/","title":{"rendered":"Methodologies"},"content":{"rendered":"<p style=\"font-size:20px\">Harmonic Design synthesizes four frameworks into a unified whole. Each retains its full set of rules, role definitions, and validation approach \u2014 but HD governs how they connect, how they reinforce each other, and how structural decisions at one layer propagate through all others.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"hf-method-card hf-method-card--vbd\">\n<div class=\"hf-method-icon\">\n<svg viewbox=\"0 0 48 48\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"28\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"4\" y=\"28\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"28\" y=\"28\" width=\"16\" height=\"16\" rx=\"2\"\/><line x1=\"20\" y1=\"12\" x2=\"28\" y2=\"12\" stroke-dasharray=\"2 2\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"28\" stroke-dasharray=\"2 2\"\/><\/svg>\n<\/div>\n<h2><a href=\"\/es\/methodologies\/value-based-design\/\">Volatility-Based Decomposition (VBD)<\/a><\/h2>\n<p><strong>The backend structural model.<\/strong> Organize components around anticipated change, not current functionality.<\/p>\n<p>VBD identifies four volatility axes \u2014 functional, orchestration, cross-cutting, and environmental \u2014 and assigns each to a dedicated component role. Managers coordinate workflow. Engines execute business rules. Resource Accessors isolate external dependencies. Utilities handle cross-cutting concerns. Communication rules enforce clean boundaries: state flows downward, results propagate upward, horizontal coordination is prohibited.<\/p>\n<p><a href=\"\/es\/methodologies\/value-based-design\/\">Read the full methodology \u2192<\/a><\/p>\n<\/div>\n\n<div class=\"hf-method-card hf-method-card--ebd\">\n<div class=\"hf-method-icon\">\n<svg viewbox=\"0 0 48 48\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"8\" r=\"5\"\/><circle cx=\"10\" cy=\"28\" r=\"5\"\/><circle cx=\"38\" cy=\"28\" r=\"5\"\/><circle cx=\"24\" cy=\"42\" r=\"4\"\/><line x1=\"24\" y1=\"13\" x2=\"10\" y2=\"23\"\/><line x1=\"24\" y1=\"13\" x2=\"38\" y2=\"23\"\/><line x1=\"10\" y1=\"33\" x2=\"24\" y2=\"38\"\/><line x1=\"38\" y1=\"33\" x2=\"24\" y2=\"38\"\/><\/svg>\n<\/div>\n<h2><a href=\"\/es\/methodologies\/evidence-based-design\/\">Experience-Based Decomposition (EBD)<\/a><\/h2>\n<p><strong>The interface structural model.<\/strong> Structure interfaces around human intent, not screens or components.<\/p>\n<p>EBD establishes three behavioral tiers \u2014 Experiences (complete user journeys), Flows (goal-directed sequences), and Interactions (atomic user actions) \u2014 plus shared Utilities. The same volatility axes apply: functional change is isolated in Interactions, structural change in Experiences, cross-cutting in Utilities, and environmental in API Accessors. The Experience is the exclusive communicator with the backend.<\/p>\n<p><a href=\"\/es\/methodologies\/evidence-based-design\/\">Read the full methodology \u2192<\/a><\/p>\n<\/div>\n\n<div class=\"hf-method-card hf-method-card--bdt\">\n<div class=\"hf-method-icon\">\n<svg viewbox=\"0 0 48 48\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"24\" cy=\"24\" r=\"20\"\/><circle cx=\"24\" cy=\"24\" r=\"13\"\/><circle cx=\"24\" cy=\"24\" r=\"6\"\/><line x1=\"24\" y1=\"4\" x2=\"24\" y2=\"2\"\/><line x1=\"24\" y1=\"46\" x2=\"24\" y2=\"44\"\/><line x1=\"4\" y1=\"24\" x2=\"2\" y2=\"24\"\/><line x1=\"46\" y1=\"24\" x2=\"44\" y2=\"24\"\/><\/svg>\n<\/div>\n<h2><a href=\"\/es\/methodologies\/behavior-driven-testing\/\">Boundary-Driven Testing (BDT)<\/a><\/h2>\n<p><strong>The test strategy map.<\/strong> Testing difficulty is architectural evidence, not a testing problem.<\/p>\n<p>BDT maps the test spiral to the structural models defined by VBD and EBD. Each tier has a natural test profile: Engines and Flows at unit scope, seams between tiers at integration scope, complete journeys at E2E scope. Mock placement follows from structural position \u2014 you mock at boundaries because boundaries are the architecturally significant seams.<\/p>\n<p><a href=\"\/es\/methodologies\/behavior-driven-testing\/\">Read the full methodology \u2192<\/a><\/p>\n<\/div>\n\n<div class=\"hf-method-card hf-method-card--pd\">\n<div class=\"hf-method-icon\">\n<svg viewbox=\"0 0 48 48\" width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"8\" width=\"12\" height=\"8\" rx=\"2\"\/><rect x=\"18\" y=\"18\" width=\"12\" height=\"8\" rx=\"2\"\/><rect x=\"34\" y=\"8\" width=\"12\" height=\"8\" rx=\"2\"\/><rect x=\"18\" y=\"34\" width=\"12\" height=\"8\" rx=\"2\"\/><line x1=\"14\" y1=\"12\" x2=\"34\" y2=\"12\"\/><line x1=\"24\" y1=\"26\" x2=\"24\" y2=\"34\"\/><line x1=\"14\" y1=\"14\" x2=\"18\" y2=\"20\"\/><line x1=\"34\" y1=\"14\" x2=\"30\" y2=\"20\"\/><\/svg>\n<\/div>\n<h2><a href=\"\/es\/methodologies\/process-design\/\">Project Design (PD)<\/a><\/h2>\n<p><strong>The project planning model.<\/strong> You cannot estimate what you have not designed.<\/p>\n<p>Project Design derives the project plan from the architectural decomposition. Components become work packages. Dependencies become the project network. The critical path determines duration. Float analysis quantifies risk. The result is not one plan but a set of viable options with quantified trade-offs \u2014 enabling rational decision-making rather than guesswork.<\/p>\n<p><a href=\"\/es\/methodologies\/process-design\/\">Read the full methodology \u2192<\/a><\/p>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">How They Connect<\/h2>\n\n\n\n<p>The four frameworks are structurally isomorphic. The same volatility axes drive decomposition at every layer. The same communication rules apply. The same validation mechanism \u2014 trace a core scenario through the hierarchy \u2014 works in all four. A structural insight at one layer informs all layers simultaneously.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Axis<\/th><th>Backend (VBD)<\/th><th>Interface (EBD)<\/th><th>Testing (BDT)<\/th><th>Planning (PD)<\/th><\/tr><\/thead><tbody><tr><td>Functional<\/td><td>Engine<\/td><td>Interaction<\/td><td>Unit tests<\/td><td>Core Work Package<\/td><\/tr><tr><td>Orchestration<\/td><td>Manager<\/td><td>Experience<\/td><td>Integration tests<\/td><td>Integration Milestone<\/td><\/tr><tr><td>Cross-cutting<\/td><td>Utility<\/td><td>Utility<\/td><td>Unit tests<\/td><td>Shared Infrastructure<\/td><\/tr><tr><td>Environmental<\/td><td>Resource Accessor<\/td><td>API Accessor<\/td><td>Unit (translation)<\/td><td>Boundary Work Package<\/td><\/tr><\/tbody><\/table><\/figure>","protected":false},"excerpt":{"rendered":"<p>Harmonic Design synthesizes four frameworks into a unified whole. Each retains its full set of rules, role definitions, and validation approach \u2014 but HD governs how they connect, how they reinforce each other, and how structural decisions at one layer propagate through all others. Volatility-Based Decomposition (VBD) The backend structural model. Organize components around anticipated &#8230; <a title=\"Methodologies\" class=\"read-more\" href=\"https:\/\/dev.harmonic-framework.com\/es\/methodologies\/\" aria-label=\"Read more about Methodologies\">Read more<\/a><\/p>","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"methodology":[],"class_list":["post-6","page","type-page","status-publish"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"post-thumbnail":false,"hf-card":false,"hf-hero":false},"uagb_author_info":{"display_name":"","author_link":"https:\/\/dev.harmonic-framework.com\/es\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"Harmonic Design synthesizes four frameworks into a unified whole. Each retains its full set of rules, role definitions, and validation approach \u2014 but HD governs how they connect, how they reinforce each other, and how structural decisions at one layer propagate through all others. Volatility-Based Decomposition (VBD) The backend structural model. Organize components around anticipated&hellip;","_links":{"self":[{"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":3,"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/media?parent=6"}],"wp:term":[{"taxonomy":"methodology","embeddable":true,"href":"https:\/\/dev.harmonic-framework.com\/es\/wp-json\/wp\/v2\/methodology?post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}