flowchart LR
%% =========================
%% 關係情境:包覆整體價值形成過程
%% =========================
subgraph RELATIONAL_CONTEXT["互動與交易的情境脈絡<br/>"]
direction LR
%% =========================
%% 利益與犧牲:左右排列
%% =========================
subgraph VALUE_INPUTS["價值構成要素"]
direction LR
%% 左側:利益
subgraph BENEFITS["利益"]
direction TB
B1["• 便利/效率<br/>
• 卓越性<br/>
• 地位<br/>
• 自尊/受尊重<br/>
• 社會利益<br/>
• 享樂/玩樂<br/>
• 美感<br/>
• 逃避現實/心靈性<br/>
• 個人化<br/>
• 控制感<br/>
• 新穎性<br/>
• 關係利益<br/>
• 生態利益/倫理<br/>
• 社會利益/倫理"]
end
%% 右側:犧牲
subgraph SACRIFICES["犧牲"]
direction TB
S1["• 價格<br/>
• 時間<br/>
• 努力/投入/付出<br/>
• 隱私風險<br/>
• 安全風險<br/>
• 績效風險<br/>
• 財務風險<br/>
• 生理風險<br/>
• 生態成本<br/>
• 社會成本"]
end
end
%% =========================
%% 整體價值
%% =========================
V["整體價值"]
%% 主路徑
VALUE_INPUTS --> V
end
%% =========================
%% 樣式
%% =========================
classDef mainNode fill:#ffffff,stroke:#555,stroke-width:1.5px,color:#222;
classDef listNode fill:#ffffff,stroke:#777,stroke-width:1.2px,color:#222;
class V mainNode;
class B1,S1 listNode;
style BENEFITS fill:#ffffff,stroke:#777,stroke-width:1.2px
style SACRIFICES fill:#ffffff,stroke:#777,stroke-width:1.2px
style VALUE_INPUTS fill:#ffffff,stroke:#888,stroke-width:1.2px,stroke-dasharray:6 4
style RELATIONAL_CONTEXT fill:#fafafa,stroke:#555,stroke-width:1.8px,stroke-dasharray:8 5
Note: 互動與交易情境脈絡可能包含:非營利 vs. 營利、公部門 vs. 私部門 、契約式 vs. 非契約式、線上 vs. 線下、B2B vs. B2C、商品 vs. 服務