說明:對比分析 鐵路12306 和 智行火車票 兩個APP(其實還有一個 高鐵管家 ,但因為高鐵管家的訂票流程大部分和智行一樣涩金,并且沒有特別的亮點杂抽,所以不拿來對比)遂赠,12306為官方APP,只提供買火車票服務(wù)脉让,而智行則還會提供購機票桂敛、汽車票、酒店等業(yè)務(wù)溅潜。在這只根據(jù)訂火車票功能流程對比分析兩個APP术唬。(火車票購票流程:選擇出發(fā)地與目的地——選擇出發(fā)日期——選擇合適的車次——添加乘客——支付購買——購買成功后可查看訂單或者繼續(xù)購買)
分析:
訂票首頁:
12306:(1)12306的訂票選項有出發(fā)地、日期滚澜、時間粗仓、席別、火車類型设捐、添加乘客這六個選項借浊,底部有歷史線路可供點選(缺點是將屏幕往下滑選擇最近常用線路時,上方的地點顯示會劃上去無法看到萝招,而點選了常用線路之后并無相關(guān)提示蚂斤,同時看不到地點顯示是否更改,用戶沒有得到有效反饋時通常會點多次槐沼。)(2)關(guān)于添加乘客這一選項是否放在首頁的問題曙蒸,按照在火車站買票的流程來看,一般是先詢問有沒有票岗钩,若有票則提供乘車人信息再買票逸爵,因此添加乘客選項放在訂票首頁不太合適,在首頁會增加用戶的操作時間凹嘲,并且迷惑用戶师倔,用戶有可能不知道該選項是否為必填項。(3)下面的溫馨提示似乎不是很溫馨,一來遮擋信息趋艘,二來吸引了不必要的注意疲恢,若是必要提示可放在購?fù)昶敝蟮捻撁嫣崾尽?br>
智行則相對簡潔,只有出發(fā)地瓷胧、日期显拳、和火車類型(火車類型的選擇相對于12306會合理得多,只需要選擇是否高鐵搓萧,因為在實際情況下人們對火車的區(qū)分也通常是“高鐵/動車和普通火車”的心理模型)杂数,是否為學(xué)生票等限制,歷史線路用可以左右滑動的一行顯示瘸洛。下方則放置其它業(yè)務(wù)入口的圖標(biāo)揍移。智行的日期顯示后面還顯示了星期幾,一般說來反肋,在日期后顯示星期幾那伐,能增加用戶心里的確定性。(畢竟對于上班族和學(xué)生黨來說石蔗,他們更傾向于知道星期幾而不是日期)
改進(jìn):對于歷史線路的顯示覺得兩者都有點不妥罕邀,它離城市選擇那一欄的信息太遠(yuǎn),明明是同種信息卻有點分散养距,這樣容易打亂用戶心流诉探。改進(jìn)后的樣子:
火車站站點(城市)選擇頁:
12306包括3個頂部tab(常用車站阵具、熱點車站、車站列表)定铜,和一個搜索框阳液。
智行只有單個頁面,包括出發(fā)站搜索框和到達(dá)站搜索框揣炕。常用城市列表和熱門城市列表帘皿。
如此一比較,12306則是各種不合理:(1)12306每行只顯示一個城市畸陡,智行每行顯示3個城市鹰溜,在手機有限的屏幕內(nèi)12306顯示的信息量過于稀少。(2)12306中內(nèi)嵌頁車站列表基本是用不上的丁恭,它包含了所有的車站曹动,并且根據(jù)字母順序排列,相信沒有人會在這個頁面選擇車站吧牲览。這樣一來墓陈,內(nèi)嵌頁不僅用處不大還增加了用戶的操作復(fù)雜度。(3)智行可以在同一個頁面完成出發(fā)站和到達(dá)站的修改,而12306卻只有點擊修改了一個站返回后點擊另一個站進(jìn)行同樣的修改贡必。上述三點使得12306的城市選擇這一步驟的操作復(fù)雜度遠(yuǎn)遠(yuǎn)高于智行兔港。
日期選擇頁:
兩者的日期控件都是以日歷的形式選擇,默認(rèn)日期為第二天的日期仔拟,所不同的是12306通過點擊左右按鈕選擇月份衫樊,而智行是上下滑動屏幕來選擇日期。理論上說來兩種方式在用戶的認(rèn)知成本上都一樣利花,但12306的日期選擇頁面下方卻出現(xiàn)學(xué)生票還是普通車票的選擇框科侈,學(xué)生票選擇框已經(jīng)在首頁有了,在日期選擇頁面出現(xiàn)是十分不合理的炒事,這樣冗余地出現(xiàn)容易使用戶疑惑臀栈。
上下滑動選擇日期的方式略優(yōu)于左右點擊選擇月份的是:左右點擊選擇月份,一個頁面只能顯示一個月的日期羡洛,而上下滑動則可同時顯示兩個月挂脑,這樣能使用戶用較少的點擊或者滑動操作就能選到需要的日期藕漱。
查詢結(jié)果頁:
12306底欄為排序功能集合欲侮,按發(fā)時、歷時肋联、到時排序威蕉,另外可選擇顯示票價或余票,默認(rèn)情況下是顯示余票橄仍。篩選功能放在右上角韧涨,還有刷新、分享侮繁、保存等功能虑粥。每條車次信息包括基本的出發(fā)到達(dá)站、歷時宪哩、出發(fā)到達(dá)時間娩贷、和余票信息。只是高鐵車次會有身份證圖標(biāo)锁孟,讓人不知道是什么意思(難道是憑身份證可以檢票的意思)彬祖。每條車次信息都有列車時刻表作為嵌入層,點擊圖標(biāo)顯示該嵌入層品抽。無票時該條信息變灰储笑。
智行:(1)智行采用卡片式顯示每條車次的信息(用虛線分割信息種類,看上去還有種一張張車票的感覺)圆恤,每條顯示的信息內(nèi)容的與12306差不多突倍,與之不同的是,智行通過線兩邊圓點的不同狀態(tài)來表示是否是終點站或者始發(fā)站,實心表示是赘方,空心表示否(實話說不仔細(xì)分析還真看不出來烧颖,猜測智行這樣設(shè)計的原因是了解到人們對是否是終點站與始發(fā)站這一信息不是很看重,所以弱化了其顯示窄陡。)炕淮;(2)智行會有最低票價顯示信息。智行的底欄也為排序功能集合跳夭,其中篩選按鈕也放在了低欄,但是沒有了到時排序選項(個人認(rèn)為到時排序選項還是挺重要的涂圆,有人關(guān)心出發(fā)時間,有人關(guān)心到達(dá)時間币叹,當(dāng)人們看到按出發(fā)時間排序時也會自然地想到也應(yīng)該有按到達(dá)時間排序)润歉。(3)由于智行APP的搶票功能為其亮點,故將搶票功能放到了頂部右上角颈抚。當(dāng)余票為0時踩衩,也有顯眼的紅色搶票按鈕在該條信息上顯示。將信息上滑時贩汉,底部欄隱藏驱富,以更多且無干擾地顯示查詢信息。
改進(jìn):上方的日期前一天或后一天的按鈕匹舞,當(dāng)用戶查詢當(dāng)天無票時褐鸥,可能會在當(dāng)前日期的前一兩天或后一兩天查詢。如果用戶選擇了前一天赐稽,當(dāng)天沒有叫榕,則用戶想選擇當(dāng)前日期后一天的時候需要按兩次后一天,那如果到了前兩天則想跳到后兩天則需要點擊五次姊舵,這樣的點擊次數(shù)是很多的晰绎。改進(jìn)成在一行顯示五天±ǘ。可直接選擇相應(yīng)前后日期查詢荞下。
以上改進(jìn)想法當(dāng)在自己對其進(jìn)行redesign的時候出現(xiàn)了麻煩:一是日期欄如果有五個按鈕顯得過于密集,用日期表示反倒沒有對“前一天 后一天”的認(rèn)知來得輕松躏将;二是如果上面有五天的顯示锄弱,那日歷按鈕入口該如何放置,頁面的轉(zhuǎn)換是否和原來智行的一樣(轉(zhuǎn)換后中間的日期是一開始的還是選擇之后的祸憋,智行的是點擊前一天后中間的日期定位到選擇之后的会宪,但若日期欄有五天的時候則更適合轉(zhuǎn)換成tab欄的樣式,這樣一來日歷按鈕則不好放置蚯窥,當(dāng)返回中間那個日期的時候就會出現(xiàn)是點擊日期還是日歷按鈕的歧義了)掸鹅;三是當(dāng)用戶離開當(dāng)前日期很遠(yuǎn)的時候也更可能會點擊日歷頁面選擇日期塞帐。所以最后選擇保留原來的交互方式。
購票頁面:
智行 需先選座再進(jìn)入買票頁面巍沙,12306則把選座和訂單提交放在一個頁面葵姥。智行點擊預(yù)訂時展開嵌入層,選擇訂票方式再訂票句携,比12306多了兩次點擊榔幸。兩者的不同是由于app業(yè)務(wù)性質(zhì)不一樣引起的,智行同時有便捷購票與搶票業(yè)務(wù)矮嫉,而12306是單純的購票削咆。
訂單詳情頁:(此處就不放截圖了)
12306的簡直逆天。需要自己填訂單日期才能顯示蠢笋。
智行正常拨齐。底部tab欄有按出發(fā)日期、購票日期昨寞、訂單是否有效進(jìn)行排序瞻惋;
改進(jìn):這里覺得智行做的已經(jīng)很好。一開始是覺得將無效訂單置灰視覺上更好區(qū)分是否為有效訂單的援岩,后來再仔細(xì)想想這樣并不好歼狼,因為置灰很大程度上意味著無法點擊,但實際上是可點擊的窄俏,所以整條訂單置灰是不太好的蹂匹。