Dimension Connection Map — Checkealos HX Suite

💰 Get Paid to Test

Human Experience Suite

UX → BX → EX → StX → SX → CX → 🌐 HXS

HXS Human Experience Suite UX User Experience BX Brand Experience EX Employee Experience StX Strategic Experience SX Service Experience CX Customer Experience

UX

BX

EX

StX

SX

CX

Direct

Cross

const DIM_DATA = { ux: { name: "User Experience", color: "#f59e0b", tag: "UX", description: "Covers the full spectrum of how people interact with your brand through digital products, websites, apps, and portals. Combines product UX (adoption, retention, perceived value) and digital UX (conversion, usability, accessibility).", methods: ["Usability Testing", "Card Sorting", "Tree Testing", "First-Click Tests", "A/B Testing", "Concept Validation", "Prototype Evaluation"], connections: [ { dim: "bx", type: "Direct", desc: "Digital experience shapes brand perception" }, { dim: "ex", type: "Cross", desc: "Internal tools UX impacts employee satisfaction" }, { dim: "cx", type: "Direct", desc: "UX quality drives customer satisfaction" }, { dim: "sx", type: "Cross", desc: "Self-service UX reduces support demand" }, { dim: "stx", type: "Cross", desc: "Product UX data feeds strategic roadmap decisions" }, ] }, bx: { name: "Brand Experience", color: "#a29bfe", tag: "BX", description: "Evaluates brand perception, messaging effectiveness, and emotional connection. From ad testing to brand studies, ensures your brand resonates with target audiences.", methods: ["Brand Tracking", "Ad Creative Testing", "Blind Brand Studies", "Messaging Evaluation", "Perception Analysis", "Pricing Research"], connections: [ { dim: "ex", type: "Direct", desc: "Employer brand affects talent attraction" }, { dim: "stx", type: "Cross", desc: "Brand equity drives strategic positioning" }, { dim: "sx", type: "Direct", desc: "Brand consistency across service channels" }, { dim: "cx", type: "Direct", desc: "Brand promise must match customer reality" }, { dim: "ux", type: "Direct", desc: "Digital touchpoints influence brand perception" }, ] }, ex: { name: "Employee Experience", color: "#3b82f6", tag: "EX", description: "The people dimension — employee engagement, onboarding, culture, and retention. eNPS, 360 feedback, and pulse surveys drive workforce satisfaction and performance.", methods: ["eNPS Surveys", "360° Feedback", "Onboarding Surveys", "Pulse Surveys", "Culture Assessment", "Attrition Analysis"], connections: [ { dim: "stx", type: "Direct", desc: "Workforce insight shapes strategic talent planning" }, { dim: "sx", type: "Cross", desc: "Frontline employee experience drives service quality" }, { dim: "cx", type: "Cross", desc: "Happy employees create happy customers" }, { dim: "ux", type: "Cross", desc: "Employee satisfaction with internal tools" }, { dim: "bx", type: "Cross", desc: "Employer brand affects recruitment and retention" }, ] }, stx: { name: "Strategic Experience", color: "#64748b", tag: "StX", description: "Governs the entire XM framework — connecting all six dimensions to corporate strategy, ROI, and board-level governance. Ensures every experience initiative ties back to business outcomes.", methods: ["XM Governance", "Strategic Foresight", "Maturity Assessment", "Portfolio Analysis", "Competitive Intelligence", "Board Reporting"], connections: [ { dim: "sx", type: "Direct", desc: "Service investments guided by strategic priorities" }, { dim: "cx", type: "Cross", desc: "Customer insights shape corporate direction" }, { dim: "ux", type: "Cross", desc: "Product strategy aligned with user experience data" }, { dim: "bx", type: "Cross", desc: "Brand equity tied to strategic positioning" }, { dim: "ex", type: "Direct", desc: "People strategy derived from experience metrics" }, ] }, sx: { name: "Service Experience", color: "#55efc4", tag: "SX", description: "Optimizes support and service interactions — contact centers, chatbots, helpdesks. Measures resolution quality, wait times, and frontline employee effectiveness.", methods: ["Support CSAT", "Contact Center Analytics", "Chatbot Testing", "FAQ Optimization", "Queue Management", "Frontline Feedback"], connections: [ { dim: "cx", type: "Direct", desc: "Service quality directly impacts customer satisfaction" }, { dim: "ux", type: "Cross", desc: "Self-service UX reduces support ticket volume" }, { dim: "bx", type: "Direct", desc: "Service interactions reinforce brand values" }, { dim: "ex", type: "Cross", desc: "Frontline employee experience determines service quality" }, { dim: "stx", type: "Cross", desc: "Service efficiency impacts operational strategy" }, ] }, cx: { name: "Customer Experience", color: "#ff6b6b", tag: "CX", description: "Tracks the full customer journey from first awareness to post-purchase advocacy. NPS, CSAT, CES and journey mapping reveal where to optimize retention and reduce churn.", methods: ["NPS Surveys", "CSAT Tracking", "CES Measurement", "Journey Mapping", "Voice of Customer", "Loyalty Programs"], connections: [ { dim: "ux", type: "Direct", desc: "User experience is a key touchpoint in the customer journey" }, { dim: "bx", type: "Direct", desc: "Customer experience defines brand reputation" }, { dim: "sx", type: "Direct", desc: "Service interactions shape customer perception" }, { dim: "ex", type: "Cross", desc: "Employee engagement impacts service quality" }, { dim: "stx", type: "Cross", desc: "CX insights guide corporate strategy and investment" }, ] } }; const nodes = document.querySelectorAll('.dim-node'); const connections = document.querySelectorAll('.connection'); const panel = document.getElementById('infoPanel'); const panelContent = document.getElementById('panelContent'); const closeBtn = document.getElementById('closePanel'); let activeDim = null; nodes.forEach(function(node) { node.addEventListener('click', function() { var dim = node.dataset.dim; if (activeDim === dim) { resetHighlight(); panel.classList.remove('open'); activeDim = null; return; } activeDim = dim; highlightDimension(dim); showPanel(dim); }); }); closeBtn.addEventListener('click', function() { panel.classList.remove('open'); resetHighlight(); activeDim = null; }); function highlightDimension(dim) { connections.forEach(function(c) { var from = c.dataset.from, to = c.dataset.to; if (from === dim || to === dim) { c.classList.add('highlight'); c.classList.remove('dimmed'); } else { c.classList.remove('highlight'); c.classList.add('dimmed'); } }); var connectedDims = new Set([dim]); connections.forEach(function(c) { if (c.dataset.from === dim) connectedDims.add(c.dataset.to); if (c.dataset.to === dim) connectedDims.add(c.dataset.from); }); nodes.forEach(function(n) { n.style.opacity = connectedDims.has(n.dataset.dim) ? '1' : '0.3'; }); } function resetHighlight() { connections.forEach(function(c) { c.classList.remove('highlight', 'dimmed'); }); nodes.forEach(function(n) { n.style.opacity = '1'; }); } function showPanel(dim) { var d = DIM_DATA[dim]; panelContent.innerHTML = 'n

' + d.tag + ' — ' + d.name + '

n ' + d.tag + 'n

' + d.description + '

n

n

Methods

n

n ' + d.methods.map(function(m){ return '' + m + '' }).join('') + 'n

n

Connections

n ' + d.connections.map(function(c){ return 'n

n

n

n

' + DIM_DATA[c.dim].name + '

n

' + c.desc + '

n

n ' + c.type + 'n

n ' }).join('') + 'n

n '; panel.classList.add('open'); }