STIIM：基于地图的投资洞察可视化平台
服务
网页设计
客户
CROSSCHECK
日期
2024 年 6 月
项目概述
STIIM是一个基于地理位置的投资平台，旨在提供一种探索分散投资机会的新方式。它将地理空间数据与直观的用户体验（UX）相结合，允许用户直接通过交互式地图界面探索投资产品。
通过这种方式，STIIM 将复杂的金融数据简化为直观易懂的形式，使用户能够根据当地情况做出投资决策。 用户可以在地图上一目了然地看到投资流量和机会，将传统的被动投资体验转变为更加真实和身临其境的投资体验。
项目亮点
目标
STIIM 的目标不是创建一个简单罗列投资产品的平台，而是通过数据与空间之间的关系设计一种新的投资体验。关键的方向是让用户能够在地图上直观地浏览投资流，并在本地环境中发现意义，而不依赖于复杂的数字或指标。我们希望将投资数据从简单的查看扩展到一种积极的投资体验，让用户能够探索、比较并做出战略决策。
成果
现有的投资平台受限于以数字为导向的界面，信息呈现支离破碎，用户难以理解投资机会或地理趋势在现实世界中的影响。为了应对这些挑战，STIIM 需要重新定义金融数据和地理信息的关联方式，以及提供可视化见解的用户体验模式。
挑战
STIIM 制作互动式洞察地图，在地图上探索投资数据，为投资者提供直观了解复杂数据的体验，并从空间角度做出投资决策。这将用户带入全新的投资之旅，使他们从被动的信息消费者转变为主动探索和解读的投资者。
项目时间表
界面布局
STIIM 采用HTML5 语义布局，明确区分了内容的角色，同时增强了用户体验和 可维护性。列表界面的设计基于 "页眉-内容-页边 "结构，提供了一个将投资卡片列表与实时地图相结合的界面。资产控制面板屏幕还设计了一个用于导航的面板和一个用于直观显示用户投资数据的内容区域，清晰、灵敏地显示数据，让用户直观地了解投资状态。
设备和网格
STIIM 采用了一种响应式系统，可针对手机、平板电脑和桌面环境动态调整内容布局。 在手机上，我们采用了单栏布局，以简化导航；在平板电脑上，我们采用了八栏卡片式布局，以平衡内容密度和可读性。在台式机上，我们采用了12 栏结构，同时显示列表和地图视图，有效利用了屏幕空间，增强了用户体验。
界面线框图
这是一个产品列表页面的结构图，旨在帮助用户探索一系列分散的投资产品。 左侧区域包含一个投资卡片列表，按资产状态（从 "待售 "到 "已关闭"）排列，每张卡片都提供了有关投资阶段的背景数据。右侧区域配有地图，帮助用户直观地识别资产的地理位置和分布，并 根据空间环境做出投资决策。
质量保证检查表
STIIM QA 检查单的设计超越了简单的功能验证，以确保用户界面的一致性、数据的准确性和交互的可靠性。每个案例都根据需求类型（SIR、TER、DAR 等）进行分类，以确保在设计实现、数据完整性和组件逻辑方面进行准确验证。
