每次在地鐵站充值面前都會有一塊屏幕，提示你卡上余額還有充了多少錢，但每次看都很麻煩，找不到關(guān)鍵信息。所有自己就動了再設(shè)計的想法。

先看原有的界面樣子：

問題主要在于：

信息擺放缺少邏輯

重點信息沒有得到突出

再設(shè)計：

首先模擬充值的過程，一般生活中常見的情形：

“我卡里還有多少錢”

“您卡里還有105.2塊，請問您充多少錢”

“充75塊”

“收您100塊”

“這是找您的25塊，卡里一共還有180.2塊”

以此可以得到大致信息的如下：

賬戶余額-充值金額-找零-充值后金額（“充值前金額”并列呈現(xiàn)），除外以外還有一些與充值流程無關(guān)的信息，充值次數(shù)-車票類型-有效期限。

拿到信息后經(jīng)過整理設(shè)計，得到如下樣子：

當把充值卡放到查詢機器上，直接顯示查詢界面，左側(cè)顯示賬戶余額，右側(cè)顯示車票類型和有效期并進行弱化。

當輸入充值相關(guān)信息時，則顯示充值界面，成功充值的話語突出顯示。

注銷因為沒有見過，所以沒有設(shè)計，這是我第一次對原有東西再設(shè)計，歡迎拍磚討論。

一句話總結(jié)此次收獲：

在需要的時候顯示合適的信息，而不是一股腦的全放到上面。

作者：Rabbitgod

文章來源：rabbitgod.lofter.com

標簽： 公交充值界面 公交充值界面設(shè)計 交互設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。