移动应用 · 设计概念
出行路线应用
公共交通应用设计研究,呈现路线查询、方案对比和行程详情,并说明选中及数据不可用时的界面处理。
以下是概念设计,并非客户项目。展示内容为静态效果图,名称和数据均为虚构。
设计出发点
先帮助乘客比较出行方案,再展开每段路程。查询页保持简洁,备选路线采用统一的信息排列。
- 面向谁
- 前往不熟悉的地点,需要比较换乘次数和步行路段的乘客。
- 需要考虑的限制
- 地点、线路及展示时间均为虚构的静态示例,不是实时出行信息。本概念没有导航、购票或运营通知功能。
建议的操作流程
- 01
输入起终点
查询页分别标注出发地和目的地,避免混淆出行方向。
- 02
对比出行方案
方案卡片统一展示耗时与换乘信息,便于横向比较。
- 03
查看分段行程
详情页依次展开所选路线,将换乘说明和步行信息放在对应步骤旁。
为什么这样设计?
保持比较维度一致
每个方案以相同顺序呈现信息。耗时较短的路线,也应明确列出需要增加的换乘。
不用颜色代替说明
青柠绿用于突出深蓝和白色界面中的已选方案。线路名称与步骤文字仍需独立表达含义。
细看视觉设计
以下为建议的设计样式,均为静态示例,不是可操作功能或正式开发规范。
配色用途
导航与文字
#133952
路线背景
#FFFFFF
已选行程
#C6EA64
字体与间距
信息清楚,下一步明确。
无衬线字体需清晰呈现站名及数字。线路编号与说明文字拉开字重差异,让换乘位置容易辨认。
各备选方案使用独立卡片。行程详情沿纵向连接,给长站名和换乘说明留出足够空间。
正常流程之外的状态
未找到路线
没有符合条件的路线。请检查地点或调整出发时间。
已选方案
路线已选定。请查看换乘安排和步行路段。
实时信息不可用
暂时无法获取实时信息。出行前请向交通运营方确认。
为什么在耗时旁边列出换乘信息?
用时较短的方案可能需要更多换乘或步行。并列展示后,乘客可以先比较再打开详情;本概念不替个别乘客判断哪种方案更合适。

