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

先看原有的界面樣子：

問題主要在于：

信息擺放缺少邏輯

重點(diǎn)信息沒有得到突出

再設(shè)計(jì)：

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

“我卡里還有多少錢”

“您卡里還有105.2塊，請(qǐng)問您充多少錢”

“充75塊”

“收您100塊”

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

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

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

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

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

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

注銷因?yàn)闆]有見過，所以沒有設(shè)計(jì)，這是我第一次對(duì)原有東西再設(shè)計(jì)，歡迎拍磚討論。

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

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

作者：Rabbitgod

文章來源：rabbitgod.lofter.com

標(biāo)簽： 公交充值界面 公交充值界面設(shè)計(jì) 交互設(shè)計(jì) 

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