ROOM-4 — 方向 B:房间卡片 完整原创示例请求。没有提交给模型,也没有执行。 实施之前,探索第二种静态界面方向。使用者是为四人讨论选择房间的 协调人。他们需要比较同一完整时段的三个候选, 然后选择房间进入审阅。 初始状态:尚未选择房间。日期标签为“示例日”。 固定时段为“14:00–15:00 UTC”,不可调整。 必须有白板,显示屏可选,四个座位足够。 整个小时都必须可用。按 Cedar、Birch、Elm 顺序显示所有候选。 使用与方向 A 完全相同的完整固定内容: Cedar:4个座位;可用;白板;符合要求;选择 Cedar。 Birch:6个座位;不可用;白板 + 显示屏;该时段不可用; 不可选择。 Elm:4个座位;可用;显示屏;没有白板;不可选择。 共用精确文案: 选择房间 示例日 4 人 14:00–15:00 UTC 必须有白板 显示屏可选 3 个房间;1 个符合要求 尚未选择房间 选择房间进入审阅。尚未预订。 给定条件下,只有 Cedar 合格。将其选择操作画为可用。 其他操作画为不可用,并显示文字适配原因。 选择后进入审阅,不预订房间。 不增加筛选、推荐评分、照片、价格或其他房间。 方向探索: 将每个房间的名称、容量、设备、可用状态、适配原因和 局部操作放进边界明确的房间卡片。宽版三张卡片并排。 将可用状态放在卡片决策区,靠近适配原因和操作。 窄版按相同顺序堆叠完整卡片。 全部给定字段都保持可见,不隐藏设备。 与方向 A 对照的共用视觉处理: 白色背景 #FFFFFF;灰蓝文字 #233747;次要文字 #526673; 低调表面 #F2F5F7;分隔线 #BECBD3;操作色 #1C5673。 使用 Verdana, sans-serif;标题26、房间名20、事实/操作16、标签14。 用文字说明可用状态和适配原因,不只依赖颜色。 保持相同的40单位操作图形高度。不加装饰阴影或图像。 交付可编辑静态 SVG,包含两个独立构图: 宽1040单位和宽390单位。区域映射:1请求,2摘要, 3 Cedar,4 Birch,5 Elm,6选择/下一步说明。保留文字可编辑, 并为分组命名。解释每种宽度下如何分组信息。 描述布局所体现的取舍,并列出实施前仍缺少的状态。 将这些内容视为设计推理,不是用户偏好或可用性结果。 不构建交互、不运行代码、不连接实时房源、不预订房间、 不修改站点,也不声称具名工具集成。