12306订票流程交互分析

说明：对比分析 铁路12306 和 智行火车票 两个APP(其实还有一个 高铁管家 ，但因为高铁管家的订票流程大部分和智行一样，并且没有特别的亮点，所以不拿来对比)，12306为官方APP，只提供买火车票服务，而智行则还会提供购机票、汽车票、酒店等业务。在这只根据订火车票功能流程对比分析两个APP。（火车票购票流程：选择出发地与目的地——选择出发日期——选择合适的车次——添加乘客——支付购买——购买成功后可查看订单或者继续购买）

分析：

订票首页：

首页

12306：（1）12306的订票选项有出发地、日期、时间、席别、火车类型、添加乘客这六个选项，底部有历史线路可供点选（缺点是将屏幕往下滑选择最近常用线路时，上方的地点显示会划上去无法看到，而点选了常用线路之后并无相关提示，同时看不到地点显示是否更改，用户没有得到有效反馈时通常会点多次。）（2）关于添加乘客这一选项是否放在首页的问题，按照在火车站买票的流程来看，一般是先询问有没有票，若有票则提供乘车人信息再买票，因此添加乘客选项放在订票首页不太合适，在首页会增加用户的操作时间，并且迷惑用户，用户有可能不知道该选项是否为必填项。（3）下面的温馨提示似乎不是很温馨，一来遮挡信息，二来吸引了不必要的注意，若是必要提示可放在购完票之后的页面提示。

智行则相对简洁，只有出发地、日期、和火车类型（火车类型的选择相对于12306会合理得多，只需要选择是否高铁，因为在实际情况下人们对火车的区分也通常是“高铁/动车和普通火车”的心理模型），是否为学生票等限制，历史线路用可以左右滑动的一行显示。下方则放置其它业务入口的图标。智行的日期显示后面还显示了星期几，一般说来，在日期后显示星期几，能增加用户心里的确定性。（毕竟对于上班族和学生党来说，他们更倾向于知道星期几而不是日期）

改进：对于历史线路的显示觉得两者都有点不妥，它离城市选择那一栏的信息太远，明明是同种信息却有点分散，这样容易打乱用户心流。改进后的样子：

改进后，历史线路显示一行，其它的可点开内嵌层显示更多

火车站站点（城市）选择页：

站点选择页

12306包括3个顶部tab（常用车站、热点车站、车站列表），和一个搜索框。

智行只有单个页面，包括出发站搜索框和到达站搜索框。常用城市列表和热门城市列表。

如此一比较，12306则是各种不合理：（1）12306每行只显示一个城市，智行每行显示3个城市，在手机有限的屏幕内12306显示的信息量过于稀少。（2）12306中内嵌页车站列表基本是用不上的，它包含了所有的车站，并且根据字母顺序排列，相信没有人会在这个页面选择车站吧。这样一来，内嵌页不仅用处不大还增加了用户的操作复杂度。（3）智行可以在同一个页面完成出发站和到达站的修改，而12306却只有点击修改了一个站返回后点击另一个站进行同样的修改。上述三点使得12306的城市选择这一步骤的操作复杂度远远高于智行。

日期选择页：

日期选择页

两者的日期控件都是以日历的形式选择，默认日期为第二天的日期，所不同的是12306通过点击左右按钮选择月份，而智行是上下滑动屏幕来选择日期。理论上说来两种方式在用户的认知成本上都一样，但12306的日期选择页面下方却出现学生票还是普通车票的选择框，学生票选择框已经在首页有了，在日期选择页面出现是十分不合理的，这样冗余地出现容易使用户疑惑。

上下滑动选择日期的方式略优于左右点击选择月份的是：左右点击选择月份，一个页面只能显示一个月的日期，而上下滑动则可同时显示两个月，这样能使用户用较少的点击或者滑动操作就能选到需要的日期。

查询结果页：

查询结果页

12306底栏为排序功能集合，按发时、历时、到时排序，另外可选择显示票价或余票，默认情况下是显示余票。筛选功能放在右上角，还有刷新、分享、保存等功能。每条车次信息包括基本的出发到达站、历时、出发到达时间、和余票信息。只是高铁车次会有身份证图标，让人不知道是什么意思（难道是凭身份证可以检票的意思）。每条车次信息都有列车时刻表作为嵌入层，点击图标显示该嵌入层。无票时该条信息变灰。

智行:(1)智行采用卡片式显示每条车次的信息（用虚线分割信息种类，看上去还有种一张张车票的感觉），每条显示的信息内容的与12306差不多，与之不同的是，智行通过线两边圆点的不同状态来表示是否是终点站或者始发站，实心表示是，空心表示否（实话说不仔细分析还真看不出来，猜测智行这样设计的原因是了解到人们对是否是终点站与始发站这一信息不是很看重，所以弱化了其显示。）；（2）智行会有最低票价显示信息。智行的底栏也为排序功能集合，其中筛选按钮也放在了低栏,但是没有了到时排序选项（个人认为到时排序选项还是挺重要的，有人关心出发时间，有人关心到达时间，当人们看到按出发时间排序时也会自然地想到也应该有按到达时间排序）。（3）由于智行APP的抢票功能为其亮点，故将抢票功能放到了顶部右上角。当余票为0时，也有显眼的红色抢票按钮在该条信息上显示。将信息上滑时，底部栏隐藏，以更多且无干扰地显示查询信息。

改进：上方的日期前一天或后一天的按钮，当用户查询当天无票时，可能会在当前日期的前一两天或后一两天查询。如果用户选择了前一天，当天没有，则用户想选择当前日期后一天的时候需要按两次后一天，那如果到了前两天则想跳到后两天则需要点击五次，这样的点击次数是很多的。改进成在一行显示五天。可直接选择相应前后日期查询。

以上改进想法当在自己对其进行redesign的时候出现了麻烦：一是日期栏如果有五个按钮显得过于密集，用日期表示反倒没有对“前一天 后一天”的认知来得轻松；二是如果上面有五天的显示，那日历按钮入口该如何放置，页面的转换是否和原来智行的一样（转换后中间的日期是一开始的还是选择之后的，智行的是点击前一天后中间的日期定位到选择之后的，但若日期栏有五天的时候则更适合转换成tab栏的样式，这样一来日历按钮则不好放置，当返回中间那个日期的时候就会出现是点击日期还是日历按钮的歧义了）；三是当用户离开当前日期很远的时候也更可能会点击日历页面选择日期。所以最后选择保留原来的交互方式。

购票页面：

购票页面

智行 需先选座再进入买票页面，12306则把选座和订单提交放在一个页面。智行点击预订时展开嵌入层，选择订票方式再订票，比12306多了两次点击。两者的不同是由于app业务性质不一样引起的，智行同时有便捷购票与抢票业务，而12306是单纯的购票。

订单详情页：（此处就不放截图了）

12306的简直逆天。需要自己填订单日期才能显示。

智行正常。底部tab栏有按出发日期、购票日期、订单是否有效进行排序；

改进：这里觉得智行做的已经很好。一开始是觉得将无效订单置灰视觉上更好区分是否为有效订单的，后来再仔细想想这样并不好，因为置灰很大程度上意味着无法点击，但实际上是可点击的，所以整条订单置灰是不太好的。