Nova 的界面把物业搜索、收入与使用情况、相似物业和产品功能介绍放在同一组展示中。蓝色搜索画面和黄绿数据卡很醒目,但这类产品的阅读重点更具体:一项数值属于哪栋物业、覆盖哪个周期,以及它能与哪项数据比较。视觉层级需要和这些口径一起工作。

核心结论

  • 物业名称、统计周期与计算口径应随指标一同呈现。
  • 相似物业比较需要统一字段、单位和周期。
  • 功能词与套餐说明应落到可识别的产品能力。

搜索结果为后面的数值确定对象

蓝色 Property Performance 页面保留搜索栏中的 Clayton Plaza,并展示建筑照片,底部导航以半透明容器叠在图上。名称与图片在这里共同确定对象,比只展示一张城市建筑照片更有助于建立后续数据的归属。

另一张手机界面用绿色和橙色显示 63% 与 37%,配合变化值,再以黄色收入卡突出 Total 4.2m。色块把不同信息分开,较大的总数也容易找到。不过页面标签写的是入住率,不能仅因两项百分比相加为 100% 就认作物业面积构成。总收入的货币、统计周期,以及变化值的比较基准,都适合随卡片明确呈现。

蓝色物业搜索手机与Spaces Revenue指标手机并列
009上部手机|搜索先给出对象,指标随后还应保留这个身份

相似物业需要可比较的字段

相似物业页顶部用五张建筑缩略图形成横向选择,当前缩略图有描边,下方显示 Forest Lake Centre。名称后连续排列面积和两项百分比,把比较信息集中在标题区域,有利于较快扫读。

再往下,MoM 与 YoY 分别搭配变化值和条形图,商业空间与住宅单元又以数量、颜色及上下箭头区分。周期标签已经提供了重要线索,但不同周期、不同单位不适合直接混在一起排序。标题区域的 OOC 缩写也应核对并展开,避免一个小字段影响整组指标的解释。

界达设计工作室(JVDS)更倾向于让物业名称、统计周期和计算口径随关键指标一起出现。无论读者切换建筑还是展开卡片,都应能看见数值的对象和边界,颜色则辅助识别变化方向。

相似物业手机显示缩略图、名称、月度变化和空间单元数量
009下部手机|候选与摘要清楚,相似依据和比较口径仍需补足

功能与套餐说明要连接到具体能力

功能介绍把 Efficiency、Customization、Integration 分开列出,旁边以产品卡片展示搜索、收入和租赁相关信息。抽象能力与界面样例并置,比单独罗列功能词更容易形成理解。绿色 Free version 区块又把免费版本作为一个独立入口。

FAQ 以多张卡片展开,第一张黄色卡回答免费与高级版本的区别,其余问题涉及切换套餐、密码、移动功能、支持和集成。问题覆盖了使用前后常见的信息需求,但“基础”与“高级”仍是较粗的区分。若能把它们对应到具体功能、可查看的数据范围或使用限制,读者才更容易判断版本选择,也能理解切换套餐对既有资料的影响。

官网功能组件下方是免费版本与订阅等问题,黄色FAQ展开
013功能及FAQ|版本回答应能对应具体功能,而非只分基础与高级

先梳理指标,再安排数据界面

房产与运营分析产品需要把搜索对象、指标口径、比较周期和功能权限一起整理。明确这些关系后,仪表盘的颜色、卡片和图表才更容易形成有意义的阅读顺序。

界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可围绕数据字段、物业比较和产品说明设计分析类App及配套网站。

联系界达设计,聊聊你的项目