再設計 北京公交充值介面改進方案

2021-06-03 06:48:48 字數 753 閱讀 7031

每次在地鐵站充值面前都會有一塊螢幕,提示你卡上餘額還有充了多少錢,但每次看都很麻煩,找不到關鍵資訊。所有自己就動了再設計的想法。

先看原有的介面樣子:

問題主要在於:

資訊擺放缺少邏輯

重點資訊沒有得到突出

再設計:

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

「我卡里還有多少錢」

「您卡里還有105.2塊,請問您充多少錢」

「充75塊」

「收您100塊」

「這是找您的25塊,卡里一共還有180.2塊」

以此可以得到大致資訊的如下:

賬戶餘額-充值金額-找零-充值後金額(「充值前金額」並列呈現),除外以外還有一些與充值流程無關的資訊,充值次數-車票型別-有效期限。

拿到資訊後經過整理設計,得到如下樣子:

當把充值卡放到查詢機器上,直接顯示查詢介面,左側顯示賬戶餘額,右側顯示車票型別和有效期並進行弱化。

當輸入充值相關資訊時,則顯示充值介面,成功充值的話語突出顯示。

登出因為沒有見過,所以沒有設計,這是我第一次對原有東西再設計,歡迎拍磚討論。

一句話總結此次收穫:

在需要的時候顯示合適的資訊,而不是一股腦的全放到上面。

xiong的心得:生活中總有寫不是理所當然的事情,多留心,找創新,找優化,多嘗試,玩玩

**:

web流程設計器再整理

時隔多年,前端發展實在迅猛,各類框架層出不窮,在優雅,簡潔,高效以及維護方面各有千秋,只是回過頭來看看,自己 還是對jquery最順手,作為個人的業餘愛好玩玩,基於jquery ui體系寫 實在是很舒服的一件事情。回到正題,在09年的時候,當時順手寫過乙個jbpm4的web流程設計器,非常簡單的乙個...

對許可權系統設計的再思考

對許可權系統設計的再思考 什麼是許可權系統,許可權系統究竟在整個系統中起到什麼作用,或者說許可權系統必須提供哪些功能?談談個人的看法,我認為授權和驗證是乙個許可權系統最基本的功能,而乙個更完善的許可權系統會增加上如何驗證和驗證後如何處理這兩種功能。對於乙個許可權系統的基本元素,我覺得只有兩個 pri...

在我心中 設計模式(有空再繼續)

基本問題 爭取聊聊多個 設計模式 定義物件 一對多的 依賴關係,多個觀察者監聽乙個 乙個主題物件,主題物件改變,會通知 觀察者 進行自動更新 class subject add obj remove obj notify class observer update let obj1 newobser...