飞线巴士小程序与年1月18日在郑州正式上线运营。近期保持小步快跑，逐步优化迭代，强化产品功能，优化体验流程，目前1.4版本已上线。本文复盘在设计过程中遇到的问题与思考，阐述智慧交通设计语言的应用与实施。
一、项目背景
公共交通作为国人主要的出行方式，在高峰时段，仍会面临拥挤、等待时间长、需要换乘等一系列问题。定制巴士产品希望能帮助用户实现点对点的个性化公交出行需求，专车专线，提升出行乘车体验。做个有趣的比喻就是“打低调百万豪车不是梦”。
同时，定制巴士也可以帮助公交集团实现科学配车，充分调动闲置运力资源，满足市民出行需求，双向协作，力求达到解决城市拥堵问题，建设智慧城市的目标。
二、基础沉淀
随着乘车码业务的不断发展，持续深挖公共交通出行领域潜在价值，衍生出公交、地铁出行助手、定制巴士等系列产品，经历2年的探索与沉淀，智慧交通设计语言逐步建立。
对外，统一的视觉语言帮助用户加深产品的印象，提高用户体验的完整性和一致性。对内，统一的设计原则，可提升设计与研发流程的工作效率，降低重复沟通确认与试错成本。同时让设计师形成统一共识，产品需要传递给用户的体验感受，以及整个系统的设计约束是什么。
关于推导过程可点击阅读用“脚”思考的设计语言一文。我们归纳整理出“模块化、信息聚焦、设计降噪、导向清晰”等原则，初步形成SmartMetro设计语言的雏形。这些基础原则指导我们进行体验一致化的产品设计，不断发展的业务与产品设计迭代中，持续沉淀与验证设计原则的准确性。同时也在此基础上探索出行细分领域中的个性化解决方案。
三、设计挑战
通过前期调研发现大部分竞品的定制线路多是公司或小区等集团合作的路线，对于个人用户而言，响应效率低、机动性差。而我们希望打造的产品正是要补齐这一点不足，降低门槛，无论是由企业还是个人都可发起线路，在出行前一定时间内拼够最低的成团人数，线路将自动生成并由系统派车，这样才算真正做到智慧定制巴士产品的核心——定制。
正是由于线路运营的性质变化，随机变动的线路比固定线路的信息量多出许多，信息量级增大，复杂性也更高。而用户在短时间接受的信息量有限，因此信息量过载带来的肯定是信息模糊的问题。
那么如何让用户在信息感知上从模糊转向清晰？关键信息如何聚焦？辅助信息如何协助用户做决策？这些都是我们需要重点思考与解决的问题。
四、设计拆解
实际工作中，我们将问题打散拆解，重新梳理归纳。整个产品服务流程主要拆分为两部分：（理清体验流程触点）
线上：发起拼车，拼车流程线下：找车、乘车再结合实际场景与时间线去分析（明确用户行为目标）：
流程中，用户需要达成的目标是什么？页面中，当下对用户最重要的信息是什么？将来对用户重要的信息是什么？对流程进行有效的拆解之后，再在流程中对单个页面信息进行梳理与归纳，从而构建合理舒适的视觉模型。
五、构建视觉模型
学美术的同学都画过素描，一般画素描会先打框架，找大关系（当然也有很多一上来就画重点的天才画手），再找关键点，找准明暗交界线，进一步重点刻画，最后再做细节的点缀修饰，正确表现对象的形体、空间和质感。构建页面的视觉模型其实和画画非常类似。
以飞线巴士首页为例，可以概括为：大关系，分重点，小提示3个关键点来构建整个页面的视觉模型。
（1）大关系
可以理解为对整体内容信息的分类，为了缓解大量信息对用户带来的视觉模糊，首先梳理信息之间大的逻辑关系，飞线巴士首页中搜索、我的行程、推荐线路作为不同类型内容的入口而存在，将三个内容通过模块化的设计，建立页面结构。
（2）分重点
在分清大的逻辑关系之后，通过关键信息的提炼与强化来增强模块之间的差异性。
如：搜索模块在页面中的最顶层，起终点圆点图形标识、文案提示让用户能快速感知自己的位置并搜索想去的地点。
我的行程是用户正在参与的行程，重点提示用户
转载请注明：http://www.0431gb208.com/sjszlfa/4296.html
