订车票流程交互细思

这是一个提供出行服务的平台，其中一个功能是可以长短途拼车。有这个服务当然就会涉及到买票。整个流程是：

而我要说的设计点，在查询订票页。

传统的查询订票页展示的票的卡片信息，通常不展示

，通常只展示余座，起步票价以及是否有儿童座。可以理解，毕竟这个容器里的空间寸土寸金，太多信息会过于干扰。举个例子：

这3个信息通常以长段解说文字放在订票流程展示，在查询订票页的卡票上只有展示或不展示儿童图标来表示这个票是否还可以买儿童票。对于初次使用的用户来说，有理解门槛。

所有卡片都是只有起步票价，具体什么座什么价用户只有点击了某票进入订票流程才能继续选择，没有办法做到一目了然。

为了解决以上3个痛点，我的设计如下：

针对

的痛点，我引入了俯视图示清晰的展示座位售卖情况，分为4类车：5座轿车、7座商务车、9座小客车、多座大巴。只有前3个有图示，大巴没有。品牌色的占位代表可购买的座位，置灰的占位代表已售。座位售卖情况一目了然：

针对

的痛点，我的设计是卡片可以展开，展开后有明确的座位价格。并且，点选了儿童座，其他潜在儿童座的票会变为不可选的状态，除非把已点选的儿童座取消选择。这个设计直接用交互清楚地传达了：

针对

的痛点，我的设计因为卡片可以展开，而不是直接跳转到订票流程，同时还减少了交互步骤。到了订票流程直接带去选座数据，就可以不是从选座开始而是直接选择乘车人开始订票。

本文由

原创发布。未经许可，禁止转载。