technine.io

移动应用 · 设计概念

出行路线应用

公共交通应用设计研究,呈现路线查询、方案对比和行程详情,并说明选中及数据不可用时的界面处理。

以下是概念设计,并非客户项目。展示内容为静态效果图,名称和数据均为虚构。

出行路线应用

设计概念

出行路线应用: 围绕行程的移动设计 · 路线与乘车步骤
查看设计 ↗
围绕行程的移动设计 · 路线与乘车步骤

设计出发点

先帮助乘客比较出行方案,再展开每段路程。查询页保持简洁,备选路线采用统一的信息排列。

面向谁
前往不熟悉的地点,需要比较换乘次数和步行路段的乘客。
需要考虑的限制
地点、线路及展示时间均为虚构的静态示例,不是实时出行信息。本概念没有导航、购票或运营通知功能。

建议的操作流程

  1. 01

    输入起终点

    查询页分别标注出发地和目的地,避免混淆出行方向。

  2. 02

    对比出行方案

    方案卡片统一展示耗时与换乘信息,便于横向比较。

  3. 03

    查看分段行程

    详情页依次展开所选路线,将换乘说明和步行信息放在对应步骤旁。

为什么这样设计?

保持比较维度一致

每个方案以相同顺序呈现信息。耗时较短的路线,也应明确列出需要增加的换乘。

不用颜色代替说明

青柠绿用于突出深蓝和白色界面中的已选方案。线路名称与步骤文字仍需独立表达含义。

细看视觉设计

以下为建议的设计样式,均为静态示例,不是可操作功能或正式开发规范。

配色用途

  • 导航与文字

    #133952

  • 路线背景

    #FFFFFF

  • 已选行程

    #C6EA64

字体与间距

信息清楚,下一步明确。

无衬线字体需清晰呈现站名及数字。线路编号与说明文字拉开字重差异,让换乘位置容易辨认。

各备选方案使用独立卡片。行程详情沿纵向连接,给长站名和换乘说明留出足够空间。

正常流程之外的状态

未找到路线

没有符合条件的路线。请检查地点或调整出发时间。

已选方案

路线已选定。请查看换乘安排和步行路段。

实时信息不可用

暂时无法获取实时信息。出行前请向交通运营方确认。

为什么在耗时旁边列出换乘信息?

用时较短的方案可能需要更多换乘或步行。并列展示后,乘客可以先比较再打开详情;本概念不替个别乘客判断哪种方案更合适。