iOS端 12306重設(shè)計

自12306官方APP誕生的那一天起考阱,就注定了它要飽受詬病电禀。截至目前,蘋果的iTunes上1493條評分,綜合后的分?jǐn)?shù)接近于1星辱匿。雖然主要的問題還是集中在開發(fā)身上,不過APP界面設(shè)計仍有些過于隨意泰讽,有很多需要補足改進的地方甜紫。

本文針對目前的官方APP,就如何明顯提高用戶的購票效率及便捷性加以分析及改進艘狭。部分吐槽可能會有些激進挎扰,望您理解~

車票預(yù)訂界面

存在問題
  1. 首頁查票的作用被標(biāo)題下四個功能嚴(yán)重干擾,而且放在了占據(jù)重要位置的頂部巢音,反而成了四不像遵倦,這四個功能完全可以放到個人中心界面中。

  2. 出發(fā)日期官撼、時間及席別的排版過于隨意梧躺,根本沒有對齊,而且為什么出發(fā)時間和席別行距搞那么大呢傲绣,三者本身屬同一層級掠哥。

  3. 乘客為什么又突然換了個橙色,而且還獨占一行局左斜筐,包括常用線路也同樣局左龙致,界面空白并沒有合理利用。

  4. 底部的標(biāo)簽欄蜜汁灰底白字顷链,如果以圖標(biāo)+文字的方式呈現(xiàn)會相對更為直觀清晰目代。

改進
  1. 四個略顯尷尬的功能放到了個人中心。

  2. 以增強代入感的紙質(zhì)票的形式將必要元素呈現(xiàn)給用戶嗤练,調(diào)整層級關(guān)系榛了。

  3. 底部以開口線性icon+文字代替。

  4. 弱化了最近常用線路煞抬,并且重新布局霜大。

車票預(yù)訂界面

時間/地點選擇界面

存在問題
  1. 狀態(tài)欄信息顏色不知道為啥和標(biāo)題顏色不一樣,很臟革答,降低辨識度战坤,看著很鬧心。

  2. 車站選擇采用了tab式分組残拐,雖然增加了用戶短期記憶的負(fù)擔(dān)途茫,但這不是重點,重點是用戶無法通過滑動手勢切換頁面溪食,只能用手指一個一個的戳囊卜!

  3. 出發(fā)日期界面痛點同上,戳戳更健康。

改進
  1. 狀態(tài)欄信息顏色正常了(包括后面的界面)栅组。
  2. 地點信息和日期信息各自整合到一個頁面中雀瓢,卡片式分組,再也不用戳了玉掸。
時間/地點選擇界面

車次界面

存在問題
  1. 導(dǎo)航欄下的“前一天”btn與“返回”離得太近了刃麸,用戶很容易誤操作。

  2. 底部的工具欄干擾了車次信息的正常瀏覽排截。

  3. 每個車次距離太近嫌蚤,顯得很擁擠,部分非必要信息可以去除断傲。

改進
  1. 時間btn位置做了調(diào)整脱吱。

  2. 底部工具欄整合到了右上方菜單中。

  3. 卡片式布局車次认罩,車次內(nèi)部層級調(diào)整箱蝠,清晰直觀。

車次界面

訂單確認(rèn)界面

存在問題
  1. 時間在預(yù)訂及車次界面已雙重確認(rèn)垦垂,訂單界面中顯得很多余宦搬。

  2. 底部的蜜汁工具欄沒有必要放在這里,多余劫拗。

  3. 訂單信息層級關(guān)系不明顯间校,另外添加乘客突然居中了,但看著還是鬧心页慷。

改進
  1. 去除了一切多余的信息

  2. 添加了學(xué)生票btn憔足,重新調(diào)整了訂單的層級關(guān)系,用戶識別起來更快酒繁、更容易滓彰。

訂單確認(rèn)界面

支付界面

存在問題
  1. 這部分界面過于反人類,跳轉(zhuǎn)頁面太多了州袒,增加用戶記憶負(fù)擔(dān)揭绑。

  2. btn太多了,很多不必要信息都一股腦網(wǎng)上放郎哭,支付完成界面還有個訂餐服務(wù)而且還是首位他匪,很難理解,可能是覺得用戶花費大量精力購?fù)昶倍亲訒I夸研,可是邦蜜。。陈惰。

3.支付完成界面訂單詳情內(nèi)容直接在訂單詳情頁中可以查看,多余。

改進
  1. 將支付方式整合到了確認(rèn)支付頁中抬闯,減少用戶記憶壓力井辆。

  2. 去除了一切多余的裹腳布。

支付界面

訂單詳情界面

存在問題
  1. 終于到了最讓人吐血的界面了溶握。杯缺。。一個訂單你需要猶如大海撈針一般查找睡榆,而且為啥要在tab下加個日期萍肆?

  2. 終于找到了訂單,如果想要改簽或退票還得繼續(xù)12306的官方特色——戳胀屿,而且為啥又加了個訂餐呢塘揣??

  3. 訂單內(nèi)部信息層級混亂宿崭,價格又詭異的用了醒目的紅色亲铡,看著鬧心。

改進
  1. 將有用的信息整合到一頁中葡兑,提高用戶查看速度奖蔓。

  2. 訂單內(nèi)部信息層級調(diào)整,訂單狀態(tài)分別以紅綠色代表待支付和待出行讹堤,同時在左側(cè)加上豎條吆鹤,直觀易識別。

  3. 改簽和退票通過ios特有的側(cè)滑方式呈現(xiàn)洲守。

訂單詳情界面

個人中心界面

存在問題

越寫越激動疑务,感覺有點止不住了- -鎮(zhèn)靜一下

  1. 個人中心看著很累。岖沛。暑始。而且很多比較有用的功能藏在了“信息服務(wù)”的子界面中,過于隱晦婴削。

  2. 純紅的New提示廊镜。。唉俗。不知道如何吐槽了

改進
  1. 用九宮格布局排列菜單嗤朴,icon+文字,用戶可以更快的獲取信息虫溜。

  2. 只保留了常用功能雹姊。

個人中心界面

最后,很感謝你看完我的這些吐槽和建議衡楞,歡迎一起探討交流吱雏!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子歧杏,更是在濱河造成了極大的恐慌镰惦,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件犬绒,死亡現(xiàn)場離奇詭異旺入,居然都是意外死亡,警方通過查閱死者的電腦和手機凯力,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門茵瘾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人咐鹤,你說我怎么就攤上這事拗秘。” “怎么了慷暂?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵聘殖,是天一觀的道長。 經(jīng)常有香客問我行瑞,道長奸腺,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任血久,我火速辦了婚禮突照,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘氧吐。我一直安慰自己讹蘑,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布筑舅。 她就那樣靜靜地躺著座慰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪翠拣。 梳的紋絲不亂的頭發(fā)上版仔,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天,我揣著相機與錄音误墓,去河邊找鬼蛮粮。 笑死,一個胖子當(dāng)著我的面吹牛谜慌,可吹牛的內(nèi)容都是我干的然想。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼欣范,長吁一口氣:“原來是場噩夢啊……” “哼变泄!你這毒婦竟也來了令哟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤妨蛹,失蹤者是張志新(化名)和其女友劉穎励饵,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體滑燃,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年颓鲜,在試婚紗的時候發(fā)現(xiàn)自己被綠了表窘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡甜滨,死狀恐怖乐严,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情衣摩,我是刑警寧澤昂验,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站艾扮,受9級特大地震影響既琴,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜泡嘴,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一甫恩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧酌予,春花似錦磺箕、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至建椰,卻和暖如春雕欺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背广凸。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工阅茶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人谅海。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓脸哀,卻偏偏與公主長得像,于是被迫代替她去往敵國和親扭吁。 傳聞我的和親對象是個殘疾皇子撞蜂,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,111評論 25 707
  • 使用sketch最重要的一點是設(shè)計好控件的規(guī)范蝌诡。 為做好設(shè)計規(guī)范需要對色彩進行編號溉贿,比如:color_a”_1,c...
    youyeath閱讀 26,156評論 2 237
  • 寫給在PHP道路上迷茫的你 第一次聽說PHP是在去年的一次同學(xué)聚會上浦旱,來自于化工學(xué)院的我宇色,只在大一的基礎(chǔ)課上學(xué)過一...
    騎士恨煎蛋閱讀 222評論 0 0
  • 自從拜到了黃小仙的門下,我成了一只快活的小妖颁湖。他是典型的金牛座宣蠕,金牛座的人踏實穩(wěn)重,作為我的師傅甥捺,我能說經(jīng)歷過的好...
    郝志陽閱讀 704評論 2 0
  • 陽光明媚抢蚀,風(fēng)和日麗。春悄悄地來到了我們每個人的身邊镰禾。刷朋友圈的時候看到了一條關(guān)于風(fēng)車的活動皿曲。那是他所在的城,因為喜...
    夙殤閱讀 380評論 8 13