12306手機端終於改版了!卡片式設計

12306手機端終於改版了!卡片式設計

暑假開始了,小編無處不想浪的心已經躁動不已……

而現實是社會人大多沒有暑假,此時此刻對老師這個職業產生了嚮往,於是小編準備默默關閉訂票軟體……

咦咦咦咦咦咦咦?改版了??12306手機端改版了???

其實小編有點久沒有訂高鐵票,想不起改版前的UI是什麼樣子,還好有萬能的互聯網。

可以說是,終於用上了卡片式設計了……配色也朝著目前比較流行的搭配轉變了。而且還增加了「正晚點」等功能的入口,豐富了首頁內容和方便了用戶,除此以外狀態欄的入口也進行了更新。

emmmm……具體班次時刻表的變動比較小,基本還是保持了列表的形式。

登陸頁面也改成了時下常見的輸入樣式,不知道是不是視覺升級帶來的心理作用,突然覺得12306 App形象高大了起來,果然人靠衣裝,連App也不例外呀。

卡片式設計

卡片式設計可以說是當下UI設計中很常見的形式之一,我們在App裡面看到圖片和信息通常都會以矩形區塊來呈現,像是容器一樣承載著App的內容。

另外卡片式設計會讓人感到親切,因為在有智能手機以前,我們身邊就充斥著各種各樣的卡片:身份證、銀行卡、名片等。

12306這次的改版終於是向大眾方向靠攏了,使用卡片式設計不僅更容易讓用戶消化內容,還將不同的內容「區塊化」了,用戶獲取信息變得更加輕鬆了。

除此以外,卡片式設計兼容性很強,不管是App還是Web,都能夠有效適應響應式設計。

卡片式設計在視覺上可塑性很高,能使用圖片來強調,讓卡片式變的更加吸引人。

反人類的設計例子

懷著冒險的精神,小編想要看看12306有沒有順便把網站也升級了,結果讓我十分失望ε-(′?`; )

看到這個年代感滿滿的網站,小編想起了被圖片驗證碼支配的恐懼……

曾經試過,十幾次都沒有驗證成功,天知道負責這塊的程序員哥哥的代碼是怎麼寫的。

圖像驗證碼並不是12306的專利,其實谷歌也有圖像驗證碼,但是十幾次都不成功的情況真的很小。

除了12306的反人類驗證碼,還有很多讓人哭笑不得的反人類設計:

即使換成兩腳在上三腳在下,空間不夠的情況還是屢屢發生的,不過近年來很多這樣配置的插座已經作出了改良,據說不會出現上述的情況……

想知道體重懸殊的人坐上去這飯還能不能好好吃了,這位設計師肯定是不想一個人吃飯……

教練!我不想要一個人吃飯,但是我又害怕對方的眼神怎麼辦!可能你需要這張桌子……

很多人覺得這種蚊香也很反人類,一盤兩個不好翻開,搞不好一點就整盤沒有了。但是小編要實名為它平反,這是我見過最聰明的設計之一了!

這種蚊香利用了「陰陽」的設計,兩圈製成一圈,一方便開模,二不易折斷,三節省空間。其實使用這種蚊香根本不用分開,因為其中一盤燃燒完,另外一盤自然而然就剩下了。

除了生活處處有驚喜以外,假如設計師放假了,程序員哥哥也是要撒歡兒的……

我不過是想調個音量,我招惹誰了我ε-(′?`; )

不知道大家對12306的改版是否滿意,小編總覺得改版以後,操作流暢了好多,不知道是不是(視覺效果帶來的)錯覺……


推薦閱讀:

用戶思維與產品思維的差距決定了帶給你財富的多少!
ICON 圖標設計規範與原則
回顧 | 知道你需要一個溫暖的窩 他們在改善租房體驗這塊做了這麼多
陳亮:不會這一招,至少讓你少賺一百萬
用戶體驗(UX)設計師應該如何提問?

TAG:用戶體驗設計 | 產品設計 | 設計 |