{
  "format": "epicdraw-workspace",
  "version": 1,
  "charts": [
    {
      "id": "blog-compare-layout-ideas",
      "name": "Layout comparison · worked backpack example",
      "nodes": [
        {
          "id": "title",
          "type": "text",
          "text": "Compare two product-page layouts",
          "x": 30,
          "y": 20,
          "w": 2270,
          "h": 90,
          "fill": "none",
          "font": "sans",
          "fs": 46,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9500
        },
        {
          "id": "fiction",
          "type": "text",
          "text": "FICTIONAL BACKPACK · Same task and content in A and B. Price and options illustrative; no review findings or winner.",
          "x": 30,
          "y": 130,
          "w": 2270,
          "h": 85,
          "fill": "none",
          "font": "sans",
          "fs": 30,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9501
        },
        {
          "id": "context",
          "type": "lane",
          "text": "",
          "x": 30,
          "y": 250,
          "w": 2270,
          "h": 330,
          "fill": "white",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": -1,
          "seed": 9502
        },
        {
          "id": "context-title",
          "type": "text",
          "text": "Task and shared requirements",
          "x": 55,
          "y": 270,
          "w": 2220,
          "h": 65,
          "fill": "none",
          "font": "sans",
          "fs": 36,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9503
        },
        {
          "id": "context-body",
          "type": "text",
          "text": "TASK: Choose a commuting backpack for a 13-inch laptop and understand the cost before adding it.\nCHECK: Laptop-fit information; selected option and stock; price plus delivery; returns information.\nQUESTION: Which layout makes the buying information easier to find?",
          "x": 55,
          "y": 355,
          "w": 2220,
          "h": 200,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9504
        },
        {
          "id": "layout-a",
          "type": "lane",
          "text": "",
          "x": 30,
          "y": 640,
          "w": 1100,
          "h": 1080,
          "fill": "white",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": -1,
          "seed": 9505
        },
        {
          "id": "a-label",
          "type": "text",
          "text": "A · Photo beside buying choices",
          "x": 60,
          "y": 665,
          "w": 1030,
          "h": 65,
          "fill": "none",
          "font": "sans",
          "fs": 36,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9506
        },
        {
          "id": "a-photo",
          "type": "rect",
          "text": "Photos: front / back / worn\nSame image brief in A and B",
          "x": 60,
          "y": 770,
          "w": 470,
          "h": 380,
          "fill": "white",
          "font": "sans",
          "fs": 30,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9507
        },
        {
          "id": "a-fit",
          "type": "text",
          "text": "Laptop fit / internal\nmeasurements: to confirm",
          "x": 60,
          "y": 1180,
          "w": 470,
          "h": 160,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9508
        },
        {
          "id": "a-name",
          "type": "text",
          "text": "Everyday backpack",
          "x": 570,
          "y": 770,
          "w": 500,
          "h": 65,
          "fill": "none",
          "font": "sans",
          "fs": 35,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9509
        },
        {
          "id": "a-price",
          "type": "text",
          "text": "£49 per bag · illustrative",
          "x": 570,
          "y": 865,
          "w": 500,
          "h": 70,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9510
        },
        {
          "id": "a-options",
          "type": "text",
          "text": "Selected: Navy / 18L\nAlso: Olive / 24L\nOptions illustrative; stock unknown",
          "x": 570,
          "y": 965,
          "w": 500,
          "h": 145,
          "fill": "none",
          "font": "sans",
          "fs": 30,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9511
        },
        {
          "id": "a-action",
          "type": "rect",
          "text": "Add to basket",
          "x": 570,
          "y": 1140,
          "w": 500,
          "h": 85,
          "fill": "sun",
          "font": "sans",
          "fs": 34,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9512
        },
        {
          "id": "a-delivery",
          "type": "text",
          "text": "Delivery charge / arrival /\nconditions: to confirm",
          "x": 570,
          "y": 1255,
          "w": 500,
          "h": 140,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9513
        },
        {
          "id": "a-returns",
          "type": "text",
          "text": "Returns summary / policy:\nto confirm",
          "x": 570,
          "y": 1430,
          "w": 500,
          "h": 140,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9514
        },
        {
          "id": "a-note",
          "type": "text",
          "text": "Controls begin beside the photo.\nCheck the route from fit information to the action.",
          "x": 60,
          "y": 1600,
          "w": 1010,
          "h": 85,
          "fill": "none",
          "font": "sans",
          "fs": 30,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9515
        },
        {
          "id": "layout-b",
          "type": "lane",
          "text": "",
          "x": 1200,
          "y": 640,
          "w": 1100,
          "h": 1080,
          "fill": "white",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": -1,
          "seed": 9516
        },
        {
          "id": "b-label",
          "type": "text",
          "text": "B · Photo before buying choices",
          "x": 1230,
          "y": 665,
          "w": 1030,
          "h": 65,
          "fill": "none",
          "font": "sans",
          "fs": 36,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9517
        },
        {
          "id": "b-name",
          "type": "text",
          "text": "Everyday backpack",
          "x": 1230,
          "y": 765,
          "w": 1040,
          "h": 65,
          "fill": "none",
          "font": "sans",
          "fs": 35,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9518
        },
        {
          "id": "b-photo",
          "type": "rect",
          "text": "Photos: front / back / worn\nSame image brief in A and B",
          "x": 1230,
          "y": 860,
          "w": 1040,
          "h": 250,
          "fill": "white",
          "font": "sans",
          "fs": 30,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9519
        },
        {
          "id": "b-fit",
          "type": "text",
          "text": "Laptop fit / internal\nmeasurements: to confirm",
          "x": 1230,
          "y": 1140,
          "w": 500,
          "h": 140,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9520
        },
        {
          "id": "b-options",
          "type": "text",
          "text": "Selected: Navy / 18L\nAlso: Olive / 24L\nOptions illustrative; stock unknown",
          "x": 1770,
          "y": 1140,
          "w": 500,
          "h": 145,
          "fill": "none",
          "font": "sans",
          "fs": 30,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9521
        },
        {
          "id": "b-delivery",
          "type": "text",
          "text": "Delivery charge / arrival /\nconditions: to confirm",
          "x": 1230,
          "y": 1310,
          "w": 500,
          "h": 140,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9522
        },
        {
          "id": "b-price",
          "type": "text",
          "text": "£49 per bag · illustrative",
          "x": 1770,
          "y": 1320,
          "w": 500,
          "h": 65,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9523
        },
        {
          "id": "b-action",
          "type": "rect",
          "text": "Add to basket",
          "x": 1770,
          "y": 1415,
          "w": 500,
          "h": 85,
          "fill": "sun",
          "font": "sans",
          "fs": 34,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9524
        },
        {
          "id": "b-returns",
          "type": "text",
          "text": "Returns summary / policy:\nto confirm",
          "x": 1230,
          "y": 1480,
          "w": 500,
          "h": 90,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9525
        },
        {
          "id": "b-note",
          "type": "text",
          "text": "Controls follow the wide photo.\nCheck the route from fit information to the action.",
          "x": 1230,
          "y": 1600,
          "w": 1010,
          "h": 85,
          "fill": "none",
          "font": "sans",
          "fs": 30,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9526
        },
        {
          "id": "comparison",
          "type": "lane",
          "text": "",
          "x": 30,
          "y": 1790,
          "w": 1100,
          "h": 470,
          "fill": "white",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": -1,
          "seed": 9527
        },
        {
          "id": "comparison-title",
          "type": "text",
          "text": "Compare visible structure · no findings",
          "x": 55,
          "y": 1810,
          "w": 1050,
          "h": 65,
          "fill": "none",
          "font": "sans",
          "fs": 36,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9528
        },
        {
          "id": "comparison-body",
          "type": "text",
          "text": "OBSERVATION: A starts controls beside the photo;\nB puts the photo before the controls.\nHYPOTHESIS: Their order may affect finding options.\nEVIDENCE NEEDED: Same task in each layout.\nSHARED GAP: Neither confirms laptop fit or delivery.",
          "x": 55,
          "y": 1895,
          "w": 1050,
          "h": 340,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9529
        },
        {
          "id": "decision",
          "type": "lane",
          "text": "",
          "x": 1200,
          "y": 1790,
          "w": 1100,
          "h": 470,
          "fill": "white",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": -1,
          "seed": 9530
        },
        {
          "id": "decision-title",
          "type": "text",
          "text": "Decision and next check · leave open",
          "x": 1225,
          "y": 1810,
          "w": 1050,
          "h": 65,
          "fill": "none",
          "font": "sans",
          "fs": 36,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9531
        },
        {
          "id": "decision-body",
          "type": "text",
          "text": "Review finding / layout / criterion: [blank]\nStrength to retain / trade-off: [blank]\nDecision / reason: [open]\nNext check / expected output: [blank]\nAgreed owner / review date: [blank]",
          "x": 1225,
          "y": 1895,
          "w": 1050,
          "h": 340,
          "fill": "none",
          "font": "sans",
          "fs": 32,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9532
        },
        {
          "id": "footer",
          "type": "text",
          "text": "Keep the decision open until evidence and missing product facts support it. This board is a planning sketch.",
          "x": 30,
          "y": 2320,
          "w": 2270,
          "h": 90,
          "fill": "none",
          "font": "sans",
          "fs": 30,
          "ink": "navy",
          "align": "left",
          "bold": false,
          "z": 0,
          "seed": 9533
        }
      ],
      "edges": [],
      "paper": "white",
      "pattern": "none",
      "ink": "navy",
      "wobble": 0.25
    }
  ],
  "cur": 0
}