春運搶票季，12306 App憑藉手機號雙向核驗零成本衝上App Store免費榜首。但打開App，沉悶配色、粗糙界面、虛邊圖標、混亂留白、多字號混用、加載不居中……強迫症崩潰；生硬動效、卡頓操作、擊敗99%用戶的驗證碼，讓「便捷購票」成空談。作者去年曾進行重設計練習，分享從視覺規範、交互思維、信息架構三個維度的優化思路。

原版痛點直擊靈魂

配色沉悶（高級灰？）、界面粗糙、圖標虛邊、留白疏密不一、排版混亂、單界面超N種字號、加載動畫未居中——基本確認為「直接拿原型開發」。體驗層面：動效生硬、操作卡頓、驗證碼反人類。

重設計初衷與原則

不搞天馬行空概念設計，跟上扁平化腳步：視覺扁平化、信息架構層級扁平化、摒棄冗餘功能元素。目標：用戶看著舒心、操作簡單、購票便捷實用——給用戶少的選擇，突出信息，用少的點擊和時間購到票（春運客觀因素除外）。

核心界面優化邏輯

1. 整體色調：紅色+深灰藍

紅色源自鐵道部Logo，刺激性顏色潛意識加快瀏覽訂票速度；深灰藍直覺搭配紅色（承認屬野生派，無理論支撐）。

2. 首頁：側邊欄選城淺化層級，Tab欄優化

點擊地點彈出側邊欄選城市，減少層級深度（當時設想選城後自動返回/左滑返回，未考慮移動端規範）。「更多」低頻模塊整合至「個人」或改為「搶票」（痛點當初未識）。

3. 選票頁：頂部固定時間篩選，底部彈出購票按鈕

• 時間左右滑動選擇靈活度高於點選上/下一天。
• 右上角「+」下拉篩選（新用戶首次進入有文字引導）。
• 選中車次後底部彈出購票按鈕（而非直接跳轉）：防誤觸+大色塊選中狀態便於回翻定位，減少重複滑動尋找時間。

4. 購票頁：極簡呈現基本信息

現回看實用性不足：余票數量、支付倒計時等關鍵提示缺失。

重設計遵循三大鐵律

1. 嚴守視覺規範： 字號、間距、Icon尺寸統一標準化。
2. 良好交互思維： 好產品建立在好交互體驗上。
3. 多體驗優秀App： 從優秀產品中吸收養分。

反思與展望

野生派出身，缺數據支撐、理論解釋細節，設計單薄稚嫩。移動端設計快速迭代，現有優秀第三方訂票助手層出不窮，期待更多設計師貢獻更驚喜的交互與視覺方案，真正解決用戶痛點。