杰Jie

城市出行

把耗时、费用、步行与换乘放在同一比较视野,用地图和路线同步反馈,帮助理解不同选择的代价。

交互原型 · 个人概念项目 · AI 辅助制作

WAYFIND · 城市出行规划概念视觉

为什么这样做

路线比较集中呈现耗时、费用、步行和换乘,减少来回记忆。途经点先编辑再确认,取消保留原路线,并提供键盘排序入口;路线服务与城市信息均为本地模拟。

制作工具:HTML / CSS / JavaScript / SVG / Figma

让品牌保持一致

品牌蓝统一主操作与选中边框,纸色底和黄色说明卡贯穿界面。选择路线时同步原创示意地图与文字,保持空间信息和比较结果一致。

已有检查

既有工程记录覆盖筛选、途经点排序、保存恢复、离线与失败重试,并检查桌面和手机视口。没有真实出行或实体手机测试;原生 Figma 已做结构核验,视觉复核尚未完成。

下一步验证

计划通过任务完成、路线理由复述与异常恢复耗时检验设计,再评估规划放弃情况。真实用户研究、实时交通和商业效果仍待验证。

本案例为个人概念探索,图像、设计推敲或代码包含 AI 辅助。已有检查来自原项目记录,用户与商业效果尚未实测;页面所示产品信息与演示数据不代表真实销售或客户成果。

作品原图预览