“便捷公交e·出行”App界面设计

李倩　胡楠楠

摘要：随着网络技术的发展，智慧城市成为城市管理的新热点，而其中的智慧公共交通发展得尤为迅速，在此背景下，我们设计的便捷公交e出行App，既能满足人们出行时的需要，打造智能化的出行服务，还能帮助城市管理部门掌握交通数据，为交通通畅做出有力的支撑。

关键词：公共交通;App;界面设计

中图分类号：TP311        文献标识码： A

文章编号：1009-3044（2021）06-0072-02

Abstract： With the development of network technology， intelligent city become a new hot spot of urban management， and one of the wisdom of the public traffic development is rapid， under this background， we design the convenient bus travel App， e can not only meet the needs of people travel， building intelligent travel service， can also help the urban management department to master the traffic data， making strong support for smooth traffic.

Key words： public transportation; App; interface design

1 引言

隨着大城市对地铁的需求日益提高，中小城市对公交车的需要稳定。目前城市政府也都加大了对数字化公交的投入，例如改造了公车上的定位系统，公交站加装显示屏等。公共交通作为城市地交通主力军，各公司挖掘移动互联网下的公共交通出行是新的模式与风向。乘客与公交之间最大的矛盾是信息不对等。如何得到公交车的实际位置，到达时间，也是实时公交领域的核心需求所在。所以一款适合的公交App被大众所需求。

2 研究过程

2.1 App思维导图绘制

一款功能全面的App离不开最开始的思维导图绘制，思维导图代表了整个App所要表现的功能以及流程，该款App功能是否完善、流程上是否清晰，在思维导图上可以一一体现。

该App首要的目的就是能够让用户实时地掌握公交车的动态，通过手机查询公交车离乘车站还有几站的实时数据，让用户随时随地查获从而知车辆到站时间，不再因为等车而心烦;其次，由于很多的城市还没有实现移动支付乘坐公交车，该App可以满足这个需求，让人们能够不会因为没有带零钱而苦恼;再者，该App能够告知用户两地换乘的最便捷的方式，提供更快速的出行方案;最后，该App还带有地图功能，让用户不用切换App就能够以地图形式更直观地显示自己所在位置周边乘车站的距离，从而少走些冤枉路。根据以上的App功能分析，其具体的流程如图1所示：

从思维导图中可以看出，主要分为四个板块，分别是首页、路线、福利社、我的，其中首页中主要展示了公交、地铁、巴士、企业班车四块内容;在线路中将地图与线路连接，方便用户的使用;而为了App更好的发展，还添加了商城部分，提高用户使用的黏性。

2.2 图标设计

首先，要想让大众记住一个App，首先要有一个好的门面，就是这个App的名称以及图片。一个软件少不了的就是图标。图标所要呈现的是这个App的精髓所在，一个好的图片既要体现App的功能性还要让人印象深刻，勾起使用者的使用欲望，我的图标设定大写车字，并对其进行了简单的变形，使其既具有了艺术效果，还具备了实用性。大小采用比较流行的114 px * 114 px，圆角为标准圆角大小20px。整体的背景颜色为我所选定的主题颜色为蓝色。主要样式如图2所示。

2.3 绘制设计稿

在设计App前，首先需要绘制出App的界面。首先，要把界面设计的够完整，不能够在功能上有缺漏，例如要有用户登录，用户注册，登录失败的提醒，还要有公交实时提醒的界面。在这个环节，最害怕的就是某个功能没有涉及，要一遍遍的检查。

在绘制设计稿时，需要规定好尺寸，并且按照App设计规范进行合理的设计，到后期还原页面的时候才不会出现错误，具体形式如图3所示。

3 App功能实现

该App是一款实时公交产品，在功能实现是关键的页面就是首页的公交实时信息首页是乘车路线和方式的集合板块。根据用户所在位置，优先推荐用户当前使用频率较高的车站路线，并展示方向，与用户的距离，下一个车站、到站时间等，提高效率，乘客不需要任何操作即可获得有效信息。

顶部搜索栏功能清晰，可支持搜索线路、车站、站点，提升查询效率。附近的车站根据定位按照远近排列展示公交车站，并展示了用户与车站的距离，点击后跳转至公交路线、运营时间等信息，方便用户知晓周边公交情况。具体实现样式如图4。

巴士中的地图模式方便用户查看附近车辆的具体位置，同时标记出了步行5分钟的范围，让用户有一定的心理预期。具体样式如图5所示。

公交路线详情页主要展示到站时间，乘车方向，首末班车时间以及详细的站点信息。车辆到站时间作为产品最核心的功能，放在了页面醒目位置，通过实时展示多辆车到站时间信息，方便用户调整出行方案，更合理规划时间。

一键切换方向的功能，方便容易搞反方向的用户，也可方便用户查询返程线路。

同时上下车提醒也是一大亮点功能，防止用户因沉迷手机影响出行。具体样式如图6所示。

4 研究心得

本课题以公共交通为切入点，以满足人们便捷出行为前提，融入智慧交通的思想，以提高信息的“精准性”为原则，设计出一款App，设计风格简洁、清新，功能完善，适用性较好。但由于笔者专业知识水平有限，还有需要反复商榷和推敲的地方，在未来需进一步的更新迭代，一步步做到更加的完善。

【通联编辑：梁书】