W5.03.3Resource visual hierarchy设计

多种资源同时呈现时需要用视觉层级区分优先级

别名: 视觉层级 · resource priority · information hierarchy · HUD resources

概念解释

资源视觉层级(resource visual hierarchy)是在生命、护盾、弹药、能量、货币、材料、冷却、任务物品等同时可见时,通过位置、尺寸、对比、分组和状态变化说明哪些资源现在最值得注意。层级不是给所有资源排永久名次,而是帮助玩家在当前任务里先读会改变行动的那一项。

机制

同时呈现的同权元素会迫使玩家逐项扫描并自己计算优先级,快速情境中容易漏读。视觉层级把系统的行动逻辑外化:临界生存资源、当前武器资源和即时目标比仓库材料更接近下一次决策。稳定分组降低搜索,动态强调允许优先级随风险改变,使玩家把有限注意力投向最具后果的信息。

边界

层级不能等于只保留一种资源。复杂策略、协作和无障碍模式可能要求多项信息并列可见;过强动态重排又会使玩家失去熟悉位置。色彩也不能成为唯一层级通道。重点是明确关系和可预测更新,而不是把低优先级信息完全藏起来。

怎么落地

  • 按即时生存、当前行动、短期计划和长期管理分组资源,使用位置、尺寸、形状、文字和对比的组合表达层级。
  • 在风险改变时增强相关组而不任意移动基础位置;支持玩家固定、展开和重排模块。
  • 验证办法:给出资源冲突情境,记录玩家先看什么、是否能解释优先顺序和是否错过关键资源;比较统一样式与分层样式的扫描时间。

延伸

  • 同组W5.03.1 关键状态需要提供高于日常噪声的显著变化提示 · W5.03.2 资源数值的呈现精度需匹配玩家实际决策所需的粒度 · W5.03.4 状态表达延迟会让玩家基于过期信息做出错误判断
  • 相邻W5.01 平视显示与信息布局 · W5.07 界面与信息密度 · F3.01 视觉层级
  • 站内检索visual hierarchy · resource priority · HUD resources · information grouping

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/W5.03.3