{"id":6,"date":"2026-03-13T22:42:50","date_gmt":"2026-03-13T22:42:50","guid":{"rendered":"https:\/\/harmonic-framework.com\/?page_id=6"},"modified":"2026-04-08T15:41:24","modified_gmt":"2026-04-08T20:41:24","slug":"methodologies","status":"publish","type":"page","link":"https:\/\/harmonic-framework.com\/es\/methodologies\/","title":{"rendered":"Methodologies"},"content":{"rendered":"<h1 class=\"wp-block-heading has-text-align-center\">The Methodologies<\/h1>\n\n\n\n<p class=\"has-text-align-center\" 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\/volatility-based-decomposition\/\">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, non-functional, 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\/volatility-based-decomposition\/\">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\/experience-based-decomposition\/\">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: non-functional change is isolated in the Experience, functional change in Flows and Interactions, cross-cutting in Utilities, and environmental concerns are handled at the Experience boundary. The Experience is the exclusive communicator with the backend.<\/p>\n<p><a href=\"\/es\/methodologies\/experience-based-decomposition\/\">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\/boundary-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\/boundary-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\/project-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\/project-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<div class=\"hf-iso-filters\">\n  <button class=\"hf-iso-filter\" data-axis=\"functional\">Functional<\/button>\n  <button class=\"hf-iso-filter\" data-axis=\"nonfunctional\">Non-functional<\/button>\n  <button class=\"hf-iso-filter\" data-axis=\"environmental\">Environmental<\/button>\n  <button class=\"hf-iso-filter\" data-axis=\"crosscutting\">Cross-cutting<\/button>\n  <button class=\"hf-iso-filter\" data-axis=\"replan\">Planning<\/button>\n<\/div>\n\n<div class=\"hf-iso-change\" data-axis=\"functional\">A business rule changes, a new workflow is added, or orchestration logic shifts \u2014 absorbed by Manager and Engine, leaving infrastructure and shared concerns untouched.<\/div>\n<div class=\"hf-iso-change\" data-axis=\"replan\">An estimate was wrong or new work has been added to the schedule. Nothing in the code changes \u2014 the architecture is intact. You adjust the work packages, recalculate the critical path, and re-evaluate float. The same structural decomposition that produced the original plan still governs the updated one.<\/div>\n<div class=\"hf-iso-change\" data-axis=\"nonfunctional\">Non-functional volatility covers the stability qualities: performance, scalability, reliability, availability, extensibility, maintainability, security, and observability. Most are addressed outside the application \u2014 scalability through infrastructure, security and observability through cross-cutting Utilities. Extensibility requires a one-time structural investment: expose configuration points, support injection where hardcoded behaviour exists. Once done, new behaviours arrive as configuration, not code. The design itself is the primary answer to most non-functional concerns \u2014 which is why a well-decomposed system rarely generates ongoing churn from them.<\/div>\n<div class=\"hf-iso-change\" data-axis=\"environmental\">An external API changes, a database is migrated, a vendor is replaced \u2014 absorbed entirely by the Resource Accessor. Nothing above it changes.<\/div>\n<div class=\"hf-iso-change\" data-axis=\"crosscutting\">Logging standards change, auth conventions shift, observability tooling is replaced \u2014 absorbed by Utilities, which are consumed by all tiers but owned by none.<\/div>\n\n<div class=\"hf-iso-cards\">\n\n  <div class=\"hf-iso-card hf-iso-card--orch\" data-absorbs=\"functional\">\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">VBD<\/span>\n      <span class=\"hf-iso-cell__value\">Manager<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">EBD<\/span>\n      <span class=\"hf-iso-cell__value\">Experience<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">BDT<\/span>\n      <span class=\"hf-iso-cell__value\">Unit \u00b7 Integration<\/span>\n      <span class=\"hf-iso-cell__sub\">E2E \u00b7 UAT<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell hf-iso-cell--pd\">\n      <span class=\"hf-iso-cell__label\">Project Design<\/span>\n      <span class=\"hf-iso-cell__value\">Integration Milestone<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"hf-iso-card hf-iso-card--exec\" data-absorbs=\"functional\">\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">VBD<\/span>\n      <span class=\"hf-iso-cell__value\">Engine<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">EBD<\/span>\n      <span class=\"hf-iso-cell__value\">Flow \u00b7 Interaction<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">BDT<\/span>\n      <span class=\"hf-iso-cell__value\">Unit \u00b7 Integration<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell hf-iso-cell--pd\">\n      <span class=\"hf-iso-cell__label\">Project Design<\/span>\n      <span class=\"hf-iso-cell__value\">Core Work Package<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"hf-iso-card hf-iso-card--boundary\" data-absorbs=\"environmental\">\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">VBD<\/span>\n      <span class=\"hf-iso-cell__value\">Resource Accessor<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell hf-iso-cell--dash\">\n      <span class=\"hf-iso-cell__label\">EBD<\/span>\n      <span class=\"hf-iso-cell__value\">\u2014<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">BDT<\/span>\n      <span class=\"hf-iso-cell__value\">Unit<\/span>\n      <span class=\"hf-iso-cell__sub\">translation only<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell hf-iso-cell--pd\">\n      <span class=\"hf-iso-cell__label\">Project Design<\/span>\n      <span class=\"hf-iso-cell__value\">Boundary Work Package<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"hf-iso-card hf-iso-card--xcut\" data-absorbs=\"crosscutting\">\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">VBD<\/span>\n      <span class=\"hf-iso-cell__value\">Utility<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">EBD<\/span>\n      <span class=\"hf-iso-cell__value\">Utility<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell\">\n      <span class=\"hf-iso-cell__label\">BDT<\/span>\n      <span class=\"hf-iso-cell__value\">Unit<\/span>\n    <\/div>\n    <div class=\"hf-iso-cell hf-iso-cell--pd\">\n      <span class=\"hf-iso-cell__label\">Project Design<\/span>\n      <span class=\"hf-iso-cell__value\">Shared Infrastructure<\/span>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function() {\n  var wrap = document.currentScript.parentElement;\n  var filters = wrap.querySelectorAll('.hf-iso-filter');\n  var cards   = wrap.querySelector('.hf-iso-cards');\n  var changes = wrap.querySelectorAll('.hf-iso-change');\n  var active  = null;\n  filters.forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      var axis = btn.dataset.axis;\n      if (active === axis) {\n        active = null;\n        btn.classList.remove('active');\n        cards.classList.remove('filtering', 'replan-mode');\n        cards.querySelectorAll('.hf-iso-card').forEach(function(c) { c.classList.remove('lit'); });\n        changes.forEach(function(c) { c.classList.remove('visible'); });\n      } else {\n        active = axis;\n        filters.forEach(function(b) { b.classList.remove('active'); });\n        btn.classList.add('active');\n        cards.classList.remove('filtering', 'replan-mode');\n        if (axis === 'replan') {\n          cards.classList.add('replan-mode');\n        } else {\n          cards.classList.add('filtering');\n          cards.querySelectorAll('.hf-iso-card').forEach(function(c) {\n            var absorbs = c.dataset.absorbs ? c.dataset.absorbs.split(' ') : [];\n            c.classList.toggle('lit', absorbs.indexOf(axis) !== -1);\n          });\n        }\n        changes.forEach(function(c) { c.classList.toggle('visible', c.dataset.axis === axis); });\n      }\n    });\n  });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>The Methodologies 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 &#8230; <a title=\"Methodologies\" class=\"read-more\" href=\"https:\/\/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:\/\/harmonic-framework.com\/es\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"The Methodologies 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&hellip;","_links":{"self":[{"href":"https:\/\/harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harmonic-framework.com\/es\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/harmonic-framework.com\/es\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":10,"href":"https:\/\/harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":661,"href":"https:\/\/harmonic-framework.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions\/661"}],"wp:attachment":[{"href":"https:\/\/harmonic-framework.com\/es\/wp-json\/wp\/v2\/media?parent=6"}],"wp:term":[{"taxonomy":"methodology","embeddable":true,"href":"https:\/\/harmonic-framework.com\/es\/wp-json\/wp\/v2\/methodology?post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}